@font-face {
    font-family: 'SourceHanSansCN';
}

@font-face {
    font-family: 'SourceHanSansCN-2';
}

@font-face {
    font-family: 'SourceHanSansCN-3';
}

html {
    font-size: 10px;
    font-family: "SourceHanSansCN-2", Arial, sans-serif;
}

.centered {
    margin: 0 auto;
    width: 130rem;
}


/* 头部样式 */

.header-top {
    width: 100%;
    background-color: #5eb943;
    color: white;
    line-height: 73px;
    font-size: 1.6rem;
}

.header .top-box {
    width: 152rem;
    /* width: 80%; */
}

.header .top-box span {
    margin-right: 3rem;
}

.header .top-box span i {
    font-size: 2rem;
    margin-right: 0.5rem;
}

.header .top-box .sou-suo {
    float: right;
    position: relative;
    margin-right: 10rem;
}

.header .top-box .sou-suo input {
    width: 22rem;
    height: 4.2rem;
    padding: 0 1rem;
    border: 0.2rem white solid;
    background-color: #5eb943;
    vertical-align: middle;
    outline: none;
    /* border-radius: 1.2rem; */
    color: white;
}

.header .top-box .sou-suo input::-webkit-input-placeholder {
    color: #fff;
}

.header .top-box .sou-suo button {
    width: 4.6rem;
    height: 4.6rem;
    border: 0.1rem white solid;
    background-color: #FFFFFF;
    vertical-align: middle;
    border-left: none;
    outline: none;
    color: #5eb943;
    /* border-radius: 1.2rem; */
    position: absolute;
    top: 1.5rem;
    right: 0;
    cursor: pointer;
}

@media (max-width:1500px) {
    .header .top-box .sou-suo button {
        top: 2.4rem;
    }
}

.header .top-box .sou-suo button:hover {
    background-color: #e00000;
    color: #FFFFFF;
}

.header .top-box .sou-suo i {
    font-size: 2.7rem;
}

.header-bottom .bottom-box {
    width: 152rem;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
}

.header-bottom .bottom-box img {
    height: 4.2rem;
    object-fit: contain;
}

.bottom-box .navgation li {
    float: left;
    margin-left: 3rem;
    position: relative;
    cursor: pointer;
}

.bottom-box .navgation li a {
    font-size: 1.7rem;
    line-height: 11rem;
    color: #3c3c3c;
}

.bottom-box .navgation .ac a,
.bottom-box .navgation .ac-2 a {
    color: #5eb943;
}

.bottom-box .navgation .ac::after,
.bottom-box .navgation .ac-2::after {
    content: "";
    display: inline-block;
    height: 0.2rem;
    background-color: #5eb943;
    width: 100%;
    position: absolute;
    bottom: 3.4rem;
    left: 0;
}

.bottom-box .navgation .erji {
    position: absolute;
    top: 11rem;
    left: 50%;
    margin-left: -7rem;
    z-index: 10;
}

.bottom-box .navgation .erji li {
    width: 14rem;
    padding: 1.4rem 0;
    margin: 0;
    font-size: 1.6rem;
    line-height: 1rem;
    color: white;
    text-align: center;
    background-color: #03913e;
}

.bottom-box .navgation .erji li a {
    width: 14rem;
    padding: 0;
    margin: 0;
    font-size: 1.6rem;
    line-height: 1rem;
    color: white;
    text-align: center;
    background-color: #03913e;
}

.bottom-box .navgation .erji .ac-3 {
    background-color: white;
    color: #5eb943;
}

.bottom-box .navgation .erji .ac-3 a {
    background-color: white;
    color: #5eb943;
}

.hide {
    display: none;
}


/* banner 样式 */


/* 四大服务 */

.serve {
    width: 58vw;
    display: flex;
    display: -webkit-flex;
    padding: 4rem 4.8rem;
    justify-content: space-between;
    box-shadow: 0rem 0rem 2rem rgba(0, 0, 0, .2);
}


/* 
.firstRow {
    background: #5eb943;
    color: #fff;
    height: 45px;
    line-height: 45px;
} */

table td {
    padding: 10px 10px;
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    line-height: 26px;
}

.serve .serve-list {
    display: flex;
    display: -webkit-flex;
    cursor: pointer;
    align-items: center;
}

.serve .serve-list div {
    color: #292929;
    margin-left: 2.5rem;
    margin-top: 0.8rem;
}

.serve .serve-list div p {
    font-size: 2.17rem;
    font-family: "SourceHanSansCN";
}

.serve .serve-list div em {
    font-style: normal;
    font-size: 1.5rem;
    font-family: "SourceHanSansCN";
    line-height: 3rem;
}


/* 实力厂家-合作共赢 */

.factory {
    padding-top: 8rem;
}

.factory-title {
    text-align: center;
}

.factory-title h2 {
    font-size: 2.6rem;
    color: #5eb943;
    font-family: "SourceHanSansCN-3";
}

.factory-title h2 span {
    color: #333333;
}

.factory-title p {
    font-family: "SourceHanSansCN";
    font-size: 1.8rem;
    color: #979797;
}

.factory-title .gradient {
    width: 12.4rem;
    height: 0.4rem;
    margin: 0 auto;
    background-image: linear-gradient(to right, #333333 0%, #333333 50%, #5eb943 50%, #5eb943 100%);
    margin-top: 1.5rem;
    margin-bottom: 2.2rem;
}

.factory-main {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    padding-top: 5rem;
}

.factory-main .box-1 {
    width: 36rem;
    height: 55.3rem;
    background-color: #008d1f;
    padding: 0 2.4rem;
    position: relative;
}

.factory-main .box-1 img {
    opacity: .3;
    position: absolute;
    top: 0;
    left: 0;
    width: 40.8rem;
    height: 55.3rem;
}

.factory-main .box-1 h3 {
    font-size: 2.2rem;
    color: white;
    font-family: "SourceHanSansCN-3";
    margin-top: 3.8rem;
}

.factory-main .box-1 p {
    font-size: 1.8rem;
    color: white;
    line-height: 3rem;
    margin-top: 4rem;
}

.factory-main .box-1 em {
    font-size: 2rem;
    color: white;
    font-family: "SourceHanSansCN";
    line-height: 3rem;
    position: absolute;
    left: 2.4rem;
    bottom: 3rem;
    cursor: pointer;
}

.factory-main .box-1 i {
    font-size: 3rem;
    margin-right: 1.5rem;
}

.factory-main .box-2 {
    width: 40.8rem;
    height: 55.3rem;
}

.factory-main .box-2 img {
    width: 40.8rem;
    height: 55.3rem;
}

.factory-main .box-3 {
    background: url(../images/serve-icon5.png) no-repeat;
    background-size: 40.8rem 55.3rem;
}

.factory-main .box-3 h2 {
    font-size: 3.4rem;
    color: #5eb943;
    font-weight: 500;
    line-height: 4rem;
}

.factory-main .box-3 h3 {
    font-size: 3.4rem;
    color: #121212;
    font-weight: 500;
    margin-top: 1.8rem;
}

.factory-main .box-3 p {
    display: inline-block;
    width: 90%;
    font-size: 1.8rem;
    color: #3a3a3a;
    line-height: 2rem;
    margin-top: 2rem;
}

.factory-main .box-3 .lianxi {
    width: 14.4rem;
    height: 5.4rem;
    border: 0.3rem #5eb943 solid;
    border-radius: 1.4rem;
    text-align: center;
    margin-top: 3.7rem;
    cursor: pointer;
    transition: all .2s linear;
}

.factory-main .box-3 .lianxi:hover a {
    color: white;
}

.factory-main .box-3 .lianxi a {
    color: #5eb943;
    font-size: 2.2rem;
    line-height: 5.4rem;
}

.factory-main .box-3 .phone {
    height: 15rem;
    background-color: #4eb77a;
    margin-top: 7rem;
    overflow: hidden;
}

.factory-main .box-3 .phone i {
    font-size: 9rem;
    color: white;
    float: left;
    margin: 3rem 0 0 2rem;
}

.factory-main .box-3 .phone div {
    margin: 4.6rem 0 0 12rem;
}

.factory-main .box-3 .phone p {
    color: white;
    font-size: 3.4rem;
    font-family: "SourceHanSansCN";
    line-height: 1rem;
}


/* 产品中心 */

.product {
    padding-top: 7rem;
}

.product .product-nav {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    margin-top: 6rem;
}

.product .nav-1 {
    width: 29.2rem;
    height: 9.3rem;
    background-color: white;
    border: 0.3rem #5eb943 solid;
    text-align: center;
    font-size: 2rem;
    color: #5eb943;
    line-height: 9.3rem;
    font-family: "SourceHanSansCN";
    position: relative;
    cursor: pointer;
}

.product .nav-1::after {
    content: "";
    display: block;
    width: 2.2rem;
    height: 2.2rem;
    background-color: #5eb943;
    position: absolute;
    top: 0;
    right: 0;
}

.product .ac2 {
    color: white;
}

.product .ac2-2 {
    background-color: #5eb943;
}

.product .ac2::after {
    background-color: white;
}

.product .small-nav {
    display: flex;
    display: -webkit-flex;
    padding: 3.5rem 0 2.4rem 0;
    border-bottom: 0.1rem #5eb943 solid;
}

.product .small-nav li {
    font-size: 1.8rem;
    color: #3e3e3e;
    position: relative;
    margin-left: 3rem;
    margin-right: 3rem;
    font-family: "SourceHanSansCN";
    cursor: pointer;
}

.product .small-nav li:hover {
    color: #5eb943;
}

.product .small-nav li::before {
    content: url(../image/small-title-icon.png);
    position: absolute;
    top: -0.4rem;
    left: -1.6rem;
}

.product .bag-list {
    width: 124.4rem;
    height: 44.4rem;
    margin-bottom: 10rem;
    background: url(../images/product-bg.png) #4eb77a no-repeat;
    padding: 2.8rem;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
}

.product .bag-list .bag-left {
    width: 52rem;
    overflow: hidden;
}

.product .bag-list .ul-wrap {
    border-top: 0.2rem white solid;
    border-bottom: 0.2rem #a7dbbd solid;
    margin-top: 6.4rem;
    margin-left: 1.4rem;
    padding: 2.6rem 0;
    font-size: 2rem;
    color: white !important;
    font-family: "SourceHanSansCN";
    line-height: 2.6rem;
    height: 18rem;
    overflow: hidden;
}

.product .bag-list .bag-left p {
    color: white;
    font-size: 1.7rem;
    margin: 4rem 0 3rem 1.4rem;
}

.product .bag-list .ul-wrap h5 {
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.product .bag-list .ul-wrap h5 span {
    display: block;
    width: 48% !important;
    float: left;
    font: 16px "Microsoft YaHei UI";
    line-height: 49px;
    border-bottom: 1px solid #dadcde;
}

.product .bag-list .ul-wrap p {
    font: 1.7rem;
    line-height: 25px;
    color: #666;
    margin: 10px 0;
    color: white;
}

.product .bag-list .ul-wrap ul {
    padding: 0 2.2rem;
    border-right: 0.1rem #83cda2 solid;
}

.product .bag-list .ul-wrap .fast {
    padding-left: 0;
}

.product .bag-list .ul-wrap .last {
    padding: 0 0 0 2.2rem;
    border-right: none;
}

.product .bag-list .ul-wrap li {
    font-size: 2rem;
    color: white;
    font-family: "SourceHanSansCN";
    line-height: 3.6rem;
}

.product .bag-list .bag-left h2 {
    color: white;
    font-size: 1.8rem;
    margin-left: 1.4rem;
    display: block;
    width: 13.8rem;
    height: 4.5rem;
    font-weight: 400;
    border: 0.2rem white solid;
    border-radius: 1rem;
    text-align: center;
    line-height: 4.5rem;
    cursor: pointer;
}

.product .bag-list .bag-left h2:hover {
    color: #5eb943;
}

.product .bag-list .bag-right {
    width: 69rem;
    height: 44.4rem;
    background-color: white;
    border-radius: 2rem;
    position: relative;
    overflow: hidden;
    transition: all .2s linear;
}

.product .bag-list .bag-right .img-wrap {
    width: 276rem;
    transition: all .5s linear;
}

.product .bag-list .bag-right .img-wrap img {
    border-radius: 2rem;
    float: left;
    width: 69rem;
    height: 44.4rem;
}

.product .bag-list .bag-right .prev {
    position: absolute;
    top: 45%;
    left: 2.5rem;
    cursor: pointer;
}

.product .bag-list .bag-right .next {
    position: absolute;
    top: 45%;
    right: 2.5rem;
    cursor: pointer;
}

.product .product-list {
    padding: 3.4rem 0 4rem 0;
}

.product .product-list .list-wrap {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
}

.product .product-list .list-left {
    width: 63.2rem;
    height: 61rem;
    background-color: #bdbdbd;
    padding-top: 0.6rem;
    cursor: pointer;
    transition: all .2s linear;
}

.product .product-list .list-left .tupian {
    width: 62rem;
    height: 47.6rem;
    background-color: white;
    margin: 0 auto;
}

.product .product-list .list-left .tupian img {
    width: 62rem;
    height: 47.6rem;
    object-fit: contain;
}

.product .product-list .list-left .text {
    padding: 0 3.4rem;
}

.product .product-list .list-left .text h2 {
    font-size: 2rem;
    color: white;
    font-weight: 500;
    margin-top: 2.7rem;
    position: relative;
}

.product .product-list .list-left .text i {
    font-size: 5rem;
    position: absolute;
    top: -1.6rem;
    right: 0;
}

.product .product-list .list-left .text div {
    width: 4.9rem;
    height: 0.3rem;
    background-color: white;
    margin: 1.4rem 0;
}

.product .product-list .list-left .text p {
    font-size: 1.4rem;
    color: white;
    line-height: 2rem;
}

.product .product-list .list-left:hover {
    background-color: #4eb77a;
    box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.3);
    transform: translate3d(0, -4px, 0);
}

.product .product-list .list-right {
    width: 63rem;
    height: 61.6rem;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-content: space-between;
}

.product .product-list .list-right .right-wrap {
    width: 29.6rem;
    height: 28.2rem;
    background-color: #bdbdbd;
    padding-top: 0.4rem;
    cursor: pointer;
    transition: all .2s linear;
}

.product .product-list .list-right .right-wrap:hover {
    background-color: #4eb77a;
    box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.3);
    transform: translate3d(0, -4px, 0);
}

.product .product-list .list-right .right-wrap .tupian {
    width: 28.8rem;
    height: 22rem;
    background-color: white;
    margin: 0 auto;
}

.product .product-list .list-right .right-wrap .tupian img {
    width: 28.8rem;
    height: 22rem;
    object-fit: cover;
}

.product .product-list .list-right .right-wrap .text {
    padding: 0 1.7rem;
}

.product .product-list .list-right .right-wrap .text h2 {
    font-size: 2rem;
    color: white;
    line-height: 6rem;
    font-weight: 500;
    position: relative;
}

.product .product-list .list-right .right-wrap .text i {
    font-size: 4rem;
    color: white;
    line-height: 6rem;
    font-weight: 500;
    position: absolute;
    top: 0;
    right: 0;
}

.product .hide {
    display: none !important;
}


/* 为什么选择我们 */

.why {
    width: 100%;
    height: 55.6rem;
    background: url(../images/why-bg.jpg);
    text-align: center;
    color: white;
    overflow: hidden;
}

.why h1 {
    font-size: 3.4rem;
    font-family: 'SourceHanSansCN-3', Arial, sans-serif;
    margin-top: 9.1rem;
}

.why div {
    width: 5rem;
    height: 0.3rem;
    background-color: #5eb943;
    margin: 0 auto;
    margin-top: 2.4rem;
    margin-bottom: 2.2rem;
}

.why p {
    font-size: 1.6rem;
    line-height: 2rem;
}


/* 选择我们的八大理由 */

.reason {
    width: 100%;
    height: 72rem;
    background-color: #efefef;
    position: relative;
}

.reason .reason-wrap {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: absolute;
    top: -22rem;
    left: 50%;
    margin-left: -65rem;
}

.reason .reason-wrap .box {
    width: 38.4rem;
    height: 38.7rem;
    color: #898989;
    padding: 1.6rem 1.6rem;
    position: relative;
    background: url(../images/dianziban-icon.png) white no-repeat;
    background-size: 3rem;
    background-position: top 1.75rem right 1.6rem;
    margin-bottom: 3.3rem;
    cursor: pointer;
    transition: all .2s linear;
}

.reason .reason-wrap .box:hover {
    color: #5eb943;
    /* background-color: #03913e; */
    box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.3);
    transform: translate3d(0, -4px, 0);
}

.reason .reason-wrap .box h3 {
    font-size: 2.4rem;
    font-family: "SourceHanSansCN";
    font-weight: 500;
    margin-top: 0.6rem;
}

.reason .reason-wrap .box p {
    font-size: 1.6rem;
    line-height: 2.2rem;
    margin-top: 1.8rem;
}

.reason .reason-wrap .box .img {
    width:100%;
    height: 27.9rem;
    background-color: #333333;
    position: absolute;
    bottom: 1.6rem;
    left: 1.6rem;
}

.reason .reason-wrap .box .img img {
    width: 100%;
    height: 27.9rem;
    object-fit: cover;
}


/* 我们的四大优势 */

.advantage {
    width: 100%;
    background-color: #efefef;
}

.advantage-main {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    padding-top: 5.4rem;
}

.advantage-main .box-left {
    width: 44.8rem;
    height: 53rem;
    background: url(../images/youshi-bg.jpg) no-repeat;
    position: relative;
    background-size: 44.8rem 53rem;
}

.advantage-main .box-left img {
    width: 44.8rem;
    height: 53rem;
}

.advantage-main .box-left p {
    font-size: 1.48rem;
    color: white;
    line-height: 2rem;
    font-family: "SourceHanSansCN";
    position: absolute;
    bottom: 6.8rem;
    right: 8.3rem;
}

.advantage-main .box-zhong li {
    width: 8.4rem;
    height: 88.1px;
    color: #5eb943;
    font-size: 3.7rem;
    text-align: center;
    line-height: 88px;
    background: url(../images/youshi-bg2.jpg) no-repeat;
    cursor: pointer;
}

.advantage-main .box-zhong .ac3 {
    background: #008d1f;
    color: white;
    position: relative;
}

.advantage-main .box-zhong .ac3::after {
    content: "";
    display: block;
    border: 2rem transparent solid;
    border-left-color: #008d1f;
    position: absolute;
    top: 2.5rem;
    right: -3rem;
}

.advantage-main .wrap-right .box-right {
    width: 68rem;
    height: 53rem;
    position: relative;
}

.advantage-main .wrap-right .box-right .img-box {
    width: 68rem;
    height: 37.7rem;
    background-color: #979797;
}

.advantage-main .wrap-right .box-right .img-box img {
    width: 100%;
    height: 37.7rem;
    object-fit: cover;
}

.advantage-main .wrap-right .box-right .bag-title {
    width: 13.9rem;
    height: 37.7rem;
    background-color: #5eb943;
    position: absolute;
    top: 0;
    right: 0;
    color: white;
    font-size: 4.05rem;
    font-family: "SourceHanSansCN";
    line-height: 6.7rem;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
}

.advantage-main .wrap-right .box-right h1 {
    font-size: 2.5rem;
    font-family: "SourceHanSansCN";
    font-weight: 500;
    color: #5eb943;
    margin-top: 2rem;
}

.advantage-main .wrap-right .box-right .xiantiao {
    width: 11rem;
    height: 0.2rem;
    background-color: #5eb943;
    margin: 1.8rem 0 2.4rem 0;
}

.advantage-main .wrap-right .box-right p {
    font-size: 1.6rem;
    color: #353535;
    line-height: 2.4rem;
}

.advantage-main .hide {
    display: none;
}


/* 领域案例 */

.case {
    width: 100%;
    background-color: #efefef;
    padding-top: 10.8rem;
    padding-bottom: 10rem;
}

.case-wrap .case-main {
    display: flex;
    display: -webkit-flex;
    margin-top: 4.6rem;
}

.case-wrap .case-main .case-left {
    width: 68.6rem;
    height: 53.2rem;
    background-color: white;
    padding: 2.7rem;
}

.case-wrap .case-main .case-left .img-list {
    width: 68.6rem;
    height: 53.2rem;
    overflow: hidden;
}

.case-wrap .case-main .case-left .img {
    width: 274.4rem;
    display: flex;
    display: -webkit-flex;
    cursor: pointer;
    transition: all .3s linear;
}

.case-wrap .case-main .case-left .img img {
    width: 68.6rem;
    height: 53.2rem;
    object-fit: contain;
}

.case-wrap .case-main .case-right {
    width: 52rem;
    height: 53.1rem;
    background-color: #5eb943;
    color: white;
    padding-top: 5.5rem;
    padding-left: 4rem;
    position: relative;
}

.case-wrap .case-main .case-right .text2 h1 {
    font-size: 2.4rem;
    font-weight: 400;
    font-family: "SourceHanSansCN";
}

.case-wrap .case-main .case-right .text2 em {
    font-size: 1.4rem;
    display: inline-block;
    margin: 2rem 0 2.6rem 0;
}

.case-wrap .case-main .case-right .text2 div {
    width: 6rem;
    height: 0.2rem;
    background-color: white;
}

.case-wrap .case-main .case-right .text2 p {
    font-size: 1.6rem;
    line-height: 3rem;
    width: 47rem;
    margin: 2rem 0 5rem 0;
}

.case-wrap .case-main .case-right .text2 h3 {
    font-size: 1.6rem;
    font-weight: 400;
    color: white;
}

.case-wrap .case-main .case-right .btn {
    display: flex;
    display: -webkit-flex;
    width: 47rem;
    justify-content: space-between;
    position: absolute;
    bottom: 3rem;
}

.case-wrap .case-main .case-right .btn i {
    font-size: 7rem;
    cursor: pointer;
    line-height: 7rem;
}

.case-wrap .case-main .case-right .btn ul {
    margin-top: 3rem;
}

.case-wrap .case-main .case-right .btn li {
    width: 1.2rem;
    height: 1.2rem;
    background-color: white;
    border-radius: 50%;
    float: left;
    margin: 0 0.6rem;
}

.case-wrap .case-main .case-right .btn .ac5 {
    background-color: #3e825b;
}

.case-wrap .case-bottom ul {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    margin-top: 3.7rem;
}

.case-wrap .case-bottom li {
    width: 17.6rem;
    height: 6.9rem;
    background-color: #c1c1c1;
    display: flex;
    display: -webkit-flex;
    padding-top: 2.5rem;
    padding-left: 3rem;
    cursor: pointer;
}

.case-wrap .case-bottom li h3 {
    font-size: 2.08rem;
    color: white;
    font-weight: 400;
    margin-top: 0.25rem;
}

.case-wrap .case-bottom li p {
    font-size: 1.46rem;
    color: white;
    line-height: 2.8rem;
}

.case-wrap .case-bottom li img {
    height: 4.3rem;
    margin-right: 1.2rem;
}

.case .hide {
    display: none;
}


/* 关于我们 */

.about {
    width: 100%;
    height: 70rem;
    background: url(../images/about4.png) no-repeat;
    position: relative;
    background-size: 192rem auto;
}

.about .about-title {
    text-align: center;
    padding-top: 5.4rem;
}

.about .about-title h1 {
    font-size: 3rem;
    font-family: "SourceHanSansCN-3";
    font-weight: 500;
    color: #03913e;
}

.about .about-title p {
    font-size: 2.2rem;
    font-family: "SourceHanSansCN-3";
    color: #3b3b3b;
    margin-top: 1.5rem;
}

.about .about-main {
    display: flex;
    display: -webkit-flex;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -65rem;
}

.about .about-main .left {
    width: 55.8rem;
    height: 36.5rem;
    background-color: rgba(255, 255, 255, .8);
    position: relative;
    padding: 4.7rem 2.4rem 0 2.4rem;
    position: relative;
}

.about .about-main .right {
    width: 74.2rem;
    height: 41.2rem;
    background-color: rgba(0, 0, 0, .6);
}

.about .about-main .right img {
    display: block;
    margin: 0 auto;
    margin-top: 13.8rem;
    filter: grayscale(100%) brightness(200%);
}

.about .about-main .left img {
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
}

.about .about-main .left h1 {
    font-family: "SourceHanSansCN-3";
    font-size: 2.6rem;
    font-weight: 500;
}

.about .about-main .left .xiaxian {
    width: 10.3rem;
    height: 0.2rem;
    background-color: #5eb943;
    margin-top: 1.6rem;
    margin-bottom: 2.1rem;
}

.about .about-main .left p {
    font-size: 1.6rem;
    color: #3b3b3b;
    line-height: 2.6rem;
}

.about .about-main .left .more {
    width: 15rem;
    height: 4rem;
    border: 0.2rem #606060 solid;
    text-align: center;
    font-size: 1.6rem;
    color: #3b3b3b;
    line-height: 4rem;
    position: absolute;
    bottom: 3rem;
    right: 3.9rem;
    cursor: pointer;
}

.about .about-main .left .more:hover {
    color: white;
    border: 0.2rem #008d1f solid;
}

.about .about-bottom {
    height: 24.7rem;
    position: absolute;
    bottom: -24.7rem;
    left: 50%;
    margin-left: -65rem;
    box-shadow: 0rem 0rem 2rem rgba(0, 0, 0, .2);
    background: url(../images/sidatubiao.jpg) no-repeat;
    background-size: 130rem auto;
}

.about .about-bottom img {
    width: 130rem;
}


/* 新闻中心 */

.news {
    padding-top: 7.4rem;
    padding-bottom: 13.8rem;
}

.news .news-title {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
}

.news .news-title p {
    font-size: 2rem;
    font-family: "SourceHanSansCN";
    color: #909090;
}

.news .news-title li {
    float: left;
    font-size: 2rem;
    font-family: "SourceHanSansCN";
    color: #909090;
    margin-left: 2.4rem;
    cursor: pointer;
}

.news .news-title .ac4 {
    color: #5eb943;
}

.news .news-title .ac4::after {
    content: "";
    display: block;
    height: 0.2rem;
    background-color: #5eb943;
    margin-top: 0.8rem;
}

.news .news-wrap {
    margin-top: 3.2rem;
}

.news .news-main {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
}

.news .news-main .news-left {
    width: 65rem;
    height: 55.4rem;
    cursor: pointer;
    padding: 1.2rem;
    transition: all .2s linear;
}

.news .news-main .news-left img {
    width: 65rem;
    height: 35.1rem;
}

.news .news-main .news-left:hover {
    box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.2);
    transform: translate3d(0, -2px, 0);
}

.news .news-main .news-left:hover .time h1 {
    color: #03913e;
}

.news .news-main .news-left:hover .time p {
    color: #03913e;
}

.news .news-main .news-left:hover h2 {
    color: #03913e;
}

.news .news-main .news-left .time {
    margin-top: 3.5rem;
    margin-bottom: 2.4rem;
    position: relative;
}

.news .news-main .news-left .time h1 {
    font-size: 3.77rem;
    font-family: "SourceHanSansCN";
    color: #515151;
    font-weight: 500;
}

.news .news-main .news-left .time p {
    font-size: 1.8rem;
    font-family: "SourceHanSansCN";
    color: #515151;
}

.news .news-main .news-left .time i {
    font-size: 3.8rem;
    color: #5eb943;
    position: absolute;
    right: 0;
    top: 0;
}

.news .news-main .news-left h2 {
    font-size: 1.8rem;
    font-family: "SourceHanSansCN";
    color: #181818;
    font-weight: 500;
    margin-bottom: 2.2rem;
}

.news .news-main .news-left p {
    font-size: 1.4rem;
    color: #545454;
    line-height: 1.8rem;
}

.news .news-main .news-right {
    width: 60.4rem;
    height: 57.8rem;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    justify-content: space-between;
}

.news .news-main .news-right .box-1 {
    display: flex;
    display: -webkit-flex;
    cursor: pointer;
    transition: all .2s linear;
    padding: 1.2rem;
}

.news .news-main .news-right .box-1 .img img {
    width: 19rem;
    height: 15.3rem;
}

.news .news-main .news-right .box-1:hover {
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
    transform: translate3d(0, -2px, 0);
}

.news .news-main .news-right .box-1:hover .time h1 {
    color: #03913e;
}

.news .news-main .news-right .box-1:hover .time p {
    color: #03913e;
}

.news .news-main .news-right .box-1:hover h2 {
    color: #03913e;
}

.news .news-main .news-right .txt {
    padding-left: 3.9rem;
}

.news .news-main .news-right .txt .time {
    position: relative;
    margin-bottom: 2.3rem;
}

.news .news-main .news-right .txt .time h1 {
    font-size: 3.5rem;
    font-family: "SourceHanSansCN";
    color: #515151;
    font-weight: 500;
}

.news .news-main .news-right .txt .time p {
    font-size: 1.8rem;
    font-family: "SourceHanSansCN";
    color: #515151;
}

.news .news-main .news-right .txt .time i {
    font-size: 3.6rem;
    font-family: "SourceHanSansCN";
    color: #5eb943;
    position: absolute;
    top: 0;
    right: 0;
}

.news .news-main .news-right .txt h2 {
    font-size: 1.8rem;
    font-family: "SourceHanSansCN";
    color: #181818;
    font-weight: 400;
    margin-bottom: 1.4rem;
}

.news .news-main .news-right .txt p {
    font-size: 1.4rem;
    color: #545454;
    line-height: 2.2rem;
}

.news .news-bottom div {
    float: left;
    margin-top: 6rem;
}

.news .news-bottom .prev,
.news .news-bottom .next {
    width: 3.2rem;
    height: 3.2rem;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.news .news-bottom .prev {
    background-color: #838383;
}

.news .news-bottom .next {
    background-color: #575757;
}

.news .news-bottom div i {
    font-size: 2.6rem;
    color: white;
    font-weight: 200;
}

.news .news-bottom .gengduo {
    font-size: 1.8rem;
    color: black;
    line-height: 3.2rem;
    float: right;
    cursor: pointer;
}

.news .news-bottom .gengduo:hover {
    color: #5eb943;
}

.news .hide {
    display: none;
}


/* 友情链接 */

.links {
    border-top: 0.1rem #b3e0c6 solid;
    padding: 3.1rem 0;
}

.links h2 {
    font-size: 2.4rem;
    color: #5eb943;
    font-weight: 500;
    margin-bottom: 3.8rem;
}

.links span {
    font-size: 1.8rem;
    line-height: 2.2rem;
    color: #696969;
    margin-right: 2rem;
}


/* 底部导航栏 */

.footer {
    width: 100%;
    /*height: 52.2rem;*/
    background-color: #18191b;
}

.footer .contact {
    text-align: center;
    padding-top: 6.9rem;
    padding-bottom: 4.4rem;
    border-bottom: 0.2rem #3e3e3e solid;
}

.footer .contact h1 {
    font-size: 4rem;
    color: #5eb943;
    font-weight: 500;
    font-family: "SourceHanSansCN";
}

.footer .contact p {
    font-size: 2rem;
    color: #969697;
    font-family: "SourceHanSansCN";
    margin-top: 2.2rem;
    margin-bottom: 3.5rem;
}

.footer .contact div {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
}

.footer .contact .input-1 {
    width: 30.3rem;
    height: 5rem;
    outline: none;
    border: none;
    box-shadow: none;
    background-color: #292929;
    padding: 0 2rem;
    font-size: 2rem;
    font-family: "SourceHanSansCN";
    color: #3e3e3e;
}

.footer .contact .input-2 {
    width: 17.6rem;
    height: 5rem;
    background-color: #5eb943;
    border: none;
    box-shadow: none;
    outline: none;
    padding: 0;
    color: white;
    font-size: 2rem;
    font-family: "SourceHanSansCN";
    cursor: pointer;
}

.footer .footer-bottom {
    padding-top: 3.2rem;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
}

.footer .footer-bottom p {
    font-size: 1.8rem;
    font-family: "SourceHanSansCN";
    color: #969697;
    line-height: 4.6rem;
}

.footer .footer-bottom a {
    color: #969697;
}

.footer .footer-bottom span {
    margin-right: 7rem;
}

.footer .footer-bottom .erweima-wrap {
    display: flex;
    display: -webkit-flex;
    text-align: center;
    margin-top: 2rem;
}

.footer .footer-bottom .erweima-wrap img {
    width: 13.8rem;
    height: 12.7rem;
}

@media (max-width:1500px) {
    html {
        font-size: 8px;
    }
    .product .bag-list .ul-wrap {
        height: 20rem;
    }
    .product .bag-list .bag-left p {
        margin: 2rem 0 3rem 1.4rem;
    }
    .product .bag-list .bag-left p span {
        margin: -12px 0 0 0 !important;
    }
}

.top-box {
    position: relative;
}

.top-box .en-cn {
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -2.3rem;
    z-index: 999;
    text-align: center;
    width: 8rem;
    height: 4.6rem;
    background-color: white;
}

.top-box .en-cn:hover .qiehuan {
    display: block;
}

.qiehuan {
    display: none;
    text-align: center;
    height: 10rem;
    background-color: white;
    border-top: 2px solid #5eb943;
}

.qiehuan a {
    display: block;
    width: 8rem;
    height: 4.6rem;
    color: #5eb943;
}

.qiehuan a:hover {
    color: white;
    background-color: #5eb943;
}

@charset "utf-8";

/* banner */

.c-banner {
    width: 100%;
    position: relative;
}

.c-banner img {
    width: 100%;
}

.c-banner .banner ul {
    list-style: none;
    padding-left: 0px;
    margin-bottom: 0px;
}

.c-banner .banner ul li {
    position: absolute display: none;
    opacity: 0;
}

.c-banner .banner ul li:nth-child(1) {
    opacity: 1;
    display: block;
}

.c-banner .banner ul li img {
    width: 100%;
    position: absolute;
    top: 0px;
}

.c-banner .banner ul li:first-child img {
    position: relative;
}

.c-banner .nexImg,
.c-banner .preImg {
    padding: 25px 10px 25px 10px;
    position: absolute;
    top: 50%;
    margin-top: -53px;
    background: #000000;
    opacity: 0.5;
    border-radius: 5px;
    z-index: 10;
}

.c-banner .nexImg:hover,
.c-banner .preImg:hover {
    opacity: 0.8;
}

.c-banner .nexImg {
    right: 0px;
}

.c-banner .nexImg img,
.c-banner .preImg img {}

.c-banner .jumpBtn {
    width: 100%;
    position: absolute;
    bottom: 20px;
    text-align: center;
}

.c-banner .jumpBtn ul {
    margin-bottom: 0px;
    padding: 0px;
}

.c-banner .jumpBtn ul li {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    background-color: white;
    opacity: 0.9;
    margin-left: 10px;
}

.c-banner .jumpBtn ul li:first-child {
    margin-left: 0px;
}

@media screen and (max-width:768px) {
    .c-banner {
        width: 100%;
        height: 345px;
        overflow: hidden;
    }
    .c-banner .banner ul li img {
        width: 768px;
        height: 345px;
        position: absolute;
        left: 50%;
        margin-left: -384px;
    }
}