@charset "utf-8";
/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;
}

/* set image max width to 100% */
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}



/************************************************************************************
GENERAL STYLING  BEGIN
*************************************************************************************/
body {
    background: #fff;
    margin: 0 auto;
    width: 100%;
    min-width:1200px;

}
.container{
    overflow: hidden;
    width: 1200px;
    margin: 0 auto;
}
ul,ol{
    list-style: none;
}
ul,li{
    margin: 0;
    padding: 0;
}
a {

	text-decoration: none;
}

.clear {
    clear: both;
    overflow: hidden;
    zoom: 1;
    float: none;
}


/************************************************************************************
GENERAL STYLING  END
*************************************************************************************/

/* top样式开始 */
.top{
    width:100%;
    overflow: hidden;
    background-color: #fff;
    height:100px;
}
.top-l{
    float:left;
    height:100px;
    width:532px;
}
.logo{
    float:left;
    height:100px;
    line-height: 100px;
    width: 75px;
    text-align: center;
}
.logo img{
    width:70px;
    height:75px;
    display: inline-block;
    vertical-align: middle;
}
.top-l dl{
    float:right;
}
.top-l dl dt{
    margin-top:6px;
    line-height: 65px;
    font-size: 31.4px;
    font-weight: bold;
    color:#1a1a1a;
    font-family:"Microsoft YaHei";
}
.top-l dl dd{
    line-height: 0;
    font-size: 14px;
    font-weight: bold;
    color:#1a1a1a;
    font-family:"Microsoft YaHei";

}
.top-r{
    float:right;
    width:230px;
    height:100px;
}
.top-r .phone{
    float: left;
    width:56px;
    height:100px;
    line-height:100px;

}
.top-r .phone img{
    width:56px;
    height:52px;
    display: inline-block;
    vertical-align: middle;
}
.top-r  dl{
    width:155px;
    height:100px;
    float:right;
}

.top-r dl dt{
    font-weight: bold;
    margin-top:30px;
    font-family:"Microsoft YaHei";
    font-size: 14px;
    color: #1a1a1a;
}
.top-r dl dd{
    font-family:"Microsoft YaHei";
    font-size: 22px;
    font-weight: bold;
    color: #0c7e0a;
    line-height:35px;
}
/* top样式结束 */



/* 轮播图样式开始 */

.flexslider { 
    margin: 0px auto; 
    position: relative; 
    width: 100%; 
    height: 500px; 
    overflow: hidden; 
    zoom: 1; 
}
.flexslider .slides li { 
    width: 100%;
    height: 100%; 
}
.flex-direction-nav a { 
    width: 70px; 
    height: 70px; 
    line-height: 99em; 
    overflow: hidden;
    margin: -35px 0 0; 
    display: block; 
    background: url(../images/ad_ctr.png) no-repeat; 
    position: absolute; 
    top: 50%; 
    z-index: 10;
    cursor: pointer; 
    opacity: 0; 
    filter: alpha(opacity=0); 
    -webkit-transition: all .3s ease; 
    border-radius: 35px; 
}
.flex-direction-nav .flex-next { 
    background-position: 0 -70px; 
    right: 0; 
}
.flex-direction-nav .flex-prev { 
    left: 0; 
}
.flexslider:hover .flex-next { 
    opacity: 0.8; 
    filter: alpha(opacity=25);
 }
.flexslider:hover .flex-prev { 
    opacity: 0.8; 
    filter: alpha(opacity=25); 
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { 
    opacity: 1; 
    filter: alpha(opacity=50); 
}
.flex-control-nav { 
    width: 100%; 
    position: absolute; 
    bottom: 10px; 
    text-align: center; 
}
.flex-control-nav li { 
    margin: 0 2px; 
    display: inline-block; 
    zoom: 1;  
    *display: inline;
}
.flex-control-paging li a { 
    background: url(../images/dot.png) no-repeat 0 -16px; 
    display: block; 
    height: 16px; 
    overflow: hidden; 
    text-indent: -99em; 
    width: 16px; 
    cursor: pointer; 
}
.flex-control-paging li a.flex-active, .flex-control-paging li.active a { background-position: 0 0; 
}
.flexslider .slides a img { 
    width: 100%;
     height:500px; 
     display: block; 
}

/* 轮播图样式结束 */

/*下拉菜单样式开始*/
.navigation {
    width: 100%;
    height: 40px;
    background: #0c7e0a;
}
.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.nav {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 1000;
    height: 40px;
    line-height: 40px;
}
.nav .nLi {
    height:40px;
    float: left;
    position: relative;
    display: inline;
}
.nav a {
    vertical-align: 1px;
    padding:0 42px;
    width:66px;
    text-align: center;
    display: inline-block;
    height:40px;
    line-height: 40px;
    font-size:14px;
    font-family:"Microsoft YaHei";
    color:#fff;
}
.nav a:hover{
    color:#fff;
    background-color: #095d07;
    line-height: 40px;
}
.nav .sub {
    display: none;
    width: 150px;
    left: 0;
    top: 40px;
    position: absolute;
    background: #5ba63d;
    line-height: 40px;
    padding: 5px 0;
}
.nav .sub li {
    zoom: 1;
}
.nav .sub a {
    font-family:"Microsoft YaHei";
    line-height: 40px;
    width: 150px;
    display: block;
    font-size: 14px;
    text-align: center;
    padding: 0;
}
.nav .sub a:hover{
    color:#fff;
    background-color: #0c7e0a;
    line-height: 40px;
}
/*下拉菜单样式结束*/


/* 产品样式开始 */
.product{
    width:100%;
    height:500px;
    background-color:#fff;
    overflow: hidden;
}

    /* 标题样式开始 */
    .product .title {
        margin-top:45px;
        text-align: center;
    }
    .product .title span{
        text-align: center;
        margin:0 auto;
        font-size:24px;
        color:#333;
        font-family:"Microsoft YaHei";
    }
    .product .up-border{
        border-top:5px solid #0c7e0a; 
        width:70px;
    }
    .product .under-border{
        margin:0 auto;
        margin-top:15px;
        border-top:1px solid #868686; 
        width:225px;  
    }
    /* 标题样式结束 */
    
.product .slideGroup{
    height:405px;
    position:relative;
}
.product .slideGroup .parHd{
    width:100%;
    
}
.product .slideGroup .parHd .subnav{
    overflow: hidden;
    height:41px;
    display: inline-block;
    margin:0 auto;
    margin-top:25px;
    margin-bottom:40px;
    margin-left:2.5px;
}
.product .slideGroup .parHd .subnav li{
    float:left;
    width:185px;
    height:40px;
    margin:0 27px;
}
.product .slideGroup .parHd .subnav li a{
    border-bottom: 1px solid #ddd;
    font-family:"Microsoft YaHei";
    color: #333;
    font-size: 16px;
    line-height: 40px;
    height: 40px;
    overflow: hidden;
    display: block;
    text-align: center;
    background: #fff;
}
.product .slideGroup .parHd .subnav li a:hover,.product .slideGroup .parHd .subnav .on a{
    color:#fff;
    background-color:#0c7e0a;
}
.product .slideGroup  .parBd{
    width:1200px;
    height:296px;
    overflow:hidden;
}
.product .slideGroup  .parBd .slideBox{
    width:1200px;
    overflow: hidden;
    height:296px;
}
.product .slideGroup  .parBd .slideBox li{
    margin-right: 11px;
    float: left;
    width:289px;
    height:296px;
}
.product .slideGroup  .parBd .slideBox li .pic-img{
    width:289px !important;
    height:250px !important;
}
.product .slideGroup  .parBd .slideBox li .pic-tit{
    color: #333;
    font-size: 14px;
    width: 289px;
    height: 46px;
    text-align: center;
    line-height: 46px;
}
/* 产品样式开始 */

/* 关于我们样式开始 */
.aboutUs{
    height:455px;
    width:100%;
    background-color: #fff;
}
     /* 标题样式开始 */
     .aboutUs .title {
        margin-top:35px;
        text-align: center;
    }
    .aboutUs .title span{
        text-align: center;
        margin:0 auto;
        font-size:24px;
        color:#333;
        font-family:"Microsoft YaHei";
    }
    .aboutUs .up-border{
        border-top:5px solid #0c7e0a; 
        width:70px;
    }
    .aboutUs .under-border{
        margin:0 auto;
        margin-top:15px;
        border-top:1px solid #868686; 
        width:225px;  
    }
    /* 标题样式结束 */
.abt-img{
    width:400px;
    height:292px;
    margin-top:40px;
    float:left;
}
.abt-content{
    font-family:"Microsoft YaHei";
    float:right;
    height:270px;
    width:750px;
    margin-right:10px;
    margin-top:50px;
}
.abt-title{
    font-size: 18px;
    color:#108210;
    font-family:"Microsoft YaHei";
}
.abt-con{
    line-height: 2.2;
    margin-top:15px;
    font-size:14px;
    color:#333;
    font-family:"Microsoft YaHei";
}
.abt-con p{
    text-indent: 0 !important;
}
.abt-more{
    border:1px solid #108210;
    margin-top:25px;
    width:112px;
    height:34px;
    line-height: 34px;
    text-align:center;
    margin-top:20px;
}
.abt-more a{
    font-family:"Microsoft YaHei";
    color:#108210;
    font-size:14px;
    display: inline-block;
}
.abt-more a:hover{
    color:#2196f3;
}
/* 关于我们样式结束 */

/* 成功案例样式开始 */
.case{
    overflow: hidden;
    width:100%;
    height:533px;
    background:url(../images/caseBg.jpg) no-repeat;
    background-position-x: center;
}
     /* 标题样式开始 */
     .case .title {
        margin-top:40px;
        text-align: center;
    }
    .case .title span{
        text-align: center;
        margin:0 auto;
        font-size:24px;
        color:#fff;
        font-family:"Microsoft YaHei";
    }
    .case .up-border{
        border-top:5px solid #0c7e0a; 
        width:70px;
    }
    .case .under-border{
        margin:0 auto;
        margin-top:15px;
        border-top:1px solid #fff; 
        width:225px;  
    }
    /* 标题样式结束 */

.case .picList{
    margin-top: 42px;
    width: 1200px;
    overflow: hidden;
    height: 285px; 
}
.case  .picList li {
    margin-right: 20px;
    float: left;
    width: 285px;
    height:285px;
    overflow: hidden;
    text-align: center;
    position: relative;
    _display: inline;
}
.case .picList li .pic img {
    transition: ease-in-out 0.6s;
    width: 285px;
    height: 285px;
}
.case .picList li .pic img:hover {
    transform: scale(1.2);
}
.case .picList li .title {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 45px;
    line-height: 45px;
    text-align: center;
    background-color: #000;
    opacity: 0.7;
}
.case .picList li .title a {
    font-family: "Microsoft YaHei";
    color: #fff;
    font-size: 16px;
}
.case .more{
    margin:0 auto;
    width:142px;
    line-height: 40px;
    height:40px;
    border:1px solid #fff;
    margin-top:40px;
}
.case .more a{
    display: block;
    text-align: center;
    font-family:"Microsoft YaHei";
    font-size: 14px;
    color:#fff;
}
.case .more a:hover{
    color:#2196f3;
}
/* 成功案例样式结束 */

/* 新闻样式开始 */
.news{
    overflow: hidden;
    width:100%;
    background-color: #fff;
    height:595px;
}
     /* 标题样式开始 */
    .news .title {
        margin-top:50px;
        text-align: center;
    }
    .news .title span{
        text-align: center;
        margin:0 auto;
        font-size:24px;
        color:#333;
        font-family:"Microsoft YaHei";
    }
    .news .up-border{
        border-top:5px solid #0c7e0a; 
        width:70px;
    }
    .news .under-border{
        margin:0 auto;
        margin-top:15px;
        border-top:1px solid #868686; 
        width:225px;  
    }
    /* 标题样式结束 */

.newslist{
    overflow: hidden;
    margin-top:40px;
    width:1200px;
    height:390px;
}
.newslist .list{
    margin-right:30px;
    float:left;
    width:585px;
    height:165px;
    background-color: #f3f3f3;
    margin-bottom:30px;
}
.newslist .list img{
    margin-top:37.5px;
    width: 150px;
    height: 90px;
    float: left;
    margin-left:20px;
}
.newslist .list .newCon{
    margin-top: 45px;
    float: right;
    width: 375px;
    height: 90px;
    margin-right:20px;
}
.newslist .list .newCon .nTit{
    font-family:"Microsoft YaHei";
    font-size:16px;
    color:#333;
}
.newslist .list .newCon .nTit a{
    color:#333;
}
.newslist .list .newCon .nTit a:hover{
    color:#0c7e0a;
}
.newslist .list .newCon .newDes{
    margin-top:8px;
    line-height:1.8;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-family:"Microsoft YaHei";
    font-size:14px;
    color:#666;
}
.news .more{
    margin:0 auto;
    width:142px;
    line-height: 40px;
    height:40px;
    border:1px solid #108210;
    margin-top:5px;
}
.news .more a{
    display: block;
    text-align: center;
    font-family:"Microsoft YaHei";
    font-size: 14px;
    color:#108210;
}
.news .more a:hover{
    color:#2196f3;
}
/* 新闻样式结束 */

/* footer样式开始 */
.footer{
    width:100%;
    height:250px;
    background-color: #333;
    overflow: hidden;
}
.fUrl{
    font-family:"Microsoft YaHei";
    color:#fff;
    font-size: 14px;
    height:69px;
    line-height: 69px;
    border-bottom: 1px solid #999;
} 
.fUrl span{

    margin-left:290px;
}
.fUrl a{
    margin-right:20px;
    color:#fff;
}
.fUrl a:hover{
    color:#2196f3;
}
.fCon{
    height:180px;
}
.fWebname{
    margin-right:55px;
    margin-top:27.5px;
    float:left;
    height:125px;
    width:240px;
    text-align: center;
}
.fWebname p
{
    font-size:30px;
    font-weight: bold;
    color:#fff;
    font-family:"Microsoft YaHei";
}
.fInfo{
    margin-right:40px;
    font-size: 14px;
    font-family:"Microsoft YaHei";
    color:#fff;
    float: left;
    margin-top:30px;
    width:560px;
    height:120px;
    padding-left:59px;
    border-left:1px solid #999;
}
.fInfo p{
    line-height: 2;
}
.fInfo a{
    font-size: 14px;
    font-family:"Microsoft YaHei";
    color:#fff;
}
.fInfo a:hover{
    color:#2196f3;
}
.fCode{
    height:120px;
    margin-top:-150px;
    float:right;
    width:155px;
    margin-right:15px;
    padding-left:74px;
    border-left:1px solid #999;
}
.fCode img{
    float: left;
    width:118px;
    height:118px;
}
.codeTit{
    font-family:"Microsoft YaHei";
    color: #fff;
    font-size: 14px;
    margin-left: 5px !important;
    float: right;
    margin: 0 auto;
    text-align: center;
    line-height: 20px;
    width: 24px;
}
/* footer样式结束 */