html,body{
    padding:0;
    margin:0;
    font-family:'微软雅黑', 'Noto Sans CJK SC', 'Source Han Sans CN', 'Hiragino Sans GB', sans-serif;
    font-size:14px;
    color:#434343;
}
a{
    text-decoration: none;
    color:#434343;
}
ul,li{
    list-style: none;
    margin:0;
    padding:0;
}
.clear:after{
    display:block;
    content:'';
    clear:both;
    zoom:1;
}
.container{
    width:1280px;
    margin:0 auto;
    position:relative;
}
header{
    position:relative;
}
.flexslider{
    width:100%;
    border:none;
    margin-bottom:110px;
}
.slides img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.top{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    background:rgba(64,64,64,.3);
    height:110px;
}
.logo{
    float:left;
    padding:24px 76px;
    height:62px;
    width:237px;
}
.nav{
    float:right;
    margin-right:44px;
}
.nav li{
    float:left;
    text-align:center;
    width:94px;
    height:110px;
    line-height:110px;
    font-size:18px;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
}
.nav li a{
    display:block;
    color:#fff;
}
.nav li:hover{
    height:114px;
    background-color:#85b648;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition:.3s;
}
.nav li:hover a{
    color:#e3fbc5;
}
.wenhua{
    text-align:center;
}
.wenhua img{
    margin:0 5px;
}
.block_head{
    text-align:center;
    font-size:30px;
    line-height:1;
    margin:30px 0 22px;
    position:relative;
}
.block_head small{
    font-size:18px;
}
.block_head img{
    margin:1em 1em 0;
}
.left{
    float:left;
}
.right{
    float:right;
}
.more{
    position:absolute;
    right:46px;
    top:22px;
    font-size:18px;
    color:#85b648;
}
.intro_info{
    text-align:center;
    line-height:2;
}
.pro_head{
    text-align:center;
    font-size:16px;
    line-height:1;
    position: relative;
}
.pro_head p{
    margin:0;
}
.product{
    margin-top:28px;
}
.pro_slide_wrapper{
    background:url(../images/city.png) no-repeat center bottom;
    height:370px;
}
.pro_slide{
    width:760px;
    height:280px;
    margin:0 auto;
    overflow:hidden;
}
.pro_slide li{
    position:relative;
}
.pro_slide li a{
    display:block;
}
.pro_slide li img{
    width:100%;
    height:280px;
    object-fit: cover;
    display:block;
}
.pro_slide .caption{
    position:absolute;
    top:244px;
    left:0;
    color:#fff;
    background:rgba(133,182,72,.8);
    width:100%;
    padding:0 20px;
    box-sizing: border-box;
    text-align:center;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
}
.pro_slide .caption h3{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size:16px;
    font-weight:normal;
    line-height:36px;
    margin:0;
}
.pro_slide li:hover .caption{
    top:0;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
}
.slide_direction a{
    width:45px;
    height:45px;
    top:50%;
    margin-top:-22px;
    display:block;
    position: absolute;
    cursor: pointer;
    outline: none;
}
.slide_direction .flex-prev{
    background:url(../images/nar_left.png) no-repeat center center;
    left:55px;
}
.slide_direction .flex-next{
    background: url(../images/nar_right.png) no-repeat center center;
    right:55px;
}
.culture{
    background:url(../images/bg01.jpg) no-repeat center center fixed;
    height:548px;
}
.culture_slide_wrapper{
    background:rgba(255,255,255,.3);
    padding:36px 0;
    position: relative;
}
.culture_slide{
    width:1001px;
    height:200px;
    overflow:hidden;
    margin:0 auto;
}
.culture_head{
    font-size:24px;
    line-height:1;
    text-align:center;
    padding:66px 0 36px;
}
.culture_head small{
    font-size:18px;
}
.news{
    padding:0 110px;
}
.news_bg{
    float:left;
    margin-top:44px;
    width:189px;
    text-align:center;
}
.news_bg img{
    max-width:100%;
}
.news_list{
    float:right;
    width:800px;
}
.news_list li{
    border-bottom:1px solid #dadada;
}
.news_list .num{
    float:left;
    font-size:50px;
    line-height:1;
    font-weight:lighter;
    padding:22px 42px 42px 0;
}
.news_list .text h2{
    font-size:16px;
    font-weight: normal;
    white-space: nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    margin-top:24px;
}
.news_list .text p{
    line-height:1.8;
}
.date{
    float:right;
    padding:0 20px;
}
footer{
    margin-top:110px;
    background: #404040;
    color:#fff;
    text-align:center;
    padding:26px 0;
    line-height:2.2;
}
footer p{
    margin:0;
}
footer a{
    color:#fff;
}
.dock{
    position:fixed;
    z-index:99;
    width:50px;
    right:0;
    top:50%;
    margin-top:-125px;
    border-radius:10px 0 0 10px;
    background:#111;
    border:1px solid #333;
    border-right:none;
    opacity: .7;
}
.dock .icons{
    position:relative;
}
.dock .icons li i{
    display:block;
    height:50px;
    width:50px;
    background:url(../images/icons.png) no-repeat;
    cursor: pointer;
}
.dock .icons li.up i{
    background-position:-63px -150px
}
.dock .icons li.im i{
    background-position: -63px -20px;
}
.dock .icons li.tel i{
    background-position: -62px -108px;
}
.dock .icons li.wechat i{
    background-position: -59px -66px;
}
.dock .icons li.down i{
    background-position: -63px -190px;
}
.dock .icons li p{
    position:absolute;
    top:50px;
    right:-260px;
    padding:15px 20px;
    height:120px;
    color:#fff;
    line-height:30px;
    background:#111;
    border:1px solid #333;
    border-right:none;
    border-radius:10px 0 0 10px;
    -webkit-transition: all .4s ease-in-out .1s;
    -moz-transition: all .4s ease-in-out .1s;
    transition: all .4s ease-in-out .1s;
    overflow: hidden;
    opacity: 0;
}
.dock .icons li:hover p{
    right:50px;
    opacity: 1;
}
.dock .icons li.im p{
    width:115px;
}
.dock .icons li.im p a{
    display:block;
    margin-top:12px;
    width:100px;
    height:35px;
    line-height: 32px;
    color:#00dfb9;
    font-size:16px;
    text-align:center;
    border:1px solid #00dfb9;
    border-radius: 5px;
    transition: all .3s ease-in-out 0s;
}
.dock .icons li.im p a:hover{
    color:#fff;
    background:#0f8773;
    border:1px solid #0f8773;
    transition: all .3s ease-in-out 0s;
}
.dock .icons li.tel p{
    width:200px;
}
.dock .icons li.wechat p{
    width:118px;
}
.dock .icons li.wechat p img{
    width:115px;
    border:2px solid #fff;
}
.con_left{
    float:left;
    width:200px;
    margin:40px 0 0 40px;
    padding-bottom:30px;
}
.con_left .sidenav{
    background:linear-gradient(#547725 0,#547725 12px,#78ac3e 13px,#accc59);
    padding:12px 0 30px;
}
.con_left .sidenav li{
    text-align:center;
    line-height:52px;
    border-top:1px solid #6b9241;
}
.con_left .sidenav a{
    display:block;
    color:#fff;
}
.con_left .sidenav li:hover{
    background:#b3d97f;
    border-top:1px solid #b3d97f;
}
.con_left .sidenav .sub:before{
    background:url(../images/li02_up.jpg) repeat-x;
    content:'';
    height:6px;
    display:block;
}
.con_left .sidenav .sub:after{
    background:url(../images/li02_down.jpg) repeat-x;
    content:'';
    height:6px;
    display:block;
}
.con_left .sidenav .sub li{
    border:none;
    background:#b3d97f;
}
.con_left .sidenav .sub a{
    color:#547725;
}
.con_left .sidenav .sub li:hover{
    background:#cae4a6;
}
.con_right{
    float:right;
    width:890px;
    margin:40px 40px 0 0;
}
.con_right .con_head h2{
    color:#3b3b3b;
    margin:0;
    float:left;
}
.con_right .con_head h2 span{
    font-size:16px;
    font-weight: normal;
    color:#6e6e6e;
}
.con_right .con_body{
    margin-right:26px;
    margin-top:40px;
}
.breadcrumb a,.breadcrumb span{
    float:right;
    height:40px;
    line-height:40px;
    padding:0 10px;
    color:#fff;
    background:#78ac3e;
    display:block;
    margin-right:26px;
    margin-top:8px;
    position: relative;
}
.breadcrumb a:hover{
    background:#b3d97f;
}
.breadcrumb a:before,.breadcrumb a:after,.breadcrumb span:before,.breadcrumb span:after{
    content:'';
    height:0;
    width:0;
    border-style:solid;
    border-width:20px 10px;
    position:absolute;
}
.breadcrumb a:before,.breadcrumb span:before{
    border-color:transparent;
    border-right-color:#78ac3e;
    left:-20px;
}
.breadcrumb a:after,.breadcrumb span:after{
    border-color:#78ac3e;
    border-right-color: transparent;
    left:100%;
}
.breadcrumb a:hover,.breadcrumb span{
    background:#b3d97f;
}
.breadcrumb a:hover:before,.breadcrumb span:before{
    border-right-color:#b3d97f;
}
.breadcrumb a:hover:after,.breadcrumb span:after{
    border-color:#b3d97f;
    border-right-color: transparent;
}
.breadcrumb a:first-child{
    padding-right:14px;
    border-radius:0 4px 4px 0;
}
.breadcrumb a:first-child:after{
    border:none;
}
.rcmd_img{
    float:left;
    width:280px;
    height:180px;
    margin:28px 38px 24px 0;
    box-shadow: 4px 4px 4px #c3c3c3;
    border:1px solid #c3c3c3;
}
.rcmd_img img{
    width:100%;
    height:100%;
    object-fit: cover;
}
.rcmd_text{
    float:left;
    width:544px;
    margin-top:24px;
}
.rcmd_text h2{
    font-size:20px;
    margin:0;
    border-bottom:1px solid #acacac;
    padding-bottom:12px;
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.rcmd_text h2 a{
    color:#547725;
}
.rcmd_text .date{
    font-size:18px;
    font-weight: normal;
    color:#898989;
}
.rcmd_text p{
    font-size:18px;
    line-height:30px;
}
.list li{
    border-bottom:1px solid #acacac;
    padding:30px 0;
}
.list li h3{
    font-size:16px;
    line-height:30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.list li h3 a{
    color:#3f3f3f;
}
.list li p{
    line-height:22px;
    color:#6e6e6e;
}
.pagination{
    text-align:center;
    margin:40px 0;
}
.pagination li{
    display:inline-block;
    height:36px;
    line-height:36px;
    margin:0 6px;
}
.pagination a,.pagination span{
    display:block;
    padding:0 11px;
    color:#78ac3e;
}
.pagination a:hover,.pagination span.current{
    background:#78ac3e;
    color:#fff;
}
.con_title h1{
    color:#262626;
    font-size:22px;
    font-weight:normal;
    text-align:center;
}
.con_title p{
    font-size:14px;
    color:#9f9f9f;
    text-align:center;
}
.con_content p{
    line-height:1.8;
    text-indent:2em;
}
.grid li{
    float:left;
    width:284px;
    margin:14px 2px 0;
    text-align:center;
}
.grid .grid_img{
    border:1px solid #e6e8e7;
    height:204px;
}
.grid .grid_img img{
    max-width:100%;
    max-height:100%;
}
.grid p{
    color:#757575;
    font-size:18px;
    font-weight:bold;
    white-space: nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.form_control{
    margin-bottom:14px;
    font-size:16px;
    line-height:28px;
}
.form_control label{
    font-size:16px;
    color:#6e6e6e;
    width:5em;
    text-align:right;
    display:inline-block;
    vertical-align: top;
    line-height:28px;
}
.form_control input{
    width:242px;
    border:1px solid #9b9b9b;
    height:26px;
    padding:0 6px;
    vertical-align: middle;
}
.form_control input[type='radio']{
    width:16px;
    height:16px;
}
.form_control textarea{
    width:242px;
    border:1px solid #9b9b9b;
    height:96px;
    padding:6px;
    vertical-align: middle;
}
.form_control span{
    color:#bdbdbd;
    font-size:14px;
    margin-left:22px;
    vertical-align: middle;
}
.form_control span a{
    color:#bdbdbd;
}
.form_control #num{
    font-style:normal;
}
.form_control .verify_img{
    width:140px;
    height:28px;
    vertical-align: middle;
}
.form_control button{
    background:#78ac3e;
    border:none;
    color:#fff;
    margin-left:85px;
    width:256px;
    padding:6px;
}
