/* Imports
----------------------------------------*/
@import url("reset.css");


/* Elements
----------------------------------------*/
body
{
    /*background: url("../images/bg_back.jpg") repeat;*/
    background-color: #fff;
}

body, p, td, th, li
{
	font-family: "Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu;
	font-size:.875em;
	line-height:1.5em;
	color:#3d3d3d;
}

p
{
	margin: 0 0 1em 0;
}

/*--- Link Styles ---*/
a:link, a:visited{color:#008751; text-decoration:underline;}
a:hover, a:active{color:#008751; text-decoration:underline;}

a.grey:link, a.grey:visited{color:#7F8185; text-decoration:none;}
a.grey:hover, a.grey:active{color:#008751; text-decoration:none;}

h1{
	color:#5C8127;
	margin:.825em 0 .5em 0;
	font-size:2.125em;
}

h2{
	color:#5C8127;
	margin:.825em 0 .5em 0;
	font-size:1.75em;
}

h3{
	color:#000;
	margin:.825em 0 .5em 0;
	font-size:1.5em;
}

h4{
	color:#5C8127;
	margin:.825em 0 .5em 0;
	font-size:1.25em;
}

h5{
	color:#5C8127;
	margin:.825em 0 .5em 0;
	font-size:1.125em;
}

h6{
	color:#5C8127;
	margin:.825em 0 .5em 0;
	font-size:1em;
}

ul{
	list-style-type:none;
}

ol{
	margin-left:25px;
	
}

blockquote	{margin: 0 0 18px 18px; color:#666666; font-style: italic;}
strong		{font-weight:bold;}
em		{font-style:italic;}

/* Standard Definitions
----------------------------------------*/
.left 		{float:left;}
.right 		{float:right;}
.clear 	{clear:both; overflow: hidden;}
.small		{font-size:.625em;}
.large		{font-size:1em;}
.soft		{color:#D3D3D3;}
.hide		{display:none;}
.font_bold {font-weight: bold;}
p.last		{margin-bottom:0px;}
a.white {color: #fff; text-decoration: none;}
span.red { color: #f00; }
span.green { color: #00874f;}
.margin_bottom_15 {margin-bottom: 15px;}

#content_body{
    width: 100%;
    margin: 0 auto;
}

/* Header
----------------------------------------*/
#header
{
	width: 100%;
    margin: 0 auto;
    position: relative;
    background-color: #008751;
}
#header .header_top{
    width: 980px;
    margin: 0 auto;
    padding: 2px 0;
    text-align: center;
    color: #fff;
    font-size: 12px;
}
#header .header_middle{
    width: 100%;
    background-color: #fff;
}

#header .header_section{
    width: 980px;
    height: 90px;
    margin: 0 auto;
    position: relative;
}
#header #logo {
    width: 379px;
    height: 64px;
    position: absolute;
    top: 10px;
    left: 30px;
}
#header #logo a{
    display: inline-block;
    width: 100%;
    height: 100%;
}
#header #sub_title{
    width: 530px;
    height: 30px;
    position: relative;
    top: 35px;
    left: 235px;
}


#header #search{
    width: 175px;
    height: 31px;
    position: absolute;
    right: 25px;
    top: 10px;
}
#header #search .search_box{
    margin: 5px 0px 0 7px;
    padding: 0 0 0 4px;
    border: none;
    width: 120px;
    height: 26px;
    color: #3d3d3d;
    float: left;
    background: url("../images/search_bg.png") no-repeat;
}
*html #header #search .search_box{
    margin: 4px 2px 0 63px;
}
#header #search .submit_button {
    width: 41px;
    height: 26px;
    border: none;
    cursor: pointer;
    margin-top: 5px;
    float: left;
    background: url("../images/search_button.png") no-repeat bottom;
}
#header .tel_number {
    width: auto;
    height: 31px;
    position: absolute;
    right: 30px;
    bottom: 10px;
}

#menu{
    width: 100%;
    height: 60px;
    background-color: #008751;
    background-image: url("../images/menu_footer.png");
    background-repeat:  repeat-x;
    background-position: bottom;
}
#menu .menu_section{
    width: 980px;
    height: 45px;
    margin: 0 auto 20px;
}
#menu ul{
    width: auto;
    height: 100%;
    margin: 0 0 0 0;
}
#menu ul li{
    display: block;
    color: #fff;
}
#menu ul li a {display: inline-block; text-align: center; color: #fff; font-size: 14px; font-weight: bold; text-decoration: none; line-height: 45px;}
#menu ul li a:hover, #menu ul li a.active{color: #008751;}
#menu ul li ul li {
	background: #fff!important;
}
#menu ul li ul li span.active {display: none;}
#menu ul li ul li a{
    color: #008751;
    line-height: 45px;
    
}
#menu ul li ul li a:hover{
    color: #000;
    background-image: none!important;
}
#menu ul li li a {width:  auto!important; font-size: 12px;background-color: none!important;}
#menu ul li ul li ul li {
	background: #fff!important;
    padding-left: 3px;
}
#menu ul li ul li ul li a{
    color: #008751;
    padding-right: 3px;
}
#menu ul li ul li ul li a:hover{
    color: #000;
    background-image: none!important;
}
#menu ul li.home a{width: 90px;}
#menu ul li.home a:hover, #menu ul li.home a.active {background: url("../images/home_nav.png") no-repeat center;}
#menu ul li.nav1 a{width: 120px;}
#menu ul li.nav1 a:hover, #menu ul li.nav1 a.active {background: url("../images/120_nav.png") no-repeat center;}
#menu ul li.nav2 a{width: 130px;}
#menu ul li.nav2 a:hover, #menu ul li.nav2 a.active {background: url("../images/120_nav.png") no-repeat center;}
#menu ul li.nav3 a{width: 90px;}
#menu ul li.nav3 a:hover, #menu ul li.nav3 a.active {background: url("../images/home_nav.png") no-repeat center;}
#menu ul li.nav4 a{width: 120px;}
#menu ul li.nav4 a:hover, #menu ul li.nav4 a.active {background: url("../images/120_nav.png") no-repeat center;}
#menu ul li.nav5 a{width: 90px;}
#menu ul li.nav5 a:hover, #menu ul li.nav5 a.active {background: url("../images/home_nav.png") no-repeat center;}
#menu ul li.nav6 a{width: 120px;}
#menu ul li.nav6 a:hover, #menu ul li.nav6 a.active {background: url("../images/120_nav.png") no-repeat center;}
#menu ul li.nav7 a{width: 120px;}
#menu ul li.nav7 a:hover, #menu ul li.nav7 a.active {background: url("../images/120_nav.png") no-repeat center;}
#menu ul li.nav8 a{width: 120px;}
#menu ul li.nav9 a{width: 120px;}

#banner {
    width: 980px;
    height: 417px;
    margin: 0 auto;
    overflow: hidden;
}
/* Main Content
----------------------------------------*/
#top_section{
    width: 980px;
    margin: 10px auto 5px;
}

#main_content
{
	width:960px;
    margin: 0 auto 20px;
    padding: 10px 10px 0px;
    background-color:  #fff;
}
#main_content:after{
    content: "";
    display: block;
    clear: both;
}
#main_content_404
{
	width:980px;
    margin: 0 auto;
}

.title_head{
    height: 36px;
    background: url("../images/title_bg.png") no-repeat right;
}
.title_head .title_first{float: left; line-height: 1.0em;}
.title_head .title_more{float: right; width: auto; padding: 0 10px 0 0; line-height: 36px;}
.title_head h3.title_text{
    color: #fff;
    font-size: 15px;
    line-height: 36px;
    width: auto;
    float: left;
    font-weight: bold;
    margin: 0;
}

.block_radius{
    border: 1px solid #96989a;
    webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	border-radius: 3px;
    margin: 0 0 20px 0;
}

#about_section {
    margin: 0 auto 20px;
}
.about_left{
    width: 450px;
    float: left;
    margin: 0 0 0 10px;
}
.more{
    margin: 5px 2px 2px 0;
    text-align: right;
}
.more a{
    color: #d9251d;
}
.about_middle{
    float: left;
    margin: 0 0px 0 40px;
}
.about_right{
    float: right;
    margin: 0 5px 0 0;
}
.sub_about{
    width: 218px;
    height: 168px;
    padding: 7px 6px 7px 6px;
    background: url("../images/sub_about_bg.png") no-repeat;
}
.sub_about img{
    margin: 4px 4px 10px;
}
.sub_about span{
    display: block;
    margin: 4px 4px 10px;
}
.sub_title{
    width: 318px;
    height: 36px;
}
.sub_title h3{
    color: #fff;
    margin: 1px 0 0 12px;
    float: left;
    font-size: 14px;
}
.sub_title .arrow_more{
    float: right;
    margin: 4px 5px 0 0;
}

#main_content #main_left {
    width: 318px;
    float: left;
    margin: 0 0 0 0px;
    display: inline;
}
.category {
    width: 315px;
    margin: 0 0 20px 0;
}
.category ul {
    z-index: 1;
}
.category ul>li{
    width: 315px;
    padding: 5px 0 10px 0px;
    position: relative;
    z-index: 1;
}
.category ul>li:hover{
    background-color: #008751;
}
.category ul>li:hover a{
    color: #fff;
    text-decoration: underline;
    background: url("../images/left_list_bg_hover.jpg") no-repeat 10px 6px;
}
.category ul>li>a{
    display: block;
    width: 280px;
    padding: 0 0 0 30px;
    text-decoration: underline;
    background: url("../images/left_list_bg.jpg") no-repeat 10px 6px;
}
.category ul>li>a:hover{
    display: block;
    color: #fff;
    text-decoration: underline;
    background: url("../images/left_list_bg_hover.jpg") no-repeat 10px 6px;
}
.category ul li ul{
    display: none;
    position: absolute;
    left: 315px;
    top: 0px;
    z-index: 99;
    background-color: #fff;
}
.category ul li ul li{
    width: 220px;
    padding: 6px 0 9px 0;
    border-bottom: 1px dotted #333;
    background-color: none;
}
.category ul li ul li:hover{
    background-color: #fff;
}
.category ul>li>ul>li>a{
    display: block;
    width: 210px;
    padding: 0px 0 0px 4px;
    background-image: none;   
}
.category ul>li:hover>ul>li>a{
    color: #008751;
}
.category ul>li>ul>li>a:hover{
    display: block;
    width: 210px;
    padding: 0px 0 0px 4px;
    background-image: none;
}
.left_news_block{
    width: 300px;
    margin: 0 0 5px 10px;
    padding-top: 10px;
    border-bottom: 1px dashed #008751;
}

.left_news_middle{
    width: 315px;
}
.left_news_middle .title{
    color: #d9251d;
    float: left;
    width: auto;
}
.read_more{
    margin: 0px 0 0 5px;
    float: right;
    with: auto;
}

.left_tags_block {
    margin: 0 0 8px 12px;
    width: 310px;
}

.contact_table{
    width: 280px;
    margin: 15px auto;
    text-decoration: underline;
}
.contact_table td{
    color: #008751;
    padding: 0 0px 5px 0;
}
.contact_table .icon{
    padding: 0 5px 0 0;
}
.contact_table span{
    display: inline;
}
#main_content #main_right {
    width: 610px;
    float: right;
    margin: 0 0px 0 0;
    display: inline;
}
.right_block{
    width: 587px;
    padding: 10px;
}
.about_logo{
    float: left;
    margin: 15px 20px 0 0;
}
.about_info{
    float: right;
    width: 420px;
}

.product_big{
    
}

.product_big li{
    width: 260px;
    float: left;
    margin: 0 10px 10px 0;
}
.product_big .product_image{
    float: left;
    margin: 0 8px 0 0;
}

.product_small li{
    width: 190px;
    float: left;
    margin: 0 5px 10px 0;
}
.product_small .product_image{
    float: left;
    margin: 0 8px 0 0;
}
.product_small .product_image_bg{
    float: left;
    margin: 0 7px 0 0;
    padding: 7px;
    background: url("../images/product_small_bg.png") no-repeat;
}
.product_small .more{
    margin: 15px 0 0 0;
}

.category_info{
    color: #008751;
    width: 100%;
}

#main_content #main_right .list_area table{
    border: 1px solid!important;
}
#main_content #main_right .list_area table td{
    border: 1px solid!important;
}
.list_block{
    width: 720px;
    float: left;
    margin: 0 0 15px; 
}
.list_block li{
    float: left;
    margin: 0 0 15px 0;
}
.list_block .product_image_bg{
    position: relative;
    width: 155px;
    height: 165px;
    padding: 11px 10px 0;
    margin: 0 0 5px;
    background: url("../images/data_list_bg.png") no-repeat;
}
.list_block .title{
    width: 150px;
    position: absolute;
    bottom: 15px;
    text-align: right;
    background: url("../images/product_title_bg.png") no-repeat;
}
.list_block .intro{
    width: 150px;
    margin: 0 auto;
    text-align: center;
}

.title_head2 {
    width: 960px;
    height: 28px;
    margin: 0 auto;
    background: url("../images/head2_bg.png") no-repeat;
}
.title_head2 h3{
    color: #fff;
    font-size: 14px;
    float: left;
    line-height: 1.6em;
    margin: 2px 0 0 15px;
}
.title_head2 .more{
    color: #fff;
    font-size: 12px;
    float: right;
    line-height: 1.6em;
    margin: 3px 10px 0 0px;
    text-decoration: none;
}
.product_list {
    width: 964px;
    margin: 0 auto;
}
.product_list .list_top{
    height: 25px;
}
.product_list .list_middle {
    padding: 0 20px;
    background: url("../images/product_list_middle.png") repeat-y;
}
.product_list .list_middle ul li{
    float: left;
    width: 173px;
    margin: 0 11px  0 0;
}
.product_list .list_middle ul li span{
    display: block;
    width: 180px;
    text-align: center;
}

#main_content #main_right .product_top .list_area {
    padding: 3px 0px 5px;
    overflow: hidden;
}
#main_content #main_right .product_top .list_area .news_left {
    float: left;
    height: 122px;
    margin-bottom: 10px;
    text-align: center;
    width: 122px;
}
.news_left a{
    border: 1px solid #CCCCCC;
    display: block;
    height: 120px;
    text-align: center;
    width: 120px;
}
#main_content #main_right .product_top .list_area .news_right {
    float: right;
    width: 455px;
    margin: 0 5px 0 0;
}

.news_right .news_title{
    font-size: 16px;
    margin-bottom: 2px;
    padding-top: 2px;
}
.news_right .news_date{
    font-size: 14px;
    text-align: right;
    margin-bottom: 5px;
    padding-top: 0px;
}
.news_right .news_info{
    color: #666666;
    margin-bottom: 10px;
}
.news_more, .news_more a { text-align: right; width: 100%; }

.textarea .title{
    color: #000;
    font-size: 20px;
    margin-bottom: 5px;
    padding: 0 0 10px;
}
.textarea .time{
    font-size: 12px;
    margin-bottom: 5px;
    text-align: right;
}
.textarea .main_body{
    margin: 10px 0 0 0;
}

.sitemap ul{
    font-size: 12px;
    padding: 0 0 0 20px;
}
.sitemap ul li {
    list-style: none;
}
.sitemap ul a{
    line-height: 1.7em;
}

#main_content #main_right .product_bg {
}
#main_content #main_right .product_top{
    padding: 10px 7px 5px 7px;
    height: auto;
}
#main_content #main_right .product_top img{
    max-width: 570px;
}
#main_content #main_right .product_top table, #main_content #main_right .product_top table td{
    border: 1px solid #333;
}
#main_content #main_right .product_top .textarea {
    padding: 3px 10px 5px;
}

.pages { height: 16px; padding: 5px; font-size: 12px; margin-bottom: 15px; text-align: center; background-color: #fff; }
.view { width: 180px; float: left; padding-left: 10px; }
.contact_now { float: right; width: 205px; height: 20px;  text-align:right;}
.gallery, .gallery_none, .list, .list_none { width: 30px; margin-left: 5px; padding: 0 0 0 20px; display: inline-block; background-repeat: no-repeat; background-position: left center; }
.gallery { background-image: url(../images/gallery_current.gif); }
.gallery_none { background-image: url(../images/gallery_none.gif); }
.list { background-image: url(../images/list_current.gif); }
.list_none { background-image: url(../images/list_none.gif); }
.rec_product .whole { width: 195px; float: left; margin-bottom: 20px; }
.rec_product .if_select,.list_product .if_select  { float: left; padding: 5px 5px 0 0px; }
.rec_product .pic_box { width: 160px; float: left; border: 1px solid #fff;}
.rec_product .info { font-size:12px; color:#666; height:60px; overflow:hidden; padding: 5px;}
.rec_product .news_more { display:none;}
.pictures { width: 160px; height: 160px; margin: 0 0 0px; text-align: center;}
.pictures  img {/*border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;*/}
.pictures a { display: block; width: 160px; height: 160px; text-align: center; }
.pictures a:link, .pictures a:visited {  }
.pictures a:hover, .pictures a:active {  }
.main_word, .rec_product .main_words { line-height: 1.4em; margin: 0px auto; font-size: 12px; text-align: center; padding: 5px 0;}
.list_product .whole { width: 590px; margin: 0 0 8px; }
.list_product .pictures { float: left; }
.list_product .pic_info_box { float: left; padding-left: 10px; width: 390px; padding-top: 5px; }
.list_product .main_words { line-height: 1.4em; margin-bottom: 5px; font-size: 16px; }
.list_product .info { line-height: 1.4em; margin-bottom: 10px; font-size: 12px; color: #666; }

.con_pading_left { padding-left: 15px; }
.right_bg_left { width:590px;}
.con_pic_box { 	width:590px; height:auto; margin-bottom:8px; overflow:hidden; }
.con_pictures { width:590px; height:auto; margin-bottom:8px;text-align:center; }
.pic_small_box { width:77px; float:left;}
.pic_small { width:70px; height:70px; border:1px solid #ccc; text-align:center; margin:0 auto; }
.inquiry{float: right; width: 90px; text-align: left;}
.inquiry input{margin: 5px 0 5px 0;}
.right_bg_right { float:right; width:365px; margin-bottom:15px; }
.list_area .title { color: #000; font-size: 20px; margin: 0 0 5px 0; padding: 0 0 10px;}
.con_info { padding-bottom:10px; margin-bottom:10px; border-bottom:1px dotted #ccc;}
.button_right {width: 95px; padding-left: 60px; }
.related { background:url(../images/related.png) no-repeat; width:980px; height:36px; text-indent:-999em; margin-top:10px;}
.relatedBorder { border:1px solid #d4d4d4; border-top:none;}



#main_content #main_left .product_top .product_image_bg {
    background-repeat: no-repeat;
    height: 131px;
}

#main_content #main_left .product_top .product_image_bg2 {
    background-image: url("../images/product_img_bg2.png");
    background-repeat: no-repeat;
    width: 150px;
    height: 140px;
    padding: 3px 5px 0 8px;
}

.related_section {
    width: 980px;
    margin: 0 auto;
}
.related_section .related_middle{
    width: 977px;
}
.related_section .related_middle .list_area{
    padding: 5px;
}

/*relatived pic*/
.picz { width: 160px; float: left; text-align: center; padding-top:10px; }
.int_picture { width: 145px; margin: 0 auto; }
.int_picture a { display: block; padding: 5px; width: 135px; height: 135px; }
.int_picture a:link, .int_picture a:visited { border: 1px #ccc solid; }
.int_picture a:hover, .int_picture a:active { border: 1px #9d234c solid; }
.picz .main_word{text-align: center;}

/*feedback页的表格*/
.feedback { font-size: 12px; color: #666; }
.feedback td { padding: 5px; }
.contact_word { width: 90%; line-height: 1.6em; color: #464545; font: 14px Arial, Helvetica, sans-serif; padding-top: 25px; height: 20px; margin-left: 10px; }
.m_name { width: 50px; float: left; }
.m_link { float: left; }
.contact_word a { display: block; margin-bottom: 5px; }
.contact_word a:link, .contact_word a:visited, a.guest:link, a.guest:visited { color: #9d234c; text-decoration: none; }
.contact_word a:hover, .contact_word a:active, a.guest:hover, a.guest:active { text-decoration: underline; }
.picture { text-align: right; }
.none { display: none; }
.margin { margin: 0 auto; width: 184px; }
.foot_margin { padding: 3px 0; }

.free { width: 210px; margin: 0 auto; }
.ce { width: 210px; margin: 15px auto; }
h1.con_title { padding: 0 0 10px 15px; margin: 0 0 5px; font-size: 22px; color: #68250a; border-bottom: 1px solid #ccc; font-weight: normal; }

/* Footer
----------------------------------------*/
#footer{
	width:100%;
    padding: 0 0 20px 0;
	margin: 0 auto;
    background-color: #008751;
}
#footer .footer_about{
    width: 980px;
    margin: 0 auto;
    background-color: #F5F5F5;
}
#footer #footer_wrapper{
    width: 960px;
    margin: 0 auto 15px;
    padding: 15px 0 0 0;
}
#footer #footer_wrapper .title{
    padding: 0 0 0 20px;
    color: #fff;
    background: url("../images/list_bg.png") no-repeat 0px 2px;
}

#footer .footer_block{
    float: left;
    width: 230px;
    margin: 0 5px 0 5px;
}

#footer .footer_block ul{
    list-style: none;
    padding: 0 0 0 7px;
}
#footer .footer_block ul li{
    padding: 5px 0 2px 10px;
}

#footer #footer_link, #footer #footer_link a{
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    cursor: default;
}
#footer #footer_text{
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    line-height: 2em;
}
#footer #shares {
    float: left;
    display: inline;
    width: 400px;
    margin: 9px 0 0 0;
}
#footer #shares a {
    display: block;
    height: 38px;
    text-indent: -999em ;
}
#footer #shares .facebook{width: 120px; float: left; margin-right: 20px;}
#footer #shares .twitter{width: 110px; float: left; margin-right: 20px;}
#footer #shares .google_plus{width: 90px; float: left; margin-right: 20px;}

#footer #marks {
    width: 255px;
    height: 58px;
    float: right;
    margin: 0 8px 0 0;
}
#footer #copyright{
    width: 100%;
    background-color: #fff;
    padding: 10px 0;
}

#footer #copyright .wrap{
    width: 710px;
    margin: 0 auto;
}
#footer #copyright .wrap .logo{
    float: left;
    display: inline;
    padding: 10px 0 0 0;
    margin: 0 25px 0 0;
}
#footer #copyright .wrap .coryright_text{
    float: right;
    display: inline;
}
#footer #copyright .wrap .coryright_text span{
    font-size: 11px;
    color: #008751;
    display: block;
    text-align: left;
    margin: 5px 0 3px 0;
}
#footer #copyright span a{
    color: #fff;
}