@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;
}
.header-bottom .bottom-box img{
    height: 7.3rem;
    margin-top: 1.6rem;
}
.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: 47.4rem;
    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: 5px 10px;
    text-align: center;
    
}
.serve .serve-list{
    display: flex;
    display: -webkit-flex;
    cursor: pointer;
}
.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: 3.8rem;
}
.factory-main .box-3 p{
    display: inline-block;
    width: 29rem;
    font-size: 1.8rem;
    color: #3a3a3a;
    line-height: 2rem;
    margin-top: 3rem;
}
.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: 17rem;
    background-color: #4eb77a;
    margin-top: 3rem;
    overflow: hidden;
}
.factory-main .box-3 .phone i{
    font-size: 9rem;
    color: white;
    float: left;
    margin: 4rem 0 0 2rem;
}
.factory-main .box-3 .phone div{
    margin: 2.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;}
.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;}
.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: 27.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: 27.4rem;
    height: 27.9rem;
    background-color: #333333;
    position: absolute;
    bottom: 1.6rem;
    left: 1.6rem;
}
.reason .reason-wrap .box .img img{width: 27.4rem; height: 27.9rem;}
/* 我们的四大优势 */
.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: 13.25rem;
    color: #5eb943;
    font-size: 4.7rem;
    text-align: center;
    line-height: 13.25rem;
    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: 4.6rem;
    right: -4rem;
}
.advantage-main .wrap-right .box-right{
    width: 68rem;
    height: 53rem;
    position: relative;
}
.advantage-main .wrap-right .box-right .img-box{
    width: 55rem;
    height: 37.7rem;
    background-color: #979797;
}
.advantage-main .wrap-right .box-right .img-box img{width: 55rem;height: 37.7rem;}
.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.7rem;
    font-family: "SourceHanSansCN";
    font-weight: 500;
    color: #5eb943;
    margin-top: 3rem;
}
.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;}
.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/gongsi.jpg) 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;
}
.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: 30px;
	height: 30px;
	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;
	}
}