/* CSS Document */
/* Set value default for tag */
html, body, div, span,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img,
dl, dt, dd, ol, ul, li,
fieldset, form, label{margin: 0;padding: 0;	border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;font-weight:normal;}
body  { background:#f7f7f4 url(../images/background/bg_top.jpg) top center no-repeat; font-size:12px;color:#000; font-family:"Times New Roman", Times, serif;}
ul, ol {list-style: none;}
a{text-decoration:none;}
.clr{clear:both}
.div_general{width:100%; float:left;}
.container {width:1000px;margin:0 auto;	padding:0; }
.page { width:1000px;float:left;background:#fff;text-align:left;}
.top{width:100%; margin:0;}
.top_content{width:1000px;}
.top_content_main{width:1000px; float:left; border:none;}

/* Header */
.banner {width:1000px;height:150px;}
.main_menu {width:1000px;  height:48px; background: url(../images/background/bg_mn.jpg) no-repeat;}
.menu_item {height:48px; width:130px;line-height:48px; float:left; color:#fff; font-weight:normal; text-transform: uppercase; font-size:14px; padding:0px 0px 0px 15px;}
.menu_active {float:left; width:130px;height:48px; line-height:48px; float:left; color:#fff;font-weight:normal; text-transform: uppercase; font-size:14px; background:url(../images/background/mn_act.png) 0px 0px no-repeat; padding:0px 0px 0px 15px;}
.mn_bor {float:left; width:1px; height:48px; padding:0px 20px; border:1px solid #fff;}
/* --------------- End Header ---------------- */


#middle {width:1000px;float:left;padding-bottom:10px;}
.left_panel{width:310px;float:left; border-right:1px solid #ebebeb}
.right_panel {float:right; width:680px;}


/* --------------- Box Left ---------------- */
.box_left {float:left; width:280px; padding:0px 15px; margin-bottom:10px;}
.side_title {float:left; width:280px; color:#1e4500; font-weight: bold; font-size:24px; padding:20px 0px 10px 0px;}
.side_content {width:280px;	float:left; background:url(../images/background/bg_news.png) bottom right no-repeat;}	

.mod_cat {float:left; width:250px; padding:10px 0px 10px 30px; background:url(../images/icon/news_icon.png) 0px 7px no-repeat;}
.mod_cat a {color:#000; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
.mod_cat a:hover {color:#d75243;}
.mod_cat_bor {float:left; width:280px; height:1px; border-top:1px solid #c2a977;}


.list_support_home {float:left; width:168xp; padding:0px 5px; margin-bottom:15px;}
.support_cat {float:left; width:218px; height:20px; line-height:20px; text-indent:20px; font-weight:bold; font-size:12px; margin-bottom:5px; background-color:#fef984; overflow:hidden;}
.support_sub {float: left; width:100%; padding:5px 0px;; border-bottom:1px dotted #010101;}
.sp_sub_name {float:left; width:125px; font-size:12px; color:#010101;}
.sp_sub_img {float:right; width:75px; height:16px;}


/* --------------- End Box Left ---------------- */


/* --------------- Box CENTER ---------------- */
.slideshow {float:left; width:1000px; height:300px;}
.bg_line {float:left; width:1000px; height:28px; background:url(../images/background/bg_line.jpg) no-repeat;}


.box_1 {float:left; width:1000px;}
.box_1 .left {float:left; width:640px; }
.box_1 .bor {float:left; width:1px; border-left:1px solid #ebebeb; margin:30px 9px; padding:120px 0px;}
.box_1 .right {float: right; width:340px;}

.box_ab {float:left; width:600px; padding:10px 10px 0px 30px; text-align:justify;}
.box_ab .ab_name {float:left; width:100%; padding-bottom:10px;}
.box_ab .ab_name a {color:#4b8405; font-size:36px;}
.box_ab .ab_name a:hover {color:#d75243;}
.box_ab .ab_sum {line-height:18px; font-size:12px; font-family:Arial, Helvetica, sans-serif;}

.box_news {float:left; width:310px; padding:15px 15px 10px 15px; background:url(../images/background/bg_news.png) bottom right no-repeat;}
.news_title {float:left; width:100%; font-size:24px; font-weight:bold; color:#1e4500; padding-bottom:10px;}
.news_content {float:left; width:310px;}
.li_n {float:left; width:280px; padding:7px 0px 7px 30px; background:url(../images/icon/news_icon.png) 0px 7px no-repeat;}
.li_n a {color:#000; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.li_n a:hover {color:#d75243;}
.li_n_bor {float:left; width:310px; height:1px; border-top:1px solid #c2a977;}
.li_n_more {float:right; padding:10px 10px 0px 0px;}
.li_n_more a {color:#000; font-weight:bold; font-family:Arial, Helvetica, sans-serif}
.li_n_more a:hover {color:#d75423;}


.box_2 {float:left; width:1000px; height:350px; background:url(../images/background/bg_pro_home.jpg) no-repeat;}
.box_2_bor {float:left; width:1000px; height:10px; background:url(../images/background/pro_bor.png) no-repeat;}
.box_2 .left {float:left; width:300px; height:350px; overflow:hidden}
.box_2 .right {float:right; width:690px; height:350px; overflow:hidden;}
.info_pro {float:left; width:260px; padding:20px 20px 20px 20px;}
.info_pro_title {float:left; width:100%; text-align:center; color:#275005; font-size:36px;}
.info_title_bor {float:left; width:168px; height:3px; background:url(../images/background/info_title_bor.jpg) repeat-x; margin:10px 46px}
.info_pro_content {float:left; color:#7d6248; font-size:14px; line-height:20px; padding-top:10px; font-family:Arial, Helvetica, sans-serif; text-align:center;}
.home_product {float: left; width:650px;}
.home_pro {float:left; width:190px;}
.home_pro_img {float:left; width:190px; height:180px; border:1px solid #b9a995; border-radius:5px;overflow: hidden;}
.home_pro_name {float:left; width:100%; text-align:center; padding-top:10px;}
.home_pro_name a {color:#275005; font-weight:bold; font-size:14px; text-transform:uppercase;}
.home_pro_name a:hover {color:#d75423;}


.box_center { width:680px; float:left; margin-bottom:8px;}
.box_center_title {float:left; width:680px; font-size:24px; font-weight:bold; color:#1e4500;}
.box_center_content {float: left; width:680px; padding:10px 0px;}

.listPro {float:left; width:190px; margin:10px 30px 30px 10px;}
.listPro .listProImg {float:left; width:190px; height:180px; border:1px solid #b9a995; border-radius:5px;}
.listPro .pro_photo {float:left; width:190px; height: 180px;}
.listPro .listProName {float:left; width:100%; text-align:center; padding-top:10px;}
.listPro .listProName a {color:#275005; font-weight:bold; font-size:14px; text-transform:uppercase;}
.listPro .listProName a:hover {color:#d75423;}
.listPage {float:right; text-align:right; width:95%; padding:20px 20px;}


.listMod {float:left; width:670px; margin:0px 10px 0px 0px;}
.listMod .img {float:left; width:180px; height:130px;}
.listMod .photo {float:left; width:180px; height:130px;}
.listMod .info {float:right; width:470px;}
.listMod .name {float:left; width:100%;}
.listMod .name a {color:#1e4500; font-size:18px;}
.listMod .name a:hover {color:#d75423;}
.listMod .sum {float:left; width:100%; color:#4d4d4d; padding-top:10px; font-size:13px; font-family:Arial, Helvetica, sans-serif;}
.listMod .view {float:left; width:auto; height:23px; text-align:center; line-height:23px; padding:0px 20px; margin-top:10px; background:url(../images/background/listMod_view.jpg) repeat; border:1px solid #ebebeb; border-radius:5px;}
.listMod .view a {color:#1e4500; font-size:13px; font-family:Arial, Helvetica, sans-serif;}
.listMod .view a:hover {color:#d75423}
.listMod_bor {float:left; width:670px; height:1px; border-top:1px dotted #d7d7d7; margin:20px 0px;}
.note {float:left; width:100%; text-align:center; font-style:12px; font-family:Arial, Helvetica, sans-serif; color:#ff0000;}



.detailMod {float:left; width:670px; margin:0px 10px 0px 0px;}
.detailMod .img {float:left; width:180px; height:130px;}
.detailMod .photo {float:left; width:180px; height:130px;}
.detailMod .info {float:right; width:470px;}
.detailMod .name {float:left; width:100%; color:#1e4500;font-size:18px;}
.detailMod .sum {float:left; width:100%; color:#4d4d4d; padding-top:10px; font-size:13px; font-family:Arial, Helvetica, sans-serif;}
.detailMod .content {float:left; width:660px; padding:15px 10px 0px 0px; font-size:13px; font-family:Arial, Helvetica, sans-serif; line-height:18px;}

.other_item {float:left; width:650px; padding:10px 10px 0px 0px; margin-top:10px; border-top:1px dotted #ebebeb}
.other_item .title {float:left; width:100%; color:#1e4500; font-weight:normal; font-size:18px; padding:10px 0px;}
.other_item .name {float:left; width:628px; padding:5px 0px 5px 23px; background:url(../images/icon/icon_other.png) 10px 10px no-repeat;}
.other_item .name a {color:#1e4500; font-size:13px; font-family:Arial, Helvetica, sans-serif;}
.other_item .name a:hover {color:#d75423; font-weight:normal;}

.detail_about_name {float:left; width:670px; color:#1e4500; font-size:24px; font-weight:normal;}
.detail_about_sum {float:left; width:670px; padding-top:10px; font-size:13px; font-family:Arial, Helvetica, sans-serif; line-height:18px;}
.detail_about_content {float:left; width:670px; padding-top:10px; font-size:13px; font-family:Arial, Helvetica, sans-serif; line-height:18px;}



.dt_pro_name {float:left; width:100%; text-align:center; font-size:18px; padding:0px 0; color:#1e4500; font-weight:bold; text-transform:uppercase;}
.dt_pro_img {float:left; width:100%; text-align: center; padding-top:20px;}
.dt_pro_img .dt_pro_pt {width:500px; height:360px; border-radius:8px;}
.dt_pro_content {float:left; width:650px; padding:20px 10px 10px 10px; font-family:Arial, Helvetica, sans-serif; font-size:13px;}

/* --------------- END Box CENTER ---------------- */

/* --------------- Footer --------------- */	
.wrap_footer {float:left; width:100%; height:201px; background:url(../images/background/wrap_footer.jpg) repeat-x;}
.wrap_footer_content {width:1000px; height:200px; overflow:hidden;}
.main_footer {float: left;width:400px; padding:10px 0px; line-height:18px; color:#e0f6cf; text-align:left;}
.logo_footer {float:left; width:260px; padding:10px 10px;}
.logo_footer_img {float:left; width:160px; height:60px; padding:20px 50px;}
.copyright {float:left; width:100%; text-align:center; color:#a2cf7f; font-size:11px;}
.counter_footer {float:right; width:200px; padding-top:20px;}
.num_count {float:left; width:100%; text-align:center;}
.count_onl {float:left; width:200px; height:auto; padding:2px 10px 2px 0px; color:#a2cf7f;}
.count_onl span {font-weight:bold; color:#a2cf7f}

/* --------------- End Footer --------------- */

.cat_link {float:left; width:660px; margin:20px 10px 0px 10px;}
.cat_link span a {color:#1e4500; font-size:14px; font-style:italic;}
.cat_link a:hover, .cat_link span a:hover {color:#d75423; font-weight:bold;}