﻿@charset "utf-8";
/* CSS Document */

body {margin:0px; background-color:#fff; font-size:12px; color:#555}
img{ border:none}
ul,li,dl,dt,p,b,h1,h2, h3, h4, h5, h6, hr,ol,p{list-style:none;padding:0px; margin:0px; border:none; text-decoration:none;}
a{ color:#555; text-decoration:none}
a:hover{ color:#aa3d04; text-decoration:none}

.bodywidth{width:983px; margin:auto; padding:0 10px}

.top_box{ background:url(../images/top_bg.jpg) center}
	.top{height:89px}
	.logo{ margin-left:20px}
	.topright{ width:230px; float:right}
		.language{ text-align:center; line-height:30px; padding-bottom:5px}
		.sec{ background:url(../images/sec.jpg) no-repeat; width:182px; height:24px; margin:auto; line-height:20px}
			.sectext{border:0px; width:110px; background:none; color:#828181; font-size:12px; padding:0px}
			.secbtn{cursor:pointer; background:none; border:0; height:24px; width:35px}
.ban_news{ margin-top:20px}
	.banner{ height:268px}
		.banner_top{ width:984px; height:19px; background:url(../images/ban_bg_en.jpg) 0 0}
		.banner_bottom{ width:984px; height:11px; background:url(../images/ban_bg_en.jpg) 0 -19px}
		.banner_body{ width:974px; height:232px; border-left:1px solid #ddd; border-right:1px solid #ddd; margin-left:4px}
	.sub_news{ float:right; width:240px; height:258px; background:url(../images/news_bg.jpg); padding-top:10px}
		.sub_news ul{ padding:75px 20px 50px 25px}
			.sub_news ul li{ line-height:26px}
			.sub_news ul li a:hover{ text-decoration:underline}
.main{ overflow:hidden; zoom:1}
.main_left{ width:210px; padding-left:5px}

	.left_btn{ border:solid 1px #ddd; margin-top:15px; width:203px; height:76px; padding:1px}
.main_right{ width:760px; float:right}
	.subtitle{background:url(../images/subtitle_en.jpg); height:33px; line-height:33px}
	.morebtn{ float:right; width:53px; height:33px; display:block}
		.morebtn img{width:53px; height:33px; border:0}
	.sub_com{ width:469px; height:230px; padding:20px 10px 20px 15px }
		.subtitle_com{width:469px; background-position:0 0}
		.subcon_com{ padding:20px 0; line-height:25px}
	.proplay{ float:right; width:257px; padding-top:20px}
		.subtitle_proplay{width:257px; background-position:-469px 0}
	.sub_pro{width:748px; padding-left:15px}
		.subtitle_pro{ width:748px; background-position:0 -33px}
		/*.pro_body{ width:714px; height:215px; background:url(../images/sub_probg.jpg) bottom}*/

.inmain_pos{ width:728px; margin-left:auto; margin-top:5px; margin-right:5px}
	.inmain_title{ line-height:30px; padding-left:10px}
.inmain_box{ background:url(../images/inmain_bg.jpg) no-repeat top; border:solid 1px #ddd; height:auto; _height:470px; min-height:470px; padding:20px 14px;line-height:30px; font-size:14px;}
		.newslist li{margin-bottom:20px}
			.newslist li h1{ font-size:14px; padding-left:20px; background:url(../images/newslist_ico.jpg) no-repeat 0% 8px}
			.newslist .newstime{ float:right; font-size:14px; margin-right:10px; color:#aaa}
			.newslist p{ padding:5px; margin:0px 0 10px;line-height:20px; background-color:#f4f4f4; font-size:12px}
		.newscon{padding-bottom:30px; font-size:12px}
			.newscon h1{ text-align:center; font-size:20px }
			.jiathis1{background-color:#eee; border:1px #CCC solid; height:15px; padding:10px; margin:20px 0 20px}
			.jiathis1 .time{ float:right}
			.newstext{border-bottom: solid 1px #CCC; line-height:20px; font-size:14px; padding:0 10px 20px}
			.newsprve{ float:left; margin-top:10px}
			.newsnext{ float:right; margin-top:10px}
		.page{ padding:10px 20px 10px; width:550px; float:right; }
			.page strong{color:#aa3d04}
			.page p{ margin-right:10px; float:left; line-height:20px}
			.page li{ float:left; background-color:#ddd; margin:0 3px 0; line-height:18px}
			.page li a{ display:block; padding:0px 6px 0px; color:#FFF; border:solid 1px #ccc; color:#666; background-color:#ddd}
			.page li a:hover{ background-color:#aa3d04; display:block; color:#FFF; border:solid 1px #842f03;}
		.albumlist { font-size:12px; overflow:hidden; zoom:1}
				.albumlist a {width:186px;float:left;text-align:center;line-height:20px; margin:0 21px 30px; padding-top:5px; background:url(../images/Album_box.gif) no-repeat;}
				.albumlist a img {display:block;cursor:pointer; height:135px; width:180px; padding-left:3px}
				.albumlist a p{ line-height:22px; margin-top:10px}
				.albumlist a:hover {}
				.albumlist a:hover img {display:block;cursor:pointer}
			.album { font-size:12px; overflow:hidden; zoom:1}
				.album a {width:198px;float:left;text-align:center;line-height:20px; margin:0 15px 30px; padding-top:11px; background:url(../images/photo_box.gif) no-repeat;}
				.album a img {display:block;cursor:pointer; height:135px; width:180px; padding-left:9px}
				.album a p{ line-height:22px; margin-top:10px}
				.album a:hover {}
				.album a:hover img {display:block;cursor:pointer}
			.dowmload li{margin-bottom:20px}
			.dowmload li h1{ font-size:14px}
			.dowmload li span{ display:block; padding-top:10px; color:#777}
			.dowmload .btn{ float:right; font-size:12px; margin-right:10px; color:#aa3d04}
			.dowmload .btn:hover{color:#aaa}
			.dowmload p{ padding:5px; margin:0px 0 10px;line-height:20px; background-color:#f4f4f4; font-size:12px}
			.recruit{ font-size:12px}
			.messageview{ font-size:12px}
			.messageview li{ margin:5px; padding:10px}
			.message{ margin:10px; padding:10px; border:solid 1px #CCC;; font-size:12px}
			.procon{ font-size:12px}
				.procon .prodata{ float:right; width:170px}
				.procon .bigpic{ max-width: 500px;  max-height: 375px; padding:1px; border:solid 1px #ddd}
				.procon .protext_title{ height:31px; width:122px; background:url(../images/procon_title_en.jpg) top; margin-top:10px}
				.procon .protext{ padding:0 20px; border-top:solid 1px #ddd; border-bottom:dashed 1px #ddd}
				.procon .proabout_title{ height:31px; width:122px; background:url(../images/procon_title_en.jpg) bottom; margin-top:10px}
				.procon .proabout{border-top:solid 1px #ddd}
					.procon .proabout a{ margin-top:15px; margin-bottom:5px}
.bottom{height:75px; background:#f4f4f4}
	.bottom .line{background:url(../images/top_btn.jpg) bottom; text-align:center}
	.bottom .top{ height:13px; width:39px; margin:auto; background:url(../images/top_btn.jpg) top; display:block}
	.bottom	p{ text-align:center; margin-top:20px; line-height:22px;}
/*导航*/

#nav{clear: both; height: 33px; background:url(../images/menu_bg.jpg) 0 -33px}
#nav a:hover{ text-decoration:none;}
.nav163css ul li{display: inline; z-index: 25; float: left; width: 150px; font-family:"微软雅黑"; font-size:14px; line-height: 33px; position: relative; text-align: center}
.nav163css ul li a{display: block; color:#fcfcfc;  float: left; width: 120px}
.nav163css li ul{padding-right: 0px; display: none; left: 1px; position: absolute; top: 33px; width:120px}
.nav163css li ul li {width:120px; text-align:center; font-size:12px; height:28px;background:url(../images/menu_bg.jpg) 0 -132px}
.nav163css li ul li a {display: block; float: left;  width:120px; color: #777; line-height:28px; height:28px; text-align:center; font-size:12px; font-family:"宋体"}
.nav163css li:hover ul {display: block}
.nav163css li.over ul{display: block}
.nav163css ul li .topa{ height:33px; background:url(../images/menu_bg.jpg) 0 -33px}
.nav163css ul li .topa:hover {background:url(../images/menu_bg.jpg) 0 -99px;color:#790d0d}
.nav163css  ul li .focus{background:url(../images/menu_bg.jpg) 0 -99px;color:#790d0d}
.nav163css ul li.sfHover .topa{background:url(../images/menu_bg.jpg) 0 -99px;color:#790d0d}
.nav163css ul li.sfHover ul a:hover {color: #790d0d; background:url(../images/menu_bg.jpg) 0 -161px; color:#fff}
.nav163css ul li.sfHover .third{top:0; left:120px;}
.nav163css ul li li a {float: none; height:28px}
.nav163css ul li li li a {float: none}
.nav163css ul li li a:hover {color:#2bb61b}
.nav163css ul li li li a:hover {}
.nav163css ul li li.sfHover{background:url(../images/menu_bg.jpg) 0 -132px}

/*banner*/
#fader{position:relative;overflow:hidden;height:232px;width:974px;}
#fader li{position:absolute;left:0;top:0;}
#fader ul li img{ height:232px; width:974px}

img{display:block;}
.fader-nav{display:inline-block;margin-right:8px;color:#fff;padding:2px 6px;background:#333;border:1px solid #fff;font-family:Tahoma;font-weight:bold;font-size:12px;cursor:pointer;}
.fader-cur-nav{display:inline-block;margin-right:8px;color:#fff;padding:2px 6px;background:#914416;border:1px solid #fff;font-family:Tahoma;font-weight:bold;font-size:12px;cursor:pointer;}

/*产品移动*/
.indexPro{width: 746px; margin-top: 20px; border: solid 1px #ddd; height: 215px;overflow: hidden;}
#probtn_left{ height:215px; width:12px;float:left; padding:0px; margin:0px; background:url(../images/sub_probg.jpg) 0 73px no-repeat; border:0;cursor:pointer; overflow:hidden;}
#probtn_right{ height:215px; width:12px;float:right; padding:0px; margin:0px; background:url(../images/sub_probg.jpg) -13px 73px no-repeat; border:0;cursor:pointer; overflow:hidden;}
#proScroll{width:720px; float:left; overflow:hidden; height:215px;margin:0px 1px;}
#proScroll li,.prolist li{background:url(../images/proname_bg.jpg) 0 bottom no-repeat; list-style-type:none; float:left; width:160px; border:solid 1px #ddd; padding:1px 1px; height:170px; overflow:hidden; margin:20px 8px; display:inline; line-height:50px; text-align:center;}
#proScroll li div,.prolist li div{height:120px; width:160px; border-bottom: solid 1px #ddd; text-align:center; padding-bottom:1px; background-color:#fff; overflow:hidden;}
#proScroll li a,.prolist li a{color:#aa3d04;font-size:14px; font-weight:bold;}
#proScroll li a:hover,.prolist li a:hover{ color:#555; text-decoration:underline;}
/*产品列表*/
.prolist li{  margin:15px 5px; }

 /*左侧图片轮播*/
#banner {position:relative; width:240px; height:180px; border:1px solid #ddd; overflow:hidden; margin:15px 0px 0px 8px}
#banner_list img {border:0px; width:240px; height:180px}
#banner_bg {position:absolute; bottom:0;background-color:#000;height:20px;filter: Alpha(Opacity=30);opacity:0.3;z-index:1000;
cursor:pointer; width:240px; }
#banner_info{position:absolute; bottom:0; left:5px;height:20px;color:#fff;z-index:1001;cursor:pointer; line-height:20px}
#banner_text {position:absolute;width:120px;z-index:1002; right:3px; bottom:3px}
#banner ul {position:absolute;list-style-type:none;filter: Alpha(Opacity=80);opacity:0.8; border:1px solid #fff;z-index:1002;
            margin:0; padding:0; bottom:2px; right:3px;}
#banner ul li { padding:0px 5px;float:left;display:block;color:#FFF;border-left:#ccc 1px solid;background:#6f4f67;cursor:pointer}
#banner ul li.on { background:#900}
#banner_list a{position:absolute;} <!-- 让四张图片都可以重叠在一起-->

/* 留言列表 */
.MessList{ border:#d9d9d9 1px dotted; border-top:none;clear:both;}
.MessList_Tit{ line-height:20px; background:url(../images/Message.gif) left top repeat-x #e5e5e5; color:#585858; cursor:hand;cursor: pointer; display:block; _height:20px; background-color:#f4f4f4}
.MessList_Tit.Messactive{ color:#aa3d04}
.MessList_Tit.Messhover{ background:#f1f1f1; }
.MessList_Tit img{ vertical-align:left; margin-right:8px}
.MessList_time{ font-size:12px; color:#c8c8c8; padding-right:10px; float:right; color:#888}
.MessList_cont{ padding:15px; line-height:24px; display:none; color:#969696; margin-left:30px}
.MessList_Reply{ background:url(../Images/dott.gif) left top repeat-x}
.yellow_font{  color:#aa3d04; }

/*产品分类*/
.subtitle_sort{ background:url(../images/subtitle_en.jpg) 0 -66px; width:207px; height:51px}
.Pro_List{margin-bottom:25px; width:205px;border:solid 1px #ddd; border-bottom:none}
.Pro_List li{position: relative; border-bottom:#e0e0e0 1px solid;white-space:nowrap; z-index:100; background:url(../images/subtitle_en.jpg) -207px -66px}
.Pro_List li a{ display:block; height:30px; line-height:30px; padding:0 30px; background:url(../images/subtitle_en.jpg) -207px -66px; overflow:hidden; height:36px; line-height:36px;}
.Pro_List li a.hover{background:url(../images/subtitle_en.jpg) -412px -66px}
.Pro_List .odd{}
.Pro_List li ul{ position:absolute; left:205px; top:-1px;  display:none; overflow:hidden; z-index:100;zoom:1; border:solid 1px #ddd; border-bottom:none}
.Pro_List li ul li{width:100%}
.Pro_List li ul li a{width:145px}
.Pro_List li:hover ul,.Pro_List li.over ul { display: block; }

/*清除浮动*/
.clear{clear:both;height:0;font-size:0px; line-height:30px}