@charset "utf-8";
/* CSS Document */

.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    height: 0;
    clear: both;
}

.wrap {
    min-width: 1220px;
    background: #fff;
    position: relative;
    overflow: hidden;
}

.content {
    overflow: hidden;
}

/*头部样式*/
.header {
    height: auto;
    background: #fff;
    border-bottom: 4px solid #009944;
    position: relative;
    z-index: 9;
}

.header .head {
    width: 1200px;
    height: 100px;
    margin: 0 auto;
    position: relative;
}

.header h1.logo {
    display: block;
    float: left;
}

.header h1.logo a {
    display: block;
}

.header h1.logo a img {
    display: block;
    height: 90px;
}

/*导航样式*/
ul.nav {
    display: block;
    height: 56px;
    z-index: 99;
    float: right;
}

ul.nav li {
    display: block;
    text-align: center;
    padding: 0 10px 0 0;
    float: left;
    position: relative;
    z-index: 99;
}

ul.nav li a {
    display: block;
    min-width: 64px;
    line-height: 100px;
    color: #333;
    font-size: 16px;
    padding: 0 18px;
    position: relative;
    z-index: 5;
}

ul.nav li a:hover,
ul.nav li.on a,
ul.nav li.cur a {
    color: #fff;
    background: #009f3c;
}

ul.nav li.lang {
    padding: 36px 0 36px 10px;
}

ul.nav li.lang a {
    width: 54px;
    min-width: 0;
    line-height: 26px;
    padding: 0;
    border: 1px solid #333;
    border-radius: 14px;
}

ul.nav li.lang.on a,
ul.nav li.lang.cur a {
    color: #333;
    background: none;
}

ul.nav li.lang a:hover {
    color: #fff;
    background: #009f3c;
    border-color: #009f3c;
}

/*
ul.nav li p.sub{ display:none; width:108%; background:#f7f7f7; padding:4px 0 0; position:absolute; left:-4%; top:100%; z-index:99;}
ul.nav li p.sub a{ line-height:40px; color:#333; font-size:14px; font-weight:normal; padding:0; border:0;}
ul.nav li p.sub a:hover,
ul.nav li p.sub.on a{ color:#009f3c; background:#fff;}
*/

/*banner样式*/
.banner {
    width: 100%;
    height: 500px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.banner .bd {
    position: relative;
    height: auto;
    z-index: 0;
}

.banner .bd ul {
    display: block;
}

.banner .bd ul li {
    display: block;
}

.banner .bd ul li a {
    display: block;
    width: 100%;
    height: 500px;
    background-size: cover !important;
}

.banner .hd {
    width: 100%;
    z-index: 1;
    position: absolute;
    left: 0;
    bottom: 20px;
}

.banner .hd ul {
    display: block;
    height: 12px;
    text-align: center;
}

.banner .hd ul li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 12px;
    height: 12px;
    background: #fff;
    border-radius: 50%;
    margin: 0 5px;
    vertical-align: top;
    cursor: pointer;
}

.banner .hd ul li.on {
    background: #009f3c;
}

/*footer样式*/
.footer {
    /*background: #1b1b1b;*/
    overflow: hidden;
    padding: 26px 0 0;
}

.footer .foot {
    width: 1200px;
    margin: 0 auto;
}

.footer .left {
    padding-bottom: 28px;
}

.footer .left a.logo {
    display: block;
}

.footer .left a.logo img {
    display: block;
    height: 80px;
}

.footer .left a.msg {
    display: block;
    width: 180px;
    line-height: 38px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    background: #009f3c;
    border-radius: 5px;
    margin: 12px 0 0;
}

.footer .left p.share {
    display: block;
    height: 30px;
    padding: 38px 0;
}

.footer .left p.share a {
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    float: left;
    margin-right: 10px;
}

.footer .left p.share a.qq {
    background: #8d8d8d url(../images/common/f_qq.png) center no-repeat;
}

.footer .left p.share a.wx {
    background: #8d8d8d url(../images/common/f_wx.png) center no-repeat;
    position: relative;
}

.footer .left p.share a.wx em {
    display: none;
    width: 120px;
    position: absolute;
    left: 50%;
    bottom: 100%;
    margin-left: -60px;
    margin-bottom: 12px;
}

.footer .left p.share a.wx em::before {
    content: '';
    display: block;
    border: 1px solid rgba(0, 0, 0, 0);
    border-width: 8px 8px 0;
    border-top-color: #fff;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 100%);
}

.footer .left p.share a.wx em img {
    display: block;
    width: 120px;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.4);
}

.footer .left p.share a.wx em img {
    padding-top: 22px;
    background: #fff;
}

.footer .left p.share a.wx em font {
    display: block;
    width: 100%;
    line-height: 1;
    color: #333;
    font-size: 13px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 8px;
}

.footer .left p.share a.wb {
    background: #8d8d8d url(../images/common/f_wb.png) center no-repeat;
}

.footer .left p.share a.ins {
    background: #8d8d8d url(../images/common/f_ins.png) center no-repeat;
}

.footer dl {
    display: block;
    overflow: hidden;
    float: right;
    padding-bottom: 28px;
}

.footer dl dt {
    display: block;
    line-height: 54px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    overflow: hidden;
    padding: 0 0 24px;
}

.footer dl dt a {
    display: block;
    padding: 0 1px;
    border-bottom: 2px solid #fff;
    float: left;
}

.footer dl dd {
    display: block;
    width: 224px;
    line-height: 36px;
    color: #666;
    font-size: 14px;
    float: left;
}

.footer dl dd:nth-child(even) {
    clear: left;
}

.footer dl dd a {
    color: #666;
}

.footer dl dd a:hover {
    color: #bbb;
}

.footer dl dd.txt {
    width: 445px;
}

.footer .copyright {
    line-height: 40px;
    color: #666;
    font-size: 14px;
    text-align: center;
    overflow: hidden;
    padding: 12px 0;
    background: #0f0f0f;
    clear: both;
}

.footer .copyright a {
    color: #666;
}

.footer .copyright a:hover {
    color: #bbb;
}

/*返回顶部*/
.backToTop {
    display: none;
    width: 50px;
    height: 50px;
    background: url(../images/common/top.png) center no-repeat;
    position: fixed;
    _position: absolute;
    right: 16px;
    bottom: 46px;
    cursor: pointer;
    opacity: 0.8;
    z-index: 998;
}

/*主体样式*/
.main {
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}

.main::after {
    content: '';
    display: block;
    height: 0;
    clear: both;
}

/*左侧*/
.main ul.menu {
    display: block;
    overflow: hidden;
    margin: 32px -10px 0;
}

.main ul.menu li {
    display: block;
    width: 25%;
    float: left;
}

.main ul.menu li a {
    display: block;
    line-height: 42px;
    color: #009f3c;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    border: 2px solid #009f3c;
    margin: 8px 10px;
}

.main ul.menu li a:hover,
.main ul.menu li.cur a {
    color: #fff;
    background: #009f3c;
}

/*右侧*/
.main .attr {
    width: 1200px;
    margin: 0 auto;
}

.main > .attr {
    min-height: 320px;
    margin: 0 auto;
}

.main h2.title {
    display: block;
    line-height: 76px;
    color: #333;
    font-size: 40px;
    font-weight: normal;
    text-align: center;
    padding: 34px 0 0;
}

.main h2.title i {
    display: block;
    width: 52px;
    height: 4px;
    background: #009f3c;
    margin: 0 auto;
}

.main h3.title {
    display: block;
    line-height: 66px;
    color: #333;
    font-size: 30px;
    font-weight: normal;
    text-align: center;
    padding: 48px 0 0;
}

.main p.mark {
    display: block;
    line-height: 46px;
    color: #999;
    font-size: 14px;
    text-align: center;
    padding: 0 0 14px;
    border-bottom: 2px solid #f2f2f2;
}

.main .article {
    min-height: 20em;
    line-height: 36px;
    color: #333;
    font-size: 16px;
    padding: 40px 0 56px;
}

.main .article * {
    max-width: 100%;
    line-height: inherit;
    color: inherit;
    font-size: inherit;
}

/*文章切换*/
.main .change {
    overflow: hidden;
    padding: 28px 2px 88px;
    border-top: 2px solid #f2f2f2;
}

.main .change p {
    display: block;
    max-width: 48%;
    line-height: 36px;
    color: #333;
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.main .change a {
    color: #333;
}

.main .change a:hover {
    color: #009f3c;
}

/*页码样式*/
.pages {
    text-align: center;
    font-size: 16px;
    padding: 62px 0 72px;
}

.pages a,
.pages span {
    display: inline-block;
    min-width: 16px;
    color: #999;
    height: 24px;
    line-height: 24px;
    text-align: center;
    padding: 9px 14px;
    margin: 0 8px;
    border: 1px solid #d2d2d2;
}

.pages a:hover {
    color: #fff;
    background: #009f3c;
    border-color: #009f3c;
}

.pages span {
    color: #fff;
    background: #009f3c;
    border-color: #009f3c;
    cursor: pointer;
}

.pages a.num {
    display: none;
}

.main .contact {
    background: #009f3c;
    overflow: hidden;
    padding: 44px 0;
}

.main .contact p {
    display: block;
    line-height: 46px;
    color: #fff;
    font-size: 28px;
    overflow: hidden;
    float: right;
    margin-left: 114px;
}

.main .contact p:first-child {
    float: left;
    margin-left: 0;
}

.main .contact p img {
    display: block;
    height: 46px;
    margin-right: 20px;
    float: left;
}

.main .hot {
    padding: 0 0 72px;
}

.main .hot .slide {
    position: relative;
    z-index: 1;
    margin: 36px 0 0;
}

.main .hot .slide .bd {
    position: relative;
    overflow: hidden;
    height: auto;
    z-index: 0;
}

.main .hot .slide .bd .tempWrap {
    width: 1220px;
    margin: 0 -10px;
}

.main .hot .slide .bd ul {
    display: block;
    overflow: hidden;
}

.main .hot .slide .bd ul li {
    display: block;
    width: 305px;
    overflow: hidden;
    float: left;
}

.main .hot .slide .bd ul li a {
    display: block;
    border: 2px solid #f2f2f2;
    margin: 0 10px;
    position: relative;
}

.main .hot .slide .bd ul li a img {
    display: block;
    width: 100%;
    height: 222px;
}

.main .hot .slide .bd ul li a span {
    display: block;
    line-height: 56px;
    color: #333;
    font-size: 16px;
    text-align: center;
    padding: 4px 4px 0;
    background: #f2f2f2;
}

.main .hot .slide .bd ul li a:hover {
    border-color: #009f3c;
}

.main .hot .slide .bd ul li a:hover span {
    color: #fff;
    background: #009f3c;
}

.main .hot .slide a.prev,
.main .hot .slide a.next {
    display: block;
    width: 44px;
    height: 44px;
    position: absolute;
    top: 50%;
    margin-top: -22px;
}

.main .hot .slide a.prev {
    background: url(../images/common/prev.png) center top no-repeat;
    left: -78px;
}

.main .hot .slide a.next {
    background: url(../images/common/next.png) center top no-repeat;
    right: -78px;
}

.main .hot a.prev:hover,
.main .hot a.next:hover {
    background-position: center bottom;
}

/*关于我们*/
.main .honor {
    background: #f2f2f2;
    padding: 0 0 60px;
}

.main .honor h2.title {
    margin-bottom: 38px;
}

.main .honor img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

/*产品列表*/
.main ul.proList {
    display: block;
    overflow: hidden;
    padding: 12px 0 10px;
    margin: 0 -10px;
}

.main ul.proList li {
    display: block;
    width: 25%;
    overflow: hidden;
    float: left;
}

.main ul.proList li a {
    display: block;
    border: 2px solid #f2f2f2;
    margin: 20px 10px 0;
    position: relative;
}

.main ul.proList li a img {
    display: block;
    width: 100%;
    height: 222px;
}

.main ul.proList li a span {
    display: block;
    line-height: 56px;
    color: #333;
    font-size: 16px;
    text-align: center;
    padding: 4px 4px 0;
    background: #f2f2f2;
}

.main ul.proList li a:hover {
    border-color: #009f3c;
}

.main ul.proList li a:hover span {
    color: #fff;
    background: #009f3c;
}

/*视频列表*/
.main ul.videoList {
    display: block;
    overflow: hidden;
    padding: 24px 0 12px;
    margin: 0 -12px;
}

.main ul.videoList li {
    display: block;
    width: 33.33%;
    overflow: hidden;
    float: left;
}

.main ul.videoList li a {
    display: block;
    margin: 36px 12px 0;
    position: relative;
}

.main ul.videoList li a em {
    display: block;
    width: 100%;
    height: 254px;
    background: rgba(0, 0, 0, 0.45) url(../images/icons/video.png) center no-repeat;
    position: absolute;
    left: 0;
    top: 0;
}

.main ul.videoList li a img {
    display: block;
    width: 100%;
    height: 254px;
}

.main ul.videoList li a span {
    display: block;
    line-height: 16px;
    color: #333;
    font-size: 16px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 26px 0 0;
}

.main ul.videoList li a:hover span {
    color: #009f3c;
}

/*荣誉客户*/
.main ul.cusList {
    display: block;
    overflow: hidden;
    padding: 20px 0 86px;
    margin: 0 -16px;
}

.main ul.cusList li {
    display: block;
    width: 25%;
    overflow: hidden;
    float: left;
}

.main ul.cusList li a {
    display: block;
    overflow: hidden;
    border: 1px solid #dfdfdf;
    margin: 28px 16px 0;
}

.main ul.cusList li a img {
    display: block;
    width: 100%;
    height: 90px;
}

/*新闻列表*/
.main .topNews {
    display: block;
    overflow: hidden;
    background: #f2f2f2;
    padding: 0 44px 0 0;
    margin: 52px 0 0;
}

.main .topNews a.pic {
    display: block;
    overflow: hidden;
    float: left;
    margin-right: 44px;
}

.main .topNews a.pic img {
    display: block;
    width: 282px;
    height: 202px;
}

.main .topNews a.title {
    display: block;
    line-height: 62px;
    color: #333;
    font-size: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 20px 0 0;
}

.main .topNews a.title:hover {
    color: #009f3c;
}

.main .topNews span {
    display: block;
    line-height: 50px;
    color: #009f3c;
    font-size: 14px;
    overflow: hidden;
}

.main .topNews .txt {
    height: 56px;
    line-height: 28px;
    color: #999;
    font-size: 15px;
    overflow: hidden;
    padding: 4px 0 0;
}

.main ul.newsList {
    display: block;
    overflow: hidden;
    padding: 44px 0 0;
}

.main ul.newsList li {
    display: block;
    overflow: hidden;
    border-bottom: 1px solid #ebebeb;
}

.main ul.newsList li span {
    display: block;
    line-height: 64px;
    color: #666;
    font-size: 16px;
    float: right;
    margin-left: 48px;
}

.main ul.newsList li a {
    display: block;
    line-height: 64px;
    color: #333;
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: url(../images/icons/dot.png) 6px center no-repeat;
    padding-left: 24px;
}

.main ul.newsList li a:hover {
    color: #009f3c;
}

/*联系我们*/
.main .message {
    background: #009f3c;
    overflow: hidden;
    margin: 48px 0 48px;
}

.main .message h3 {
    display: block;
    line-height: 86px;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    overflow: hidden;
    padding: 20px 0 0;
}

.main .message p {
    display: block;
    line-height: 44px;
    color: #fff;
    font-size: 18px;
    overflow: hidden;
    padding: 7px 32px;
}

.main .message form {
    display: block;
    width: 50%;
    background: #f1f1f1;
    overflow: hidden;
    float: right;
}

.main .message form h3 {
    color: #009f3c;
}

.main .message form label {
    display: block;
    width: 120px;
    color: #666;
    font-size: 16px;
    text-align: right;
    float: left;
    margin-right: 18px;
}

.main .message form input.text {
    display: block;
    width: 316px;
    height: 38px;
    color: #666;
    font-size: 15px;
    padding: 0 20px;
    border: 0;
    margin: 3px 0;
    float: left;
}

.main .message form textarea {
    display: block;
    width: 316px;
    height: 76px;
    line-height: 24px;
    color: #666;
    font-size: 15px;
    padding: 7px 20px;
    border: 0;
    margin: 3px 0;
    float: left;
    resize: none;
}

.main .message form input.btn {
    display: block;
    width: 184px;
    height: 40px;
    line-height: 16px;
    color: #fff;
    font-size: 16px;
    background: #009f3c;
    padding: 12px 0;
    border: 0;
    border-radius: 5px;
    margin: 12px auto 23px;
    cursor: pointer;
}

.main .map {
    overflow: hidden;
    padding: 0 0 48px;
}

/*案例列表*/
.main ul.caseList {
    display: block;
    overflow: hidden;
    padding: 20px 0 12px;
    margin: 0 -18px;
}

.main ul.caseList li {
    display: block;
    width: 33.33%;
    overflow: hidden;
    float: left;
}

.main ul.caseList li a {
    display: block;
    margin: 28px 18px 0;
    position: relative;
}

.main ul.caseList li a img {
    display: block;
    width: 100%;
    height: 280px;
}

.main ul.caseList li a span {
    display: block;
    width: 100%;
    line-height: 60px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    bottom: 0;
}

.main ul.caseList li a:hover span {
    background: rgba(0, 159, 60, 0.7);
}


/**/