

/*
common start
*/
body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, blockquote, h1, h2, h3, h4, h5, h6, p {
    margin: 0;
    padding: 0;
}

html button::-moz-focus-inner {
    border-color: transparent !important;
}

input, button, textarea, select, optgroup, option {
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
}

ul, li, dl, dt, dd, ol {
    display: block;
    list-style: none;
}

fieldset, img {
    border: 0;
}

.clear {
    clear: both;
    height: 0;
}

.clear-fix:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

img {
    border: 0;
}

body {
    font-family: microsoft YaHei,Arial, sans-serif;
    color: #333333;
    overflow-x: hidden;
    -webkit-text-size-adjust: none;
    font-size: 12px;
    background: #ffffff;
    line-height: 1.5;
}

a {
    text-decoration: none;
    color: #333333;
}

a:hover {
    color: #00ae23;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.w1100 {
    width: 1100px;
    margin: 0 auto;
}
.w100b {
    width: 100%;
    width: expression_r(document.body.clientWidth <=1100 ? "1100px" : "auto");
    min-width: 1100px;
}

html {
    -webkit-text-size-adjust: none;
    font-size: 12px;
}

i, em {
    font-style: normal;
}

.ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}

/*
common end
*/

/*header*/
.header{
    border-top:5px  solid #00ae23;
    background:#fff url("../image/header_bg.jpg") top center repeat-x;
    padding: 25px 0 12px 0;
}
.header .logo{
    width: 850px;
}
.header .logo a{
    display: block;
    width: 376px;
    height: 76px;
}

.header .logo p{
    display: block;
    height: 40px;
    font-size: 12px;
    border-left: 1px solid #cbcbcb;
    padding-left: 20px;
    margin-top: 23px;
    margin-left: 10px;
    color: #935600;
}

.header .phone_number{
    padding-left: 50px;
    background: url("../image/phone_icon.jpg") left center no-repeat;
    margin-top: 18px;
}

.header .phone_number p{
    border-left: 1px solid #cbcbcb;
    padding-left: 10px;
}
.header p span.title{
    font-size: 12px;
    line-height: 1;
}
.header p span.con{
    font-size: 26px;
    line-height: 1;
    font-family: Impact;
}

/*nav*/
.nav{
    height: 50px;
    line-height: 50px;
    background: #00ae23;
}

.nav ul li{
    float: left;
    width: 12.5%;
    text-align: center;
    font-size: 16px;
}
.nav ul li:hover{background: #00841A;transition: all 0.4s ease;}
.nav ul li.home{
    background: #00841A;
}

.nav ul li a{
    color: #ffffff;
}

/*banner*/
.banner {
    position: relative;
    width: 100%;
    height: 400px;
    margin: 0 auto;
    overflow: hidden;
}

.banner .bd li {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;
}

.banner .pic {
    height: 480px;
    display: block;
    text-align: center;
}

.banner .pic:hover {
    text-decoration: none;
}

.banner .slide_nav {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    height: 40px;
}

.banner .slide_nav a {
    cursor: pointer;
    font-size: 26px;
    font-family: Arial;
    color: #fff;
    line-height: 40px;
}

.banner .slide_nav li:hover, .banner .slide_nav .on {
    text-decoration: none;
    color: #00ae23;
    filter: alpha(opacity=90);
    opacity: 0.9;
}

.index_pro{
    padding-bottom: 25px;
}

/*common_left*/
.common_left{
    width: 234px;
}

.common_left .head{
    background: url("../image/left_header.jpg") top center no-repeat;
    height: 56px;
    color: #fff;
}
.common_left .head h2{
    padding-left: 35px;
    font-weight: normal;
    padding-top: 20px;
    font-size: 20px;
}

.common_left .head span{
    font-size: 16px;
    font-family: Arial;
    padding-top: 24px;
    padding-right: 8px;
    text-transform: uppercase;
}
.common_left ul{
    background: url("../image/left_bg.jpg") left top repeat-y;
    padding: 20px 0 25px 25px;
}

.common_left ul li a{
    display: block;
    line-height: 42px;
    border-top: 1px dashed transparent;
    border-bottom: 1px dashed #cbcbcb;
    margin: 0 20px;
    padding: 0 20px 0 25px;
    font-size: 14px;
}
.common_left ul li:hover{
    background: #dedede url("../image/arrow_icon.png") 26px 16px no-repeat;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
}
.common_left ul li:hover a{
    border-bottom: none;
    color: #333;
}

.common_left .foot{
    background: url("../image/left_footer.jpg") center top no-repeat;
    height: 22px;
}
/*common_right*/
.common_right{
    width: 846px;
}
.common_right .head{
    padding-top: 20px;
    border-bottom: 2px solid #dbdbdb;
}
.common_right .head h2{
    border-bottom: 2px solid #00ae23;
    display: inline-block;
    font-weight: normal;
    font-size: 20px;
    color: #00ae23;
    line-height: 34px;
    padding: 0 20px;
    margin-bottom: -2px;
}
.common_right .head a{
    text-transform: uppercase;
    font-size: 12px;
    line-height: 34px;
    margin-bottom: -2px;
}

.commonPicList li{
    width: 254px;
    margin: 0 14px;
    float: left;
}
.commonPicList li .pic{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 2px;
    border: 1px solid #e4e4e4;
    background: #fff;
    width: 248px;
    height: 170px;
}

.commonPicList li .pic img{
    margin: 0 auto;
    display: block;
}
.commonPicList li .name{
    display: block;
    font-size: 14px;
    line-height: 42px;
    text-align: center;
    width: 240px;
    margin: 0 auto;
}

/*index_ad*/
.index_ad{
    background: #00ae23;
    padding: 25px 0;
    text-align: center;
}

.index_ad span{
    color: #fff;
    font-size: 32px;
    font-weight: bold;
}

.index_ad span.c{
    color: #f60;
    background: #fff;
    padding:3px 35px 5px 35px;
    margin: 0 10px;
}
/*index_ad2*/
.index_ad2{
    background: url("../image/ad2_bg.jpg") top center repeat-x;
    height: 205px;
}
.index_ad2 .w1100{
    position: relative;
}
.index_ad2 p{
    position: absolute;
    top: -20px;
    left: 0;
    height: 223px;
    width: 197px;
}
.index_ad2 ul{
    padding-top:35px;
    padding-right: 35px;
}
.index_ad2 ul li{
    margin-left: 90px;
    float: left;
}

.index_ad2 ul li a{
    display: block;
    text-align: center;
}

.index_ad2 ul li a.tit{
    font-size: 16px;
}

/*index_case*/
.index_case{
    background: url("../image/case_bg.jpg") center top repeat-x;
    padding-top: 38px;
    padding-bottom: 25px;
}
.index_case h2{
    color: #00ae23;
    font-size: 24px;
    text-align: center;
}
.index_case p{
    font-size: 16px;
    text-transform: uppercase;
    font-family: Arial;
    text-align: center;
}
.index_case .commonPicList li {
    width: 254px;
    margin: 0 28px 0 0;
}

/*index_about*/
.index_about{
    background: #f6f6f6;
    padding: 60px 0 60px 0;
    min-height:200px;
}
.index_about .w1100{
    background: url("../image/about_bg.jpg") top right no-repeat;
}
.index_about h2{
    font-size: 24px;
    color: #00ae23;
}
.index_about h2 span{
    font-size: 16px;
    text-transform: uppercase;
    font-family: Arial;
    font-weight: normal;
}
.index_about .content{
    width: 700px;
    font-size: 14px;
    height: 213px;
    overflow: hidden;
    line-height: 26px;
}
.index_about .content p{
    margin-bottom: 15px;
}
.index_about .more{
    text-align: right;
    width: 700px;
}
.index_about .more a{
    display: inline-block;
    background: #00ae23;
    color: #fff;
    font-size: 14px;
    padding: 8px 50px;
}

/*index_news_contact*/
.index_news_contact{
    padding-bottom:20px;
}

.index_news_contact .news,
.index_news_contact .contact{
    width: 350px;
    float: left;
}

.index_news_contact .news{
    margin-right: 25px;
}

/*commonNewsList*/
.commonNewsList{
    margin-top: 15px;
}
.commonNewsList li{
    float: left;
    width: 96%;
    margin:0 auto;
}
.commonNewsList li a{
    display: block;
    margin: 0 auto;
    line-height: 2.5;
}

.contact .content_text{
    line-height: 2.5;
    width: 96%;
    margin: 15px auto 0 auto;
}

/*links*/
.links{
    background: #f6f6f6;
    line-height: 2;
    padding: 20px 0;
}
/*copyright*/
.copyright{
    line-height: 2;
    padding: 35px 0;
    text-align: center;
}
/*footer*/
.footer{
    height: 40px;
    line-height: 40px;
}



.h357{ min-height: 375px;}

.left_contact h3{ line-height: 50px; background: #00ae23; text-align: center; color: #fff; font-size: 18px;}
.left_contact ul{ background: #f6f6f6; padding: 15px; line-height: 34px;}

.news_list li{ padding: 0 2%; line-height: 40px!important; border-bottom: 1px dotted #ccc;}
.news_list li a{ width: 80%; margin:0; line-height: 40px;}


.show_content{ padding:20px; font-size:14px !important; line-height:30px !important;min-height: 600px !important; margin: 0 auto; overflow:hidden;}
.show_content img{max-width:800px !important; height:auto!important;}
.show_content h2{ font-size:22px; line-height:50px; text-align:center; font-weight:100;}
.show_content .neirong_a{ font-size:12px; text-align: center; border-bottom:#cecece 1px dotted; padding-bottom:8px; margin-bottom:15px; color:#A2A2A2;}
.show_content .neirong_sx{ border-top:#cecece 1px solid; font-size:12px; line-height:26px; padding:5px 10px; margin-top:30px; border-bottom:#cecece 1px solid;}



/*分页样式*/
#pages{ text-align:center;padding-bottom: 1px;margin: 20px 0 10px; line-height:30px;}
#pages a.a1{ border:1px solid #DFDEDC; padding:5px 10px; color:#929292;font-size:12px;}
#pages a.a1:hover{ background:#00841A; color:#fff; text-decoration:none;}
#pages span { border:1px solid #DFDEDC; padding:5px 10px; background:#00841A;font-size:12px;color:#FFF;}
#pages a{ border:1px solid #DFDEDC; padding:5px 10px; color:#929292;font-size:12px;}
#pages a:hover{ background:#00841A; color:#fff; text-decoration:none;}



