* {

    padding: 0px;
    margin: 0px;

}

body {
    font-size: 14px;
    font-family:"Source Han Sans CN","Microsoft YaHei",Arial,Tahoma,sans-serif;
}


body,
ul,
ol,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
p,
i,
b,
em,
span,
form,
fieldset,
legend,
input,
textarea,
select,
button,
th,
td {


    margin: 0;


    padding: 0;


    font-style: normal;


}


h1,
h2,
h3,
h4,
h5,
h6 {


    list-style: none;


}


input,
select,
button,
textarea {


    font-size: 14px;


    border: 0;


    background: none;


    outline: none;


    vertical-align: middle;


    font-family:"Source Han Sans CN","Microsoft YaHei",Arial,Tahoma,sans-serif;


}


button {


    overflow: visible


}


img {


    border: none;


}


li {


    list-style: none;


}


a {


    color: #000;


    text-decoration: none;


    transition: all .5s;


    -o-transition: all .5s;


    -ms-transition: all .5s;


    -moz-transition: all .5s;


    -webkit-transition: all .5s;


}


a:hover {


    color: #00b7ee;


    text-decoration: none !important;


}


.clear {


    overflow: hidden;


    clear: both;


    height: 0px;


}


::-webkit-scrollbar {


    width: 6px;


}


::-webkit-scrollbar-track {


    background-color: #000;


}


::-webkit-scrollbar-thumb {


    background-color: #aaa;


}


::-webkit-scrollbar-thumb:hover {


    background-color: #5b5b5b;


}


::-webkit-scrollbar-thumb:active {


    background-color: #00b7ee;


}


@media only screen and (max-width: 992px) {


    body {


        font-size: 13px;


    }


    input,
    select,
    button,
    textarea {


        font-size: 13px;


    }


    input,
    textarea {


        -webkit-appearance: none;


        border-radius: 0;


    }


}


@media only screen and (max-width: 992px) {


    html.on {


        width: 100%;


        height: 100%;


        position: fixed;


        top: 0;


        left: 0;


        overflow: hidden;


    }


}


body {


    background-position: center;


    background-attachment: fixed;


    background-repeat: no-repeat;


    background-size: cover;


    transition: all .5s;


    -webkit-transition: all .5s;


    -moz-transition: all .5s;


    -ms-transition: all .5s;


    -o-transition: all .5s;


}


@media only screen and (max-width: 992px) {


    body.on {


        transform: translateX(-60%);


        -webkit-transform: translateX(-60%);


        -moz-transform: translateX(-60%);


        -ms-transform: translateX(-60%);


        -o-transform: translateX(-60%);


    }


}


@media only screen and (max-width: 992px) {


    .sj_bj {


        width: 100%;


        height: 100%;


        background-color: rgba(0, 0, 0, .5);


        position: absolute;


        top: 0;


        left: 0;


        content: "";


        z-index: 99999;


        display: none;


    }


}


.header {
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0 10px #aaa;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
}


.header .container {
    position: relative;
}


.header .logo {
    width: 360px;
    float: left;
    margin: 21px 0;
}


.header .logo img {
    width: 100%;
    height: auto;
    display: block;
}


.header .l_m {
    position: absolute;
    top: 0;
    right: 15px;
    line-height: 42px;
}


.header .l_m img {
    max-width: 100%;
}


.header .dt {
    float: left;
}


.header .dt img {
    width: 14px;
}


.header .hy img {
    width: 18px;
}


.header .sy img {
    width: 16px;
}


.header .dt a {
    display: flex;
    align-items: center;
    font-size: 15px;
}


.header .dt em {
    padding-right: 5px;
}


.header .hy {
    float: left;
    margin-left: 20px;
}


.header .hy a {
    display: flex;
    align-items: center;
    font-size: 15px;
}


.header .hy em {
    padding-right: 5px;
}


.header .sy {
    float: left;
    margin-left: 20px;
}


.header .sy a {
    display: flex;
    align-items: center;
    font-size: 15px;
}


.header .sy em {
    padding-right: 5px;
}


.header .dt a img, .header .hy a img, .header .sy a img {


    margin-right: 5px;


}


.header .search {
    width: 140px;
    margin-top: 8px;
    height: 26px;
    line-height: 24px;
    border: 1px solid #e7e7e7;
    float: left;
    margin-left: 20px;
}


.header .search input {
    width: 96px;
    height: 24px;
    padding: 0 4px;
    float: left;
    font-size: 12px;
    color: #555;
}


.header .search button {
    width: 25px;
    float: right;
    text-align: center;
    color: #18aa5a;
    line-height: 22px;
}


.header .an {
    position: absolute;
    top: 50%;
    right: 15px;
    height: 18px;
    width: 24px;
    display: none;


    transform: translate(0, -50%);


    -webkit-transform: translate(0, -50%);


    -moz-transform: translate(0, -50%);


    -ms-transform: translate(0, -50%);


    -o-transform: translate(0, -50%);
}


.header .an i {
    position: absolute;
    right: 30px;
    width: 36px;
    display: block;
}


.header .an i.g {
    display: none;
}


.header .an.n i {
    display: none;
}


.header .an.n i.g {
    display: block;
}


.header .an span {
    width: 24px;
    height: 2px;
    background-color: #555;
    display: block;
    position: absolute;


    transition: all .5s;


    -o-transition: all .5s;


    -ms-transition: all .5s;


    -moz-transition: all .5s;


    -webkit-transition: all .5s;
}


.header .an span.a1 {
    top: 0;
    left: 0;
}


.header .an span.a2 {
    top: 8px;
    left: 0;
}


.header .an span.a3 {
    top: 16px;
    left: 0;
}


.header .an.n span.a2 {
    display: none;
}


.header .an.n span.a1 {
    top: 8px;
    width: 24px;


    transform: rotate(45deg);


    -o-transform: rotate(45deg);


    -ms-transform: rotate(45deg);


    -moz-transform: rotate(45deg);


    -webkit-transform: rotate(45deg);
}


.header .an.n span.a3 {
    top: 8px;
    width: 24px;


    transform: rotate(135deg);


    -o-transform: rotate(135deg);


    -ms-transform: rotate(135deg);


    -moz-transform: rotate(135deg);


    -webkit-transform: rotate(135deg);
}


.header .nav {
    float: right;
    margin-top: 42px;
}


.header .nav i {
    font-size: 12px;
    color: #aaa;
    line-height: 34px;
    text-align: right;
    position: absolute;
    width: 50%;
    height: 34px;
    padding-right: 15px;
    right: 0;
    top: 54%;
    display: none;


    transform: translate(0, -50%);


    -webkit-transform: translate(0, -50%);


    -moz-transform: translate(0, -50%);


    -ms-transform: translate(0, -50%);


    -o-transform: translate(0, -50%);
}


.header .nav ul li {
    height: 60px;
    margin: 0 20px;
    line-height: 60px;
    float: left;
    position: relative;
}


.header .nav ul li a.o_lm {
    display: block;
    font-size: 15px;
}


.header .dt a {
    color: #aaa;
}


.header .hy a {
    color: #aaa;
}


.header .sy a {
    color: #aaa;
}


.header .nav ul li:hover a.o_lm {
    color: #18aa5a;
}


.header .nav ul li.on a.o_lm {
    color: #18aa5a;
}


.header .nav ul li:last-child {
    margin: 0 0 0 20px;
}


.header .nav .y_j {
    position: relative;
}


.header .nav .e_j {
    width: 120px;
    background-color: #fff;
    box-shadow: 0 0 5px #aaa;
    position: absolute;
    left: 50%;
    margin-left: -60px;
    display: none;
    z-index: 9999;
}


.header .nav ul li:hover .e_j {
    display: block;
}


.header .nav .e_j .e_lm {
    position: relative;
}


.header .nav .e_j .e_lm a {
    display: block;
    font-size: 14px;
    text-align: center;
    line-height: 32px;
}


.header .nav .e_j .e_lm:hover a {
    background-color: #18aa5a;
    color: #fff;
}


.header .nav .e_j .e_lm em {
    font-size: 12px;
    color: #aaa;
    line-height: 36px;
    text-align: right;
    position: absolute;
    height: 36px;
    right: 15px;
    top: 0;
    z-index: 999;
    display: block;
}


.header .nav .e_j .e_lm:hover em {
    color: #fff;
}


.header .nav .e_j .s_j {
    width: 120px;
    border-left: 1px solid #fff;
    background-color: #f7f7f7;
    position: absolute;
    top: 0;
    right: -100%;
    display: none;
}


.header .nav .e_j .e_lm:hover .s_j {
    display: block;
}


.header .nav .e_j .e_lm:hover .s_j a {
    background-color: #f7f7f7;
    color: #555;
}


.header .nav .e_j .e_lm:hover .s_j a:hover {
    background-color: #18aa5a;
    color: #fff;
}


.header .nav ul li span {
    width: 0;
    height: 2px;
    background-color: #18aa5a;
    position: absolute;
    left: 50%;
    bottom: 0;


    transition: all .3s;


    -o-transition: all .3s;


    -ms-transition: all .3s;


    -moz-transition: all .3s;


    -webkit-transition: all .3s;


    transform: translate(-50%, 0);


    -webkit-transform: translate(-50%, 0);


    -moz-transform: translate(-50%, 0);


    -ms-transform: translate(-50%, 0);


    -o-transform: translate(-50%, 0);
}


.header .nav ul li:hover span {
    width: 100%;
}


.header .nav ul li.on span {
    width: 100%;
}


@media (min-width: 992px) {


    .header .logo {
        width: 300px;
        margin: 30px 0 0;
    }


    .header .nav ul li {
        margin: 0 10px;
    }


    .header .nav ul li:last-child {
        margin: 0 0 0 10px;
    }


    .header .nav ul li a {
        font-size: 14px;
    }


    .header .nav .e_j {
        display: none !important;
    }


    .header .nav ul li:hover .e_j {
        display: block !important;
    }


    .header .nav .e_j .s_j {
        display: none !important;
    }


    .header .nav .e_j .e_lm:hover .s_j {
        display: block !important;
    }


}


@media (min-width: 1200px) {


    .header .logo {
        width: 350px;
        margin: 11px 0;
    }


    .header .nav ul li {
        margin: 0 20px;
    }


    .header .nav ul li:last-child {
        margin: 0 0 0 20px;
    }


    .header .nav ul li a {
        font-size: 16px;
    }


}


@media only screen and (max-width: 992px) {


    .header .logo {
        width: 230px;
        margin: 15px 0;
    }


    .header .l_m {
        position: relative;
        top: auto;
        right: auto;
        line-height: 34px;
        margin-top: 10px;
    }


    .header .dt {
        float: none;
    }


    .header .hy {
        float: none;
        margin-left: 0;
    }


    .header .sy {
        float: none;
        margin-left: 0;
    }


    .header .search {
        width: 100%;
        margin-top: 10px;
        height: 36px;
        line-height: 36px;
        margin-left: 0;
    }


    .header .search input {
        width: 80%;
        height: 36px;
        font-size: 14px;
        color: #fff;
    }


    .header .search button {
        width: 16%;
        font-size: 14px;
    }


    .header .an {
        display: block;
    }


    .header .nav {
        width: 60%;
        margin: 0;
        padding: 15px 5%;
        background-color: #000;
        height: 100%;
        position: fixed;
        top: 0;
        left: -60%;
        z-index: 9999;
        overflow: auto;


        transition: all .5s;


        -o-transition: all .5s;


        -ms-transition: all .5s;


        -moz-transition: all .5s;


        -webkit-transition: all .5s;
    }


    .header .nav.on {
        left: 0;
    }


    .header .nav i {
        display: block;
    }


    .header .nav ul li {
        width: 100%;
        height: auto;
        line-height: 50px;
        text-align: left;
        border-bottom: 1px solid #444;
        float: none;
        margin: 0;
    }


    .header .nav ul li:last-child {
        margin: 0;
    }


    .header .nav ul li a.o_lm {
        color: #aaa;
        font-size: 14px;
    }


    .header .nav ul li:hover a.o_lm {
        background: none;
    }


    .header .nav .e_j {
        width: 100%;
        background: none;
        border: 0;
        position: relative;
        left: auto;
        margin-left: 0;
        display: none;
        padding-bottom: 10px;
    }


    .header .nav ul li:hover .e_j {
        display: none;
    }


    .header .nav .e_j .e_lm a {
        border-top: 0;
        font-size: 12px;
        text-align: left;
        color: #aaa;
        line-height: 32px;
    }


    .header .nav .e_j .e_lm:hover a {
        background: none;
    }


    .header .nav .e_j .e_lm em {
        color: #ddd;
        line-height: 32px;
        text-align: right;
        width: 50%;
        height: 32px;
    }


    .header .nav .e_j .e_lm:hover em {
        color: #fff;
    }


    .header .nav .e_j .s_j {
        width: 100%;
        border-top: 1px solid #444;
        border-bottom: 1px solid #444;
        border-left: 0;
        background: none;
        position: relative;
        display: none;
        top: auto;
        right: auto;
        margin-bottom: 10px;
    }


    .header .nav .e_j .e_lm:hover .s_j {
        display: none;
    }


    .header .nav .e_j .e_lm:hover .s_j a {
        background: none;
        color: #aaa;
    }


    .header .nav .e_j .e_lm:hover .s_j a:hover {
        background: none;
    }


    .header .nav ul li:hover span {
        width: 0;
    }


    .header .nav ul li.on span {
        width: 0;
    }


}


.head_h {


    width: 100%;


    height: 102px;


    background-color: #fff;


    overflow: hidden;


}


@media only screen and (max-width: 992px) {


    .head_h {


        display: block;


        height: 68px;


    }


}


.e_m {


    width: 100%;


    height: 100%;


    position: fixed;


    top: 0;


    left: 0;


    background-color: rgba(0, 0, 0, .9);


    z-index: 99999;


    display: none;


}


.e_m .n_r {


    width: 200px;


    padding: 10px;


    background-color: #fff;


    position: absolute;


    top: 50%;


    left: 50%;


    text-align: center;


    transform: translate(-50%, -50%);


    -webkit-transform: translate(-50%, -50%);


    -moz-transform: translate(-50%, -50%);


    -ms-transform: translate(-50%, -50%);


    -o-transform: translate(-50%, -50%);


}


.e_m .n_r img {


    width: 100%;


    height: auto;


    display: block;


}


.e_m .n_r p {


    font-size: 15px;


    color: #888;


    margin-top: 10px;


}


@media only screen and (max-width: 992px) {


    .e_m .n_r {


        width: 230px;


        padding: 15px;


    }


    .e_m .n_r p {


        font-size: 15px;


    }


}


.pc_kf {


    width: 50px;


    position: fixed;


    right: 30px;


    bottom: 30px;


    z-index: 99999;


}


.pc_kf .nr {


    font-size: 18px;


    text-align: center;


    line-height: 50px;


    margin-bottom: 10px;


    position: relative;


}


.pc_kf .tel {


    width: 160px;


    background-color: #00b7ee;


    font-size: 18px;


    line-height: 50px;


    color: #fff;


    position: absolute;


    top: 0;


    right: -160px;


    opacity: 0;


}


.pc_kf .nr:hover .tel {


    right: 56px;


    opacity: 1;


    transition: all .5s;


    -o-transition: all .5s;


    -ms-transition: all .5s;


    -moz-transition: all .5s;


    -webkit-transition: all .5s;


}


.pc_kf .ewm {


    width: 130px;


    padding: 10px 10px 0;


    background-color: #00b7ee;


    position: absolute;


    bottom: 0;


    right: -180px;


    opacity: 0;


}


.pc_kf .ewm img {


    width: 100%;


    height: auto;


    display: block;


    margin-bottom: 10px;


}


.pc_kf .ewm p {


    font-size: 14px;


    color: #fff;


    line-height: 16px;


    margin-bottom: 10px;


}


.pc_kf .nr:hover .ewm {


    right: 56px;


    opacity: 1;


    transition: all .5s;


    -o-transition: all .5s;


    -ms-transition: all .5s;


    -moz-transition: all .5s;


    -webkit-transition: all .5s;


}


.pc_kf .nr a {


    display: block;


    width: 50px;


    height: 50px;


    box-shadow: 0 0 10px #ddd;


    background-color: #fff;


    border-radius: 5px;


    overflow: hidden;


}


.pc_kf .nr i {


    color: #333;


}


.pc_kf .nr i.icon-aui-icon-qq {


    font-size: 30px;


}


.pc_kf .nr i.icon-icon {


    font-size: 26px;


    vertical-align: middle;


}


.pc_kf .fh {


    width: 50px;


    height: 50px;


    border-radius: 5px;


    background-color: #00b7ee;


    text-align: center;


    line-height: 50px;


    color: #fff;


    cursor: pointer;


}


.pc_kf .fh i {


    font-size: 30px;


    font-weight: bold;


}


@media only screen and (max-width: 992px) {


    .pc_kf {


        right: 10px;


        bottom: 10px;


    }


}


@media only screen and (max-width: 640px) {


    .pc_kf {


        width: 100%;


        background-color: #00b7ee;


        position: fixed;


        right: 0;


        bottom: 0;


    }


    .pc_kf .nr {


        width: 25%;


        border-right: 1px solid rgba(255, 255, 255, .6);


        font-size: 20px;


        background: none;


        box-shadow: none;


        margin-bottom: 0;


        float: left;


    }


    .pc_kf .tel {


        display: none;


    }


    .pc_kf .ewm {


        display: none;


    }


    .pc_kf .nr a {


        display: block;


        width: 100%;


        border-radius: 0;


        background-color: #00b7ee;


        box-shadow: none;


    }


    .pc_kf .nr i {


        color: #fff;


    }


    .pc_kf .nr a:hover i {


        color: #fff;


    }


    .pc_kf .fh {


        width: 25%;


        box-shadow: none;


        font-size: 22px;


        float: left;


    }


}


.banner img {


    width: 100%;


}


.num {


    background-color: #5cc58b;


    padding: 40px 0;


}


.num_lb {


    display: flex;


    justify-content: space-between;


    text-align: center;


    color: #fff;


}


.num_lb li .w_z1 {


    font-size: 50px;


    font-weight: lighter;


}


.num_lb li .w_z2 {


    font-size: 20px;


    font-weight: lighter;


}


.num_lb li {


    border-right: 1px solid #7dd1a2;


    width: 24%;


}


.num_lb li:last-child {


    border-right: none;


}


.product {


    padding: 70px 0;


    background-color: #f7f7f7;


}


.title {


    text-align: center;


}


.title1 {


    color: #aeaeae;


    font-family:"Source Han Sans CN","Microsoft YaHei",Arial,Tahoma,sans-serif;


    font-size: 34px;


}


.title2 {


    font-size: 32px;


    font-weight: bold;


    color: #333333;


    position: relative;


    display: inline-block;


}


.title2 i {


    color: #18aa5a;


}


.title2:after {


    display: block;


    content: '';


    width: 55px;


    height: 1px;


    background-color: #cccccc;


    position: absolute;


    right: -70px;


    top: 50%;


    transform: translate(0, -50%);


}


.title2:before {


    display: block;


    content: '';


    width: 55px;


    height: 1px;


    background-color: #cccccc;


    position: absolute;


    left: -70px;


    top: 50%;


    transform: translate(0, -50%);


}


.title22 {


    position: relative;


}


.title22:after {


    display: block;


    content: '';


    width: 7px;


    height: 7px;


    background-color: #5cc58b;


    position: absolute;


    right: -17px;


    top: 50%;


    transform: translate(0, -50%);


}


.title22:before {


    display: block;


    content: '';


    width: 7px;


    height: 7px;


    background-color: #5cc58b;


    position: absolute;


    left: -17px;


    top: 50%;


    transform: translate(0, -50%);


}


.solution {


    padding: 60px 0 0;


}


.sol_lb {


    display: flex;


    margin-top: 70px;


}


.sol_lb li img {


    width: 100%;


}


.sy_cp {


    padding: 60px 0;


    background-color: #f7f7f7;


    overflow: hidden;


}


.sy_cp .swiper-cp {


    padding-bottom: 60px;


    margin-top: 70px;


}


.sy_cp .swiper-cp .swiper-button-prev {


    background: url(../image/zj.png) no-repeat;


    width: 34px;


    height: 34px;


    top: auto;


    bottom: 0;


    left: 50%;


    margin-left: -44px;


}


.sy_cp .swiper-cp .swiper-button-next {


    background: url(../image/yj.png) no-repeat;


    width: 34px;


    height: 34px;


    top: auto;


    bottom: 0;


    right: 50%;


    margin-right: -44px;


}


.sy_cp .swiper-cp .swiper-pagination {


    display: none;


    bottom: 0;


}


.sy_cp .swiper-cp .swiper-pagination-bullet {


    background: #888;


}


.sy_cp .swiper-cp .swiper-pagination-bullet-active {


    background: #18aa5a;


}


.sy_cp .swiper-cp .swiper-slide {


    position: relative;


}


.sy_cp .t_p {


    overflow: hidden;


}


.sy_cp .t_p img {


    width: 100%;


    height: auto;


    display: block;


    transition: all 3s;


    -webkit-transition: all 3s;


    -moz-transition: all 3s;


    -ms-transition: all 3s;


    -o-transition: all 3s;


}


.sy_cp .swiper-slide:hover .t_p img {


    transform: scale(1.1);


    -webkit-transform: scale(1.1);


    -moz-transform: scale(1.1);


    -ms-transform: scale(1.1);


    -o-transform: scale(1.1);


}


.sy_cp .w_z {


    width: 100%;


    height: 100%;


    background-color: rgba(0, 0, 0, .7);


    position: absolute;


    top: 0;


    left: 0;


    opacity: 0;


    transition: all .5s;


    -o-transition: all .5s;


    -ms-transition: all .5s;


    -moz-transition: all .5s;


    -webkit-transition: all .5s;


}


.sy_cp .swiper-slide:hover .w_z {


    opacity: 1;


}


.sy_cp .n_r {


    width: 100%;


    text-align: center;


    top: 80%;


    left: 0;


    position: absolute;


    opacity: 0;


    transform: translate(0, -50%);


    -webkit-transform: translate(0, -50%);


    -moz-transform: translate(0, -50%);


    -ms-transform: translate(0, -50%);


    -o-transform: translate(0, -50%);


    transition: all .5s;


    -o-transition: all .5s;


    -ms-transition: all .5s;


    -moz-transition: all .5s;


    -webkit-transition: all .5s;


}


.sy_cp .n_r h3 {


    font-size: 16px;


    line-height: 26px;


    margin-bottom: 15px;


    color: #fff;


}


.sy_cp .n_r a {


    color: #fff;


}


.sy_cp .n_r a.c_k {


    width: 100px;


    height: 32px;


    background-color: #000;


    font-size: 14px;


    line-height: 32px;


    color: #fff;


    display: block;


    margin: 0 auto;


    transition: all .5s;


    -o-transition: all .5s;


    -ms-transition: all .5s;


    -moz-transition: all .5s;


    -webkit-transition: all .5s;


}


.sy_cp .n_r a.c_k:hover {


    background-color: #18aa5a;


}


.sy_cp .swiper-slide:hover .n_r {


    top: 50%;


    opacity: 1;


}


@media only screen and (max-width: 992px) {


    .sy_cp {


        padding: 40px 0 20px;


    }


    .sy_cp .swiper-cp {


        padding-bottom: 40px;


    }


    .sy_cp .swiper-cp .swiper-button-prev {


        display: none;


    }


    .sy_cp .swiper-cp .swiper-button-next {


        display: none;


    }


    .sy_cp .swiper-cp .swiper-pagination {


        display: block;


    }


}


.sy_fa {


    padding: 60px 0 0;


    overflow: hidden;


}


.sy_fa ul li {


    width: 20%;


    float: left;


    overflow: hidden;


    position: relative;


}


.sy_fa .t_p {


    overflow: hidden;


}


.sy_fa .t_p img {


    width: 100%;


    height: auto;


    display: block;


}


.sy_fa .w_z {


    width: 100%;


    height: 100%;


    position: absolute;


    top: 0;


    left: 0;


    background-color: rgba(0, 0, 0, .5);


    transition: all .5s;


    -webkit-transition: all .5s;


    -moz-transition: all .5s;


    -ms-transition: all .5s;


    -o-transition: all .5s;


}


.sy_fa ul li:hover .w_z {


    opacity: 0;


}


.sy_fa .w_z .n_r {


    width: 90%;


    position: absolute;


    top: 50%;


    left: 5%;


    text-align: center;


    color: #fff;


    transform: translate(0, -50%);


    -webkit-transform: translate(0, -50%);


    -moz-transform: translate(0, -50%);


    -ms-transform: translate(0, -50%);


    -o-transform: translate(0, -50%);


}


.sy_fa .w_z .n_r h3 {


    font-size: 18px;


    margin-bottom: 15px;


}


.sy_fa .w_z .n_r em {


    width: 60px;


    height: 1px;


    background-color: #fff;


    display: block;


    margin: 0 auto 15px;


}


.sy_fa .w_z .n_r i {


    font-size: 16px;


}


@media only screen and (max-width: 992px) {


    .sy_fa {


        padding: 40px 0 0;


    }


    .sy_fa ul li {


        width: 50%;


    }


    .sy_fa ul li:last-child {


        display: none;


    }


    .sy_fa .w_z {


        background-color: rgba(0, 0, 0, .5);


    }


}


.sy_fa .f_a {


    margin-top: 70px;


}


.sy_gy {


    padding: 60px 0;


    overflow: hidden;


}


.sy_gy .g_y {


    position: relative;


    overflow: hidden;


    margin-bottom: 50px;


    margin-top: 70px;


}


.sy_gy .g_y .t_p {


    overflow: hidden;


}


.sy_gy .g_y .t_p img {


    width: 100%;


    height: auto;


    display: block;


}


.sy_gy .g_y .w_z .j_s {


    margin-bottom: 40px;


    margin-top: 40px;


}


.sy_gy .g_y .w_z .b_t {


    width: 200px;


    height: 50px;


    border-radius: 10px;


    background-color: #888;


    font-size: 22px;


    color: #fff;


    line-height: 50px;


    text-align: center;


    margin: 0 auto 20px;


}


.sy_gy .g_y .w_z .b_t.l_s {


    background-color: #18aa5a;


}


.sy_gy .g_y .w_z p {


    font-size: 16px;


    color: #666;


    line-height: 26px;


}


.sy_gy .y_s .n_r {


    padding: 50px 0;


    border-radius: 15px;


    background-color: #f7f7f7;


}


.sy_gy .y_s .t_b {


    width: 80px;


    margin: 0 auto 20px;


}


.sy_gy .y_s .t_b img {


    width: 100%;


    height: auto;


    display: block;


}


.sy_gy .y_s ul li:hover .t_b img {


    animation: move 1s ease-in;


    -webkit-animation: move 1s ease-in;


    -moz-animation: move 1s ease-in;


    -ms-animation: move 1s ease-in;


    -o-animation: move 1s ease-in;


}


.sy_gy .y_s .w_z {


    text-align: center;


}


.sy_gy .y_s .w_z h3 {


    font-size: 17px;


    line-height: 22px;


    letter-spacing: 2px;


    margin-bottom: 10px;


}


.sy_gy .y_s .w_z p {


    font-size: 15px;


    color: #8a8a8a;


}


.sy_gy .y_s .w_z em {


    width: 16px;


    height: 1px;


    background-color: #18aa5a;


    display: block;


    margin: 0 auto 10px;


}


@media (min-width: 992px) {


    .sy_gy .g_y .w_z .j_s {


        margin-bottom: 20px;


        margin-top: 0;


    }


    .sy_gy .g_y .w_z .b_t {


        width: 160px;


        height: 36px;


        border-radius: 6px;


        font-size: 18px;


        line-height: 36px;


        margin: 0 auto 10px;


    }


    .sy_gy .g_y .w_z p {


        font-size: 14px;


        line-height: 24px;


    }


}


@media (min-width: 1200px) {


    .sy_gy .g_y .w_z .j_s {


        margin-bottom: 40px;


        margin-top: 40px;


    }


    .sy_gy .g_y .w_z .b_t {


        width: 180px;


        height: 46px;


        border-radius: 10px;


        font-size: 20px;


        line-height: 46px;


        margin: 0 auto 20px;


    }


    .sy_gy .g_y .w_z p {


        font-size: 16px;


        line-height: 30px;


    }


}


@media only screen and (max-width: 992px) {


    .sy_gy {


        padding: 40px 0 10px;


    }


    .sy_gy .g_y {


        margin-bottom: 30px;


    }


    .sy_gy .g_y .t_p {


        width: 100%;


        position: relative;


        left: auto;


        top: auto;


        z-index: 9;


        transform: none;


        -webkit-transform: none;


        -moz-transform: none;


        -ms-transform: none;


        -o-transform: none;


    }


    .sy_gy .g_y .t_p img {


        width: 100%;


        height: auto;


        display: block;


    }


    .sy_gy .g_y .w_z .j_s {


        margin-bottom: 20px;


        margin-top: 20px;


    }


    .sy_gy .g_y .w_z .b_t {


        width: 150px;


        height: 36px;


        border-radius: 5px;


        font-size: 18px;


        line-height: 36px;


        margin: 0 auto 10px;


    }


    .sy_gy .g_y .w_z p {


        font-size: 14px;


        line-height: 24px;


    }


    .sy_gy .g_y .w_z .n_r {


        width: 100%;


        float: none;


        margin: 0 auto;


    }


    .sy_gy .g_y .w_z .n_r p {


        font-size: 12px;


        line-height: 22px;


    }


    .sy_gy .g_y .w_z a.ck_gd {


        margin: 20px auto 0;


    }


    .sy_gy .y_s .n_r {


        padding: 30px 0;


    }


    .sy_gy .y_s ul li {


        margin-bottom: 30px;


    }


}


.news {


    background-color: #f7f7f7;


    padding: 70px 0;


}


.news_lb {


    margin-top: 70px;


}


.news-item {


    background-color: #fff;


    padding: 40px;


    height: 280px;


}


.news-item .b_t {


    font-size: 20px;


    font-weight: bold;


    color: #333333;


    overflow: hidden;


    text-overflow: ellipsis;


    white-space: nowrap;


    display: block;


}


.news-item .date {


    font-size: 14px;


    font-weight: lighter;


    margin-top: 10px;


    color: #999999;


}


.news-item .info {


    font-size: 16px;


    font-weight: lighter;


    margin-top: 10px;


    color: #666666;


}


.news-item .more {


    float: right;


    margin-top: 15px;


}


.news .gengduo {


    display: block;


    width: 150px;


    height: 44px;


    border-radius: 22px;


    color: #fff;


    text-align: center;


    line-height: 44px;


    background-color: #18aa5a;


    font-size: 16px;


    margin: 60px auto 0;


}


.footer {
    width: 100%;
    background-color: #4ec684;
    font-size: 14px;
    line-height: 30px;
    color: #fff;
}


.footer .container {
    padding: 50px 15px;
    position: relative;
}


.footer .col-lg-7 {
    border-left: 1px solid #7bdea8;
    border-right: 1px solid #7bdea8;
}


.footer .col-lg-8 {
    border-right: 1px solid #7bdea8;
}


.footer .col-lg-4 {
    border-right: 1px solid #7bdea8;
}


.footer .d_lg {
    position: absolute;
    top: 50%;
    left: 15px;
    width: 200px;


    transform: translate(0, -50%);


    -webkit-transform: translate(0, -50%);


    -moz-transform: translate(0, -50%);


    -ms-transform: translate(0, -50%);


    -o-transform: translate(0, -50%);
}


.footer .n_r {
    padding: 0 30px;
}


.footer .ewm {
    width: 60%;
    min-width: 138px;
    margin: 0 auto;
    text-align: center;
}


.footer .ewm p {
    margin-top: 10px;
}


.footer h3 {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
}


.footer ul li {
    display: block;
}


.footer a {
    color: #fff;
}


.footer a:hover {
    color: #fff;
}


.footer img {
    width: 100%;
    height: auto;
    display: block;
}


.footer .b_q {
    padding: 10px 0;
    background-color: #35b16d;
    line-height: 32px;
}


.footer .b_q .container {
    padding: 0 15px;
}


.footer .b_q .z_c {
    float: left;
}


.footer .b_q .y_c {
    float: right;
}


.footer .b_q .y_c a {
    width: 32px;
    display: block;
    float: left;
    margin-left: 10px;
}


@media only screen and (max-width: 992px) {


    .footer {
        font-size: 14px;
        line-height: 26px;
        padding-bottom: 36px;
    }


    .footer .container {
        padding: 30px 15px;
    }


    .footer .col-lg-7 {
        border: 0;
    }


    .footer .col-lg-4 {
        display: none;
    }


    .footer .col-lg-3 {
        display: none;
    }


    .footer .d_lg {
        display: none;
    }


    .footer .n_r {
        padding: 0;
        text-align: center;
        margin-bottom: 20px;
    }


    .footer .n_r p {
        font-size: 12px;
    }


    .footer .ewm {
        width: 40%;
    }


    .footer h3 {
        margin-bottom: 10px;
        font-size: 16px;
        font-weight: normal;
    }


    .footer .b_q {
        padding: 15px 0 10px;
        line-height: 26px;
        text-align: center;
    }


    .footer .b_q .z_c {
        float: none;
    }


    .footer .b_q .y_c {
        float: none;
        margin-top: 10px;
    }


    .footer .b_q .y_c a {
        width: 30px;
        display: inline-block;
        float: none;
        margin: 0 5px;
    }


}


.banquan {


    padding: 15px 0;


    color: #fff;


    background-color: #35b16d;


    text-align: center;


}


.inbanner {


    height: 310px;


}


.ny_ml .container {


    padding: 0;


}


.ny_ml {


    border-bottom: 1px solid #f4f4f4;


}


.ny_ml .ml_l {


    float: left;


}


.ny_ml .ml_l ul,
.ny_ml .ml_l ul div,
.ny_ml .ml_l ul li {


    float: left;


}


.ny_ml .ml_l ul div {


    width: 62px;


    line-height: 63px;


    text-align: center;


    background-color: #f4f4f4;


}


.ml_l img {


    float: left;


}


.ny_ml .ml_l ul li {


    position: relative;


    padding-left: 15px;


}


.ny_ml .ml_l ul li a {


    font-size: 15px;


    color: #666;


    line-height: 63px;


}


.ny_ml .ml_l ul li a.on {


    color: #009900;


}


.ny_ml .ml_l ul li.on::before {


    display: none;


}


.ny_ml .ml_l ul li::before {


    content: "";


    width: 5px;


    height: 2px;


    background-color: #666;


    position: absolute;


    top: 50%;


    margin-top: -1px;


    left: 4px;


}


.ny_ml .ml_r {


    float: right;


}


.ny_ml .ml_r ul li {


    float: left;


    width: 128px;


    margin-left: 1px;


}


.ny_ml .ml_r ul li:hover a {


    background-color: #009900;


    color: #fff !important;


}


.ny_ml .ml_r ul li.on a {


    background-color: #009900;


    color: #fff !important;


}


.ny_ml .ml_r ul li a {


    line-height: 63px;


    display: block;


    background-color: #f4f4f4;


    color: #666;


    font-weight: bold;


    text-transform: uppercase;


    text-align: center;


    font-size: 14px;


}


.abin {


    padding: 70px 0;


}


.intitle {


    font-size: 30px;


    font-weight: bold;


    color: #333333;


    text-align: center;


}


.intitle i {


    display: block;


    width: 40px;


    height: 3px;


    background-color: #009900;


    margin: 15px auto 0;


}


.abinfo {


    margin-top: 70px;


}


.abinfo .t_p {


    width: 500px;


    float: left;


}


.abinfo .t_p img {


    width: 100%;


}


.abinfo:after {


    display: block;


    content: '';


    clear: both;


}


.abinfo .w_z {


    width: 640px;


    float: right;


    padding: 20px 0;


}


.abinfo .w_z .b_t {


    font-size: 25px;


    color: #009900;


}


.abinfo .w_z .info {


    margin-top: 30px;


    font-size: 16px;


    font-weight: lighter;


    color: #666666;


}


.pro_nav {


    display: flex;


    flex-wrap: wrap;


    margin-top: 40px;


}


.pro_nav li a {


    display: block;


    line-height: 45px;


    padding: 0 20px;


    background-color: #f4f4f4;


    margin-right: 5px;


    margin-bottom: 15px;


    color: #666666;


}


.proin {


    padding-bottom: 70px;


}


.proin .intitle {


    margin-top: 40px;


}


.proin_lb {


    margin-top: 40px;


}


.proin-item {


    display: block;


    border: 1px solid #f1f1f1;


    margin-bottom: 20px;


}


.proin-item .t_p {


    overflow: hidden;


}


.proin-item .t_p img {


    width: 100%;


    transition: all ease 2s;


}


.proin-item .w_z {


    display: flex;


    justify-content: space-between;


    align-items: center;


    font-size: 18px;


    font-weight: lighter;


    line-height: 40px;


    padding: 0 15px;


    background-color: #f1f1f1;


    transition: all ease .5s;


    position: relative;


    border-bottom: 2px solid #019901;


    min-height: 82px;

}


.proin-item .w_z .more {

    position: absolute;

    right: 0;

    bottom: 0;

    font-size: 14px;

    line-height: 30px;

    padding: 0 10px;

    background-color: #019901;

    color: #fff;

}

.proin-item .w_z .more img {

    width: 12px;

}

/* .proin-item:hover{



    border: 1px solid #009900;



} */


/* .proin-item:hover .w_z{



    background-color: #009900;



    color: #fff;



} */


.proin-item:hover .t_p img {


    transform: scale(1.1);


}

.proin-item:hover {

    color: #019901;

}


.newsin {


    padding: 70px 0;


}


.newsin-list {


    margin-top: 70px;


}


.newsin-list li {


    width: 100%;


    padding: 35px 0;


    border-bottom: 1px solid #e6e6e6;


    position: relative;


}


.newsin-list li:after {


    display: block;


    content: '';


    clear: both;


}


.newsin-img {


    width: 315px;


    float: left;


    margin-right: 20px;


    overflow: hidden;


}


.newsin-img img {


    width: 100%;


    transition: all ease 2s;


}


.newsin-img:hover img {


    transform: scale(1.1);


}


.newsin-list li .newsin-right {


    display: block;


}


.newsin-list li .rightAll {


    padding-left: 25px;


    position: relative;


    float: right;


    width: 930px;


}


.newsin-list li .rightAll strong {


    display: block;


    font-size: 16px;


}


.newsin-list li .rightAll p {


    margin-bottom: 35px;


    font-size: 14px;


}


.newsin-date {


    display: inline-block;


    margin: 10px 0;


}


.newsin-date img {


    margin-right: 5px;


    margin-bottom: 2px;


}


.from img {


    margin-right: 5px;


    margin-bottom: 5px;


}


.newsin-list .more {


    display: block;


    width: 100px;


    height: 30px;


    color: #fff;


    line-height: 28px;


    text-align: center;


    background-color: #009900;


    border: 1px solid #009900;


}


.newsin-list .more:hover {


    background-color: #fff;


    color: #009900;


}


.solin {


    padding: 70px 0;


}


.solin_lb {


    margin-top: 50px;


}


.solin-item {


    display: flex;


    justify-content: space-between;


    margin-bottom: 20px;


}


.solin-item:nth-child(2n) {


    flex-direction: row-reverse;


}


.solin-item .t_p {


    width: 50%;


}


.solin-item .t_p img {


    width: 100%;


}


.solin-item .w_z {


    width: 50%;


    padding: 60px 70px;


    background-color: #f5f5f5;


}


.solin-item .w_z .b_t {


    font-size: 22px;


    font-weight: bold;


    color: #000000;


    text-align: center;


}


.solin-item .w_z .b_t i {


    display: block;


    width: 48px;


    height: 5px;


    background-color: #009900;


    margin: 20px auto 0;


}


.solin-item .w_z .info {


    margin-top: 20px;


    font-size: 15px;


    color: #666666;


    font-weight: lighter;


}


.solin-item .w_z .more {


    display: block;


    width: 125px;


    height: 38px;


    border: 1px solid #666666;


    line-height: 38px;


    text-align: center;


    font-size: 14px;


    color: #009900;


    font-weight: bold;


    margin: 40px auto 0;


}


.conin {


    padding: 70px 0;


}


.lxwm {


    display: flex;


    align-items: center;


    padding: 30px;


    background-color: #f2f2f2;


    margin-top: 60px;


}


.lxwm .logo3 {


    margin-right: 30px;


    width: 610px;


}


.lxwm .logo3 img {


    width: 100%;


}


.lxwm .w_z .bt {


    font-size: 22px;


    font-weight: bold;


    color: #666666;


}


.lxwm .w_z .info {


    font-size: 15px;


    color: #777777;


    margin-top: 10px;


}


.lxfs {


    display: flex;


    justify-content: space-between;


    margin-top: 70px;


}


.lxfs .ewms {


    display: flex;


    text-align: center;


    font-size: 15px;


    font-weight: lighter;


    line-height: 30px;


}


.lxfs .ewms .ewm1 {


    margin-right: 15px;


}


.lxfs .dh .name {


    font-size: 25px;


    font-weight: bold;


    color: #009900;


}


.lxfs .dh .lx {


    font-size: 15px;


    font-weight: lighter;


    color: #666666;


    line-height: 30px;


    margin-top: 10px;


}


.map {


    margin-top: 60px;


}


.map img {


    max-width: 100%;


}


.cp_xq {
    margin: 70px 0;
}


.cp_xq .t_p {
    border: 1px solid #e7e7e7;


    display: flex;


    align-items: center;
}


.cp_xq .t_p img {
    width: 100%;
    height: auto;
    display: block;
}


.cp_xq .w_z {
    line-height: 30px;
}


.cp_xq .w_z h3 {
    font-size: 18px;
    line-height: 30px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e7e7e7;
}


.cp_xq .w_z p {
    font-size: 16px;
    line-height: 30px;
    color: #777;
}


.cp_xq .w_z a {
    width: 150px;
    height: 36px;
    background-color: #18aa5a;
    font-size: 14px;
    line-height: 36px;
    color: #fff;
    text-align: center;
    display: block;
    margin-top: 15px;
}


.cp_xq .w_z i {
    margin-right: 8px;
    font-size: 18px;
    vertical-align: middle;
}


@media only screen and (max-width: 576px) {


    .num_lb {


        flex-wrap: wrap;


    }


    .num_lb li {


        width: 50%;


        margin-bottom: 10px;


    }


    .num_lb li:nth-child(2n) {


        border-right: none;


    }


    .num_lb li .w_z1 {


        font-size: 30px;


    }


    .num_lb li .w_z2 {


        font-size: 16px;


    }


    .num {


        padding: 15px 0;


    }


    .title1 {


        font-size: 24px;


    }


    .title2 {


        font-size: 24px;


    }


    .sy_cp .swiper-cp {


        margin-top: 25px;


    }


    .sy_gy .g_y {


        margin-top: 30px;


    }


    .news_lb ul li {


        margin-bottom: 15px;


    }


    .news-item .date {


        margin-top: 5px;


    }


    .news-item .info {


        margin-top: 5px;


    }


    .news .gengduo {


        margin-top: 20px;


    }


    .ny_ml .ml_l {


        display: none;


    }


    .ny_ml .ml_r {


        width: 100%;


    }


    .ny_ml .ml_r ul li {


        width: 33%;


    }


    .intitle {


        font-size: 21px;


    }


    .abin {


        padding: 40px 0;


    }


    .abinfo {


        margin-top: 40px;


    }


    .abinfo .t_p {


        width: 100%;


    }


    .abinfo .w_z {


        width: 100%;


    }


    .abinfo .w_z .b_t {


        font-size: 18px;


    }


    .lxwm {


        flex-wrap: wrap;


    }


    .lxfs {


        flex-wrap: wrap;


    }


    .lxfs .ewms {


        width: 100%;


    }


    .lxfs .ewms img {


        width: 100%;


    }


    .inbanner {


        height: 220px;


    }


    .newsin-list {


        margin-top: 30px;


    }


    .newsin {


        padding: 40px 0;


    }


    .newsin-list li {


        padding: 10px 0;


    }


    .newsin-img {


        width: 100%;


    }


    .newsin-list li .rightAll {


        width: 100%;


        padding: 0;


        margin-top: 10px;


    }


    .proin-item .w_z {


        font-size: 14px;


        min-height: 80px;


    }


    .solin {


        padding: 40px 0;


    }


    .solin-item .t_p {


        width: 100%;


    }


    .solin-item .w_z {


        width: 100%;


    }


    .solin-item {


        display: block;


    }


    .solin-item .w_z {


        padding: 30px;


    }


    .ny_nr .cp_xq .t_p {
        margin-bottom: 20px;
    }


    .ny_nr .cp_xq .w_z h3 {
        font-size: 16px;
    }


}


.pages {
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin-top: 50px;
}


.pages a {
    text-decoration: none;
    font-family:"Source Han Sans CN","Microsoft YaHei",Arial,Tahoma,sans-serif;
    margin-left: 5px;
    color: #666;
    font-size: 12px;
    border: solid 1px #ccc;
    padding: 5px 8px;
}


.pages .current-page {
    color: #fff;
    margin-left: 5px;
    font-size: 12px;
    border: solid 1px #009900;
    background: #009900;
    padding: 5px 8px;
}


.pages span {
    text-decoration: none;
    font-family:"Source Han Sans CN","Microsoft YaHei",Arial,Tahoma,sans-serif;
    margin-left: 5px;
    color: #666;
    font-size: 12px;
    border: solid 1px #ccc;
    padding: 5px 8px;
}


.ny_nr .xw_xq {
    padding: 30px 0px;
}


.ny_nr .xw_xq .xq_lf .xq_tl {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 15px;
    color: #009900
}


.ny_nr .xw_xq .xq_lf .xq_fc {
    width: 100%;
    border-bottom: solid 1px #cacaca;
    padding: 20px 0px;
}


.ny_nr .xw_xq .xq_lf .xq_fc .right {
    text-align: right;
}


.ny_nr .xw_xq .xq_nr {
    width: 100%;
    overflow: hidden;
    padding: 20px 0px;
    line-height: 30px;
    font-size: 14px;
}


.ny_nr .xw_xq .xq_nr img {
    max-width: 100%;
    display: block;
}


.ny_nr .xw_xq .xq_fy {
    text-align: center;
    padding: 15px 0px;
}


.ny_nr .xw_xq .xq_fy a {
    display: inline-block;
    margin: 0px 15px;
    padding: 10px 20px;
    background-color: #000000;
    color: #FFFFFF;
    font-size: 14px;
}


.ny_nr .xw_xq .xq_rt {
    width: 100%;
    overflow: hidden;
    margin-top: 56px;
}


.ny_nr .xw_xq .xq_rt .rt_bt {
    font-size: 24px;
    font-weight: bold;
    background-color: #000000;
    color: #FFFFFF;
    padding: 15px 0px;
    text-align: center;
}


.ny_nr .xw_xq .xq_rt .rt_lb li a {
    display: block;
    border-bottom: dashed 1px #cccccc;
    line-height: 56px;
    font-size: 14px;
    color: #666;
}


@media only screen and (max-width: 640px) {


    .ny_nr .xw_xq {
        padding: 20px 0px;
    }


    .ny_nr .xw_xq .xq_lf .xq_tl {
        font-size: 22px;
    }


    .ny_nr .xw_xq .xq_lf .xq_fc {
        padding: 15px 0px;
    }


    .ny_nr .xw_xq .xq_lf .xq_fc .right {
        text-align: center;
    }


    .ny_nr .xw_xq .xq_fy {
        padding: 10px 0px;
    }


    .ny_nr .xw_xq .xq_fy a {
        margin: 0px 10px;
        padding: 10px 15px;
    }


    .ny_nr .xw_xq .xq_rt {
        margin-top: 15px;
    }


    .ny_nr .xw_xq .xq_rt .rt_bt {
        font-size: 20px;
        padding: 10px 0px;
    }


    .ny_nr .xw_xq .xq_rt .rt_lb li a {
        line-height: 40px;
    }


}


.xgcp .bt {


    font-size: 18px;


    font-weight: bold;


    margin-bottom: 20px;


}


.xgcp .row {


    text-align: center;


    line-height: 30px;


}


.xgcp .row img {


    max-width: 100%;


}


.pro_nav li.on a {


    background-color: #009900;


    color: #fff;


}


.pro_nav li:hover a {


    background-color: #009900;


    color: #fff;


}


.abinfo img {


    max-width: 100%;


    margin-right: 15px;


}


.abin .sw {


    margin-top: 50px;


}


.swiper-zp .swiper-button-next {


    width: 40px;


    height: 60px;


    right: 0;


}


.swiper-zp .swiper-button-prev {


    width: 40px;


    height: 60px;


    left: 0;


}


.abin .sw img {


    max-width: 100%;


}


.biaoge td {


    padding: 10px 25px;


}


.xiazai {


    display: block;


    width: 120px;


    height: 36px;


    color: #fff;


    background: #18aa5a;


    text-align: center;


    line-height: 36px;


}


@media only screen and (max-width: 576px) {


    .biaoge td {


        padding: 0;


    }


}


.banquan .contaier:after {


    display: block;


    clear: both;


    content: '';


}


.banquan .container {


    display: flex;


    align-items: center;


    justify-content: space-between;


}


.banquan .container .w_z {


    margin: 0 auto;


}


.banquan .y_c a {
    width: 32px;
    display: block;
    float: left;
    margin-left: 10px;
}

.friend {
    font-size: 14px;
}

.friend a {
    display: inline-block;
    margin-right: 15px;
    color: #fff;
}