/* CSS Document */

body{ padding:0px; margin:0px; font-family:"Microsoft Yahei"; font-size:12px; border-top:2px solid #358F01; background-image:url(../image/bodybg.jpg); background-repeat:repeat; color:#333; font-weight:none;}
ul,li,p,table{ padding:0px; margin:0px; list-style:none;}
img{ border:0px;}
.clear{ clear:both;}
a{ text-decoration:none;}
a:hover{ text-decoration:underline;}
h1{ font-size:18px; line-height:40px;}

.header{ height:145px; width:1100px; margin:0 auto; }
.top{ height:100px; width:100%;}
.logo{ width:510px; float:left; height:100px; font-size:30px; line-height:100px;}
.search{ width:320px; float:left; height:100px;}
.tel{ width:250px; float:left; height:100px; line-height:100px;}
.tel span{ color:#900; font-size:20px;}

#navmenu{width:1100px; margin:0 auto; height:45px; line-height:45px; background-image:url(../image/navbg.jpg); background-repeat:repeat-x; color:#fff; font-size:14px; }
#navmenu ul {float:left;padding:0 2px 0 0;width:1080px; margin:0 auto;}
#navmenu ul li {float:left;height:45px;line-height:45px;position:relative; text-align:center; width:120px; }
#navmenu ul li a {color:#ffffff; text-decoration:none;}
#navmenu ul li a:hover{color:#fff;  border-radius:3px;}
#navmenu ul li:hover{ background-image:url(../image/navbg_hover.jpg); background-repeat:repeat-x;}

#navmenu ul li ul{position:absolute;top:45px;left:0;width:165px;filter:alpha(opacity=90);opacity:.9;-moz-opacity:.9;display:none;z-index:100;}
#navmenu ul li ul li {float:left;border-bottom:1px #3DA603 solid;display:block;width:165px; height:35px; background-image:url(../image/navbottom.jpg); background-repeat:repeat-x;}

#navmenu ul li ul li a{float:none;color:#ffffff;display: block;font-size: 13px;line-height:35px;width:165px;}
#navmenu ul li ul li a:hover{font-weight:bold;}
.bannerb{ width:1100px; height:auto; margin:0 auto; background-image:url(../image/bannerbg.jpg); background-position:top; background-repeat:repeat-x;}
.banner{ width:1080px; height:300px; margin:0 auto;  position:relative; overflow:hidden}
.nybanner{ width:1080px; height:200px; margin:0 auto;  position:relative; overflow:hidden}
.flashlist {
	height:360px;
}
.flashlist .f_out {
	height:300px;
	overflow:hidden;
	position:relative;
}
.flashlist .f_out .vip01pic,.jcToppic .vip01pic {
	width:58px;
	height:58px;
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	background:url(/templets/default/images/vipico.gif) no-repeat 0 0;
	z-index:200
}
.vip02pic {
	width:39px;
	height:39px;
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	background:url(/templets/default/images/vipico.gif) no-repeat -80px 0;
	z-index:200
}
.flashlist .f_out .picintro {
	height:84px;
	background:url(/templets/default/images/hdpng.png) no-repeat scroll 0 -1px;
	position:absolute;
	bottom:0;
	left:0;
	width:940px;
	z-index:999;
	padding:0 20px;
}
.picintro h2 a {
	color:#FFF;
	font-family:"微軟雅黑";
	font-size:20px;
	font-weight:bold;
	line-height:37px;
}
.picintro p {
	color:#767676;
	line-height:20px;
}
.picintro p a {
	color:#abadac;
}
.flash_tab {
	height:26px;
}
.flash_tab .tabs {
	width:130px;
	height:8px;
	overflow:hidden;
	margin:auto;
	position:absolute;
	top:280px;
	left:480px;
}
.flash_tab .tabs ul li {
	width:33px;
	height:8px;
	float:left;
	display:block;
}
.flash_tab .tabs ul li.opdiv,.noopdiv {
	padding:0;
	opacity:1
}
.flash_tab .tabs ul li.opdiv a {
	width:21px;
	height:6px;
	background:url(../image/hdsmall.gif) no-repeat scroll -41px -1239px;
	display:block;
}
.flash_tab .tabs ul li.opdiv a:hover {
	background-position:-8px -1239px;
}
.flash_tab .tabs ul li.noopdiv a {
	width:21px;
	height:6px;
	background:url(../image/hdsmall.gif) no-repeat scroll -8px -1239px;
	display:block;
}
.main{ width:1080px; height:auto; margin:0px auto; background-color:#fff; padding-top:10px;}
.main_left{ width:286px; height:auto; float:left;}
.main_pro{ width:100%; height:auto; border-left:1px solid #D5D4D4; border-right:1px solid #D5D4D4;}
.main_pro_title{ width:100%; height:30px; background-image:url(../image/index_title.jpg); background-position:left; background-repeat:repeat-x; line-height:30px; color:#fff; font-size:13px;}
.main_pro_title span{ padding-left:15px;}
.main_pro ul{ width:100%; list-style:none; height:auto;}
.main_pro ul li{ width:100%; list-style:none; height:auto; height:35px; border-bottom:1px dashed #DCDCDC; line-height:35px; color:333; text-decoration:none;}
.main_pro ul a{ color:#333; text-decoration:none; width:285px; height:35px; display:block}
.main_pro ul a span{ padding-left:25px;}
.main_pro ul a:hover{ background-color:#358F01; color:#fff}
.main_contact{ margin-top:10px;width:100%; height:auto;border-left:1px solid #D5D4D4; border-right:1px solid #D5D4D4;border-bottom:1px solid #D5D4D4;}
.main_contact_content{ width:80%; height:auto; overflow:hidden; margin:0 auto; line-height:24px; padding-top:15px;}

.main_right{ width:770px; height:auto; float:right; border:1px solid #D5D4D4}
.main_right_title{width:770px; background-image:url(../image/title_bg.jpg); background-repeat:repeat-x; background-position:center; height:30px; line-height:30px;}

#TabTab03Con1{width:710px;height:170px; padding:25px;}
.tab_left{ width:400px; height:auto; float:left}
.tab_right{ width:260px; height:auto; float:right}
#TabTab03Con1 ul{ width:100%;}
#TabTab03Con1 ul li{ line-height:26px;}
#TabTab03Con1 ul li a{ float:left; color:#333; }
#TabTab03Con1 ul li a:hover{ color:#358F01;}
#TabTab03Con1 ul li span{ float:right;}
#TabTab03Con2{width:710px;height:170px; padding:25px; line-height:23px; color:#333}


.tab1{width:115px;height:30px;line-height:30px;float:left;text-align:center;cursor:pointer;color:#358F01; font-size:13px;border-right:1px solid #D5D4D4;border-left:2px solid #358F01;}
.tab2{width:115px;height:30px;line-height:30px;float:left;text-align:center;cursor:pointer;color:#333; font-size:13px;border-right:1px solid #D5D4D4;}

.product_title{ width:768px; background-image:url(../image/title_bg.jpg); background-repeat:repeat-x; background-position:center;; height:30px; line-height:30px;color:#358F01; border-left:2px solid #358F01; font-size:13px;}
.product_title span{ padding-left:15px; float:left}
.product_title a{ float:right; line-height:30px; padding-right:15px; color:#358F01;}

.cp{ width:100%; height:40px; border-bottom:1px solid #D5D4D4;border-top:1px solid #D5D4D4}
.cp_content1{ width:100%; height:300px;}
.ctab1{width:115px;height:40px;line-height:40px;float:left;text-align:center;cursor:pointer;color:#358F01; font-size:13px;border-right:1px solid #D5D4D4; background-color:#F5F5F5}
.ctab2{width:115px;height:40px;line-height:40px;float:left;text-align:center;cursor:pointer;color:#333; font-size:13px;border-right:1px solid #D5D4D4;}
.cp_list{ width:100%; padding-top:20px;}
.cp_list li{ width:163px; float:left; height:190px; margin-left:21px; margin-bottom:20px; border:1px solid #D5D4D4;}
.cp_list li img{ width:163px; height:160px; padding:0px; margin:0px;}
.cp_list li:hover{border:1px solid #358F01;}
.cp_list li p{ width:163px; height:30px; line-height:30px; text-align:center; text-decoration:none; background-color:#E5E5E5; color:#333}
.cp_list li a:hover{ text-decoration:none;}


.news{ width:1080px; height:auto; margin:10px auto;}
.news1{ width:348px; height:auto;border:1px solid #D5D4D4;}
.newsleft{ float:left; margin-right:15px;}
.newsright{ float:right;}
.news_title{ width:346px; background-image:url(../image/title_bg.jpg); background-repeat:repeat-x; background-position:center;; height:30px; line-height:30px;color:#358F01; border-left:2px solid #358F01; font-size:13px;}
.news_title span{ padding-left:15px; float:left}
.news_title a{ float:right; line-height:30px; padding-right:15px; color:#358F01; }

.newslist{ width:95%; margin:0 auto; line-height:25px; padding:8px 0px;}
.newslist li{ width:100%; height:25px; border-bottom:1px dashed #D5D4D4;}
.newslist li a{ float:left; color:#333; }
.newslist li a:hover{ float:left; color:#358F01; }
.newslist li span{ float:right;}


.link{ width:1078px; height:40px; border:1px solid #D5D4D4; line-height:40px;}
.link span{ font-weight:bold; padding-left:30px;}
.link a{ color:#333; padding:0px 5px;}
.link a:hover{ color:#358F01}


.footer{ width:1080px; height:auto; text-align:center; margin:10px auto; line-height:22px;}
.footer ul{ width:300px; margin:0 auto; height:23px; text-align:center;}
.footer ul li{ float:left; padding:0px 2px; width:55px;  }
.footer ul li a{ color:#333}


.ny_title{ width:738px; line-height:30px; height:30px; border-left:2px solid #358F01; padding-left:20px; color:#358F01; font-size:13px;}
.ny_title span{ width:auto; float:right; color:#333; font-size:12px;}
.ny_title span a{ color:#333; }
.main_content{ padding:20px; width:730px; height:auto; min-height:500px; line-height:25px;}
main_content1{ width:770px; height:auto; min-height:500px; line-height:25px;}

.news_list{ width:100%; }
.news_list li{ width:100%; line-height:35px; border-bottom:1px dashed #dedede}
.news_list li a{ float:left; color:#333;}
.news_list li a:hover{ color:#358F01; }
.news_list li span{ float:right;}
.fenye{ width:95%; margin:0 auto; line-height:35px;}
.fenye li{ float:left; padding: 3px;}
.fenye li a{ color:#333; border:1px solid #dedede;padding: 3px;}
.fenye li a:hover{ color:#358F01; }
.fenye li a:visited{ color:#358F01;}

.article_title{ text-align:center; width:100%; font-size:18px; line-height:40px;}
.next{ width:100%; padding:30px 0px 20px 0px;}
.next li{ line-height:30px;}
.next li a{ color:#333;}
.morearticle{ width:100%; height:auto;}
.morearticle ul{ width:100%; padding:15px 0px;}
.morearticle ul li{ width:355px; height:25px; line-height:30px; float:left;}
.morearticle_title{ width:100%; height:35px; background:#F5F5F5; margin:0 auto; border-left:2px solid #358F01;}
.morearticle_title span{ font-size:13px; color:#358F01; padding-left:20px; line-height:35px; height:35px; font-weight:bold;}
.morearticle ul li a{ color:#333}
.morearticle ul li a:hover{ color:#358F01}

.cp_title{ width:95%; height:35px; background:#F5F5F5; margin:0 auto; border-left:2px solid #358F01;}
.cp_title span{ font-size:13px; color:#358F01; padding-left:20px; line-height:35px; height:35px; font-weight:bold;}
.cp_nr{ width:95%; margin:0 auto; line-height:25px; padding:15px 0px; height:auto; min-height:100px;}
.cp_content{ width:95%;height:280px; padding:15px 0px; margin:0 auto;}
.cp_left{ width:280px; height:280px; float:left; }
.cp_left img{ border:1px solid #dedede; width:279px; height:276px; padding:0px; margin:0px;}
.cp_right{width:420px; height:280px; float:left;  margin-left:20px;}
.cp_article_title{ line-height:25px; font-size:16px; height:45px;}