* {
    padding: 0;
    margin: 0;
    list-style: none;
    font-family: "微软雅黑";
}
a{text-decoration: none;}

/*右导航*/

.ydh {
    width: 65px;
    position: fixed;
    top: 30%;
    right: 0px;
    background-color: #f5f3f3;
    overflow: hidden;
    z-index: 998;
}

    .ydh .ly {
        position: relative;
        cursor: pointer;
    }

    .ydh img {
        margin-top: -3px;
        opacity: 0.8;
    }

    .ydh .ly:hover .zhuce {
        display: block;
    }

    .ydh img:hover {
        opacity: 1;
    }

.zhuce {
    position: fixed;
    right: 65px;
    top: 30%;
    width: 400px;
    height: 400px;
    background-color: white;
    text-align: center;
    display: none;
}

    .zhuce input {
        width: 60%;
        height: 35px;
    }

    .zhuce ul li {
        width: 100%;
        height: 35px;
        color: #000000;
    }

    .zhuce ul .xm {
        margin: 25px 0 25px 16px;
    }

    .zhuce ul .ly textarea {
        width: 60%;
        height: 100px;
    }

.btn1 {
    width: 40%;
    height: 35px;
    background-color: #6EAA2D;
    position: absolute;
    bottom: 20px;
    left: calc(50% - 70px);
}

    .btn1 a {
        text-decoration: none;
        color: white;
        font-size: 20px;
        line-height: 35px;
    }

.haoma {
    display: none;
    position: fixed;
    top: 40%;
    right: 65px;
    padding: 10px;
    background-color: white;
}

.ydh .ly:hover .haoma {
    display: block;
}

.qq {
    display: none;
    position: fixed;
    top: 48%;
    right: 65px;
    padding: 10px;
    background-color: white;
}

.ydh .ly:hover .qq {
    display: block;
}

/*头部*/

.tb-bei {
    width: 100%;
    height: 40px;
    background-color: #313230;
    line-height: 40px;
}

.tb-left {
    display: flex;
    color: white;
    font-size: 14px;
}

    .tb-left span {
        margin-left: 5px;
    }

.tb-wai {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.tb-em {
    margin-left: 20px;
}

.tb-right ul {
    display: flex;
    position: relative;
}

    .tb-right ul li {
        cursor: pointer;
    }

        .tb-right ul li img {
            display: inline-block;
            padding: 10px 10px 0 10px;
        }

.tb-right span {
    margin-top: 8px;
    display: inline-block;
    width: 1px;
    height: 25px;
    background-color: #7d7e7c;
}

.yc {
    display: none;
    width: 100%;
    background-color: #fff;
    font-size: 14px;
    position: absolute;
    top: 40px;
    left: 0;
    text-align: center;
}

.tb-right ul li:hover .yc {
    display: block;
}

/*导航*/

.dh-bei {
    width: 100%;
    height: 90px;
    border-top: 5px solid #65b35a;
    line-height: 90px;
}

.dh-wai {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
}

    .dh-wai img {
        padding-top: 9px;
        float: left;
        width: 235px;
    }

.ml {
    float: left;
    margin-left: 40px;
}

    .ml li {
        text-align: center;
        float: left;
        margin-left: 30px;
    }

        .ml li a {
            font-size: 16px;
            color: #000000;
            font-weight: bold;
            text-decoration: none;
        }

            .ml li a:hover {
                color: #65b35a;
            }

.lxdh {
    width: 145px;
    height: 45px;
    background-color: #65b35a;
    float: right;
    margin-top: 22px;
    color: white;
    line-height: 22px;
    text-indent: 10px;
}

    .lxdh .dh1 {
        font-size: 14px;
    }

    .lxdh .dh2 {
        font-size: 18px;
        font-weight: bold;
    }
/*大图*/

.big-bei {
    width: 100%;
}

    .big-bei img {
        width: 100%;
    }

/*产品中心*/
.cpzx-bei {
    width: 100%;
}
.cpzx-wai {
    width: 1200px;
    margin: 0 auto;
}
.cpzx-nr {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-top: 40px;
}
.cpzx-nr h1 {
        font-size: 30px;
        font-weight: bold;
    }
.cpzx-nr h1 span {
            color: #65b35a;
        }

.cpzx-right {
    display: flex;
    font-size: 18px;
    color: #65b35a;
    user-select: none;
}
.cpzx-right a {
        width: 108px;
        height: 40px;
        border: 2px solid #65b35a;
        text-align: center;
        line-height: 40px;
        cursor: pointer;
        color: #333;
    }
.active {
        background-color: #65b35a;
        color: #FFFFFF !important;
    }

.cpzx-fb {
    font-size: 16px;
    padding: 10px 0 25px 0;
}
.cpzx-nav{width: 100%;zoom: 1;}
.cpzx-nav:after{display: block;content: "";clear: both;}
.cpzx-nav-left{background: #eeeeee;width: 25%;padding: 20px 0;float: left;}
.left-nav{width: 86%;margin: 0 auto;}
.Collapsing{background: #FFFFFF;color: #333; margin-top: 5px;font-size: 16px;font-weight: bold;line-height: 48px;cursor: pointer;}
.Collapsing span{background: url(../img/bg1.png);display: block;width: 6px;height: 14px;float: left;margin-top: 17px;margin-left: 20px;margin-right: 30px;}
.coll_body{display: none;}
.current{background: #65b35a;color: #FFFFFF;}
.current span{background: url(../img/bg2.png);display: block;width: 14px;height: 6px;margin-left: 12px;margin-top: 22px;}
.coll_body a{display: block;border-bottom: 1px solid #d6d6d6;line-height: 48px;color: #333;padding-left: 56px;}
.cpzx-nav-right{width: 73%;margin-left: 2%;float: left;}
.cpzx-nav-right ul{zoom: 1;}
.cpzx-nav-right ul:after{display: block;content: "";clear: both;}
.cpzx-nav-right ul li{width: 31%; float: left;background: #eeeeee;margin-bottom: 30px;text-align: center;}
.cpzx-nav-right ul li:not(:nth-child(3n)){margin-right: 3.5%;}
.cpzx-nav-img{height: 260px;text-align: center;display:table-cell;vertical-align:middle;}
.cpzx-nav-img1{width: 100%;}
.cpzx-nav-img1 img{width: 100%;display: block;}
.cpzx-nav-title{background: #65b35a;padding: 10px 0;}
.cpzx-nav-title p{color: #FFFFFF;font-size: 24px;}
.cpzx-nav-title span{color: #FFFFFF;border-bottom: 1px solid #FFFFFF;opacity: 0.5;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}

.s-page{width:100%; padding-top:34px; padding-bottom:30px;}
.p1Page2{ margin:0 auto; height:44px; font-family:"微软雅黑"; font-size:14px; color:#535353;}
.page{line-height:30px;text-align:center; }
.page a{margin:0 3px;display:inline-block;padding:0 15px 0 15px; background:#FFFFFF;border:1px solid #65b35a; color:#65b35a; }
.page a:hover{background:#65b35a; color:#fff;}
.page span.on{background:#65b35a;border:1px solid #65b35a;color:#FFF; padding:5px 15px; color:#fff;}
.page a.on:hover{background:#65b35a; color:#fff;}
.page a.on1{background:#FFFFFF;border:1px solid #65b35a;color:#65b35a;  padding:0 15px 0 15px;}
.page a.page_turn:hover{background:#65b35a;color:#FFF;box-shadow:1px 1px 3px #CCC;}
 .page a[disabled]{  color: #65b35a;cursor: not-allowed;background-color: #FFFFFF;border:1px solid #65b35a;}

/*底部*/

.db-bei {
    width: 100%;
    height: 290px;
    background-color: #65b35a;
}

.db-tou {
    width: 100%;
    height: 68px;
}

.db-db {
    width: 100%;
    height: 222px;
    background-color: #333;
}

.tou-z {
    width: 1200px;
    height: 68px;
    margin: 0 auto;
    line-height: 68px;
}

.tou-z {
    display: flex;
    justify-content: space-around;
}

    .tou-z li a {
        color: white;
        font-size: 16px;
        font-weight: bold;
        text-decoration: none;
    }

.db-z {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

    .db-z p {
        font-size: 14px;
        color: white;
        text-indent: 15px;
        padding-top: 10px;
    }

        .db-z p a {
            text-decoration: none;
            font-size: 14px;
            color: white;
        }

.bt-s {
    display: flex;
    padding-top: 20px;
}

    .bt-s div {
        color: white;
        font-size: 18px;
        font-weight: bold;
        padding-top: 15px;
        padding-left: 10px;
    }
.img {
    margin-top: 30px;
}