/*  研发创新  */
.innovation{ width: 100%; display: block; font-size: 0; margin-bottom: .7rem;}
.innovation .title{ display: block; text-align: center; font-size: 0; position: relative; margin: .5rem 0 .2rem;}
.innovation .title::before,.innovation .title::after{ content: ""; vertical-align: middle; height: 1px; width: 2.2rem; display: inline-block; background: #a6a6a6;}
.innovation .title .tit{ display: inline-block; padding: 0 .26rem; vertical-align: middle;}
.innovation .title .tit h2{ display: block; color: #20853a; font-size: .24rem; line-height: .32rem; font-weight: bold;}
.innovation .title .tit h3{ display: block; color: #878787; font-size: .14rem; line-height: .18rem; height: .32rem;; letter-spacing: .03rem;}

.innovation .list{ width: 100%; display: block; position: relative;}
.innovation .list ul{ display: block; text-align: center; font-size: 0;}
.innovation .list ul li{ margin: 0 .1rem; display: inline-block;}
.innovation .list ul li img{ max-width: 100%;}
.innovation .text{ width: 100%; background: #fff; text-align: center; box-sizing: border-box; padding: 0 .7rem;}
.innovation .text p{ font-size: .18rem; color: #a4a6a5; display: block; line-height: .24rem;  margin: 0 0 .3rem 0;}

/*  研发创新  */
.Processing{ width: 100%; display: block; font-size: 0; margin-bottom: .38rem;}
.Processing .title{ display: block; text-align: center; font-size: 0; position: relative; margin: .5rem 0 .2rem;}
.Processing .title::before,.Processing .title::after{ content: ""; vertical-align: middle; height: 1px; width: 2.2rem; display: inline-block; background: #a6a6a6;}
.Processing .title .tit{ display: inline-block; padding: 0 .26rem; vertical-align: middle;}
.Processing .title .tit h2{ display: block; color: #20853a; font-size: .24rem; line-height: .32rem; font-weight: bold;}
.Processing .title .tit h3{ display: block; color: #878787; font-size: .14rem; line-height: .18rem; height: .32rem;; letter-spacing: .03rem;}

.Processing .list{ width: 100%; display: block; position: relative;}
.Processing .list .list-img{ display: block; text-align: center}
.Processing .list .list-img ul{ display: inline-block; width: 50%; text-align: center;}
.Processing .list .list-img ul.w100{ width: 100%;}
.Processing .list .list-img ul li{ display: inline-block; margin: .1rem;}
.Processing .list .list-img ul li img{max-width: 100%;}
.Processing .list .list-img ul li .tit{ display: block; background: #20853a; line-height: .36rem; font-size: .18rem; font-weight: bold; color: #fff;}

.Processing .list .list-img2{ display: block; text-align: center; font-size: 0;}
.Processing .list .list-img2 ul{ display: inline-block; width: 100%; text-align: center;}
.Processing .list .list-img2 ul li{ width: 48%; display: inline-block; margin: 1%;}



.Processing .list .pagination{ position: relative; display: block; text-align: center; margin: .1rem 0; z-index: 2;}
.Processing .list .pagination span{ font-size: .14rem; width: 1.74rem; color: #20853a; border: 2px solid #20853a; box-sizing: border-box; display: inline-block; line-height: .32rem; margin: 0 .1rem; cursor: pointer; position: relative; transition: all 0.3s ease-in-out;}
.Processing .list .pagination span.active{ background: #20853a; color: #fff;}
.Processing .list .pagination span:hover{ background: #20853a; color: #fff;}

/* 中间间隔 */
.ad{ width: 100%; display: block; height: 2.4rem; background: url(../image/ad.jpg) no-repeat center center;}

/* 服务理念 */
.service{ width: 100%; display: block; font-size: 0; margin-bottom: .64rem;}
.service .title{ display: block; text-align: center; font-size: 0; position: relative; margin: .5rem 0 .3rem;}
.service .title::before,.service .title::after{ content: ""; vertical-align: middle; height: 1px; width: 2.2rem; display: inline-block; background: #a6a6a6;}
.service .title .tit{ display: inline-block; padding: 0 .26rem; vertical-align: middle;}
.service .title .tit h2{ display: block; color: #20853a; font-size: .24rem; line-height: .32rem; font-weight: bold;}
.service .title .tit h3{ display: block; color: #878787; font-size: .14rem; line-height: .18rem; height: .32rem;; letter-spacing: .03rem;}
.service .list{ width: 100%; display: block; position: relative;}
.service .list .text{ display: block; text-align: center;}
.service .list .text .img{ display: inline-block; width: 3.9rem; height: 2.94rem; vertical-align: middle}
.service .list .text p{ display: inline-block; vertical-align: middle; width: 2.7rem; color: #727272; font-size: .16rem; line-height: .24rem; text-align: left; text-indent: .32rem; margin: 0 .3rem; margin-top: -.6rem;}
.service .list .text .img{ display: inline-block;}
.service .list .text .img{ display: inline-block;}
.service .list .text .img{ display: inline-block;}

.service .list .text-2{ margin-top: -.73rem;}
.service .list .text-2 p{ margin-top: .6rem;}
@media screen and (max-width: 734px){
    .main{ width: 100%; padding: 0;}
    /*  研发创新  */
    .innovation{ width: 100%; display: block; font-size: 0; margin-bottom: .7rem;}
    .innovation .title{ margin: .3rem 0 0;}
    .innovation .title::before,.innovation .title::after{ width: .8rem;}

    .innovation .list{ width: 100%; display: block; position: relative;}
    .innovation .list ul{ display: block; text-align: center; font-size: 0; box-sizing: border-box; padding: 0 .2rem;}
    .innovation .list ul li{ margin: 0; width: 50%; display: inline-block; box-sizing: border-box;}

    .innovation .list ul li img{ max-width: 100%;}
    .innovation .list ul li:nth-of-type(1){ width: 53%;}
    .innovation .list ul li:nth-of-type(2){ width: 47%;}
    .innovation .list ul li:last-of-type{ width: 100%;}

    .innovation .text{ text-align: left; box-sizing: border-box; padding: 0 .2rem;}
    .innovation .text p{ font-size: .15rem; line-height: 1.5; text-indent: .28rem;  margin: 0 0 .3rem 0;}

    /*  研发创新  */
    .Processing{ width: 100%; display: block; font-size: 0; margin-bottom: .1rem;}
    .Processing .title{ margin: .3rem 0 .2rem; text-transform: uppercase;}
    .Processing .title::before,.Processing .title::after{ width: .4rem;}

    .Processing .list{ width: 100%; display: block; position: relative;}
    .Processing .list .list-img{ display: block; text-align: center}
    .Processing .list .list-img ul{ display: inline-block; width: 100%; text-align: center;}
    .Processing .list .list-img ul.w100{ width: 100%;}
    .Processing .list .list-img ul.w100 li{ width: 48%;}
    .Processing .list .list-img ul li{ display: inline-block; width: 98%; margin: 1%;}
    .Processing .list .list-img ul li img{max-width: 100%;}
    .Processing .list .list-img ul:nth-of-type(3) li{ width: 48%;}
    .Processing .list .list-img ul:nth-of-type(3) li:last-of-type{ width: 98%;}

    .Processing .list .list-img2{ display: block; text-align: center; font-size: 0;}
    .Processing .list .list-img2 ul{ display: inline-block; width: 100%; text-align: center;}
    .Processing .list .list-img2 ul li{ width: 96%; display: inline-block; margin: 2% 2% 0;}
    .Processing .list .list-img2 ul li img{ max-width: 100%;}
/* 中间间隔 */
.ad{ width: 100%; display: block; height: 1.4rem; background: url(../image/ad.jpg) no-repeat center center;}

/* 服务理念 */
.service{ width: 100%; display: block; font-size: 0; margin-bottom: .2rem;}
.service .title{ margin: .3rem 0 .3rem;}
.service .title::before,.service .title::after{ width: .8rem;}

.service .list{ width: 100%; display: block; position: relative; box-sizing: border-box; padding: 0 .2rem;}
.service .list .text{ display: flex; flex-wrap: wrap; justify-content: space-between; text-align: left;}
.service .list .text .img{ display: inline-block; width: 100%; height: auto;}
.service .list .text .img img{ max-width: 100%;}
.service .list .text p{ display: inline-block; margin: .1rem 0; vertical-align: middle; width: 100%; color: #727272; font-size: .14rem; line-height: 1.5; text-align: left; text-indent: .28rem;}
.service .list .text .img{ display: inline-block;}

.service .list .text-2{ margin-top: 0;}
.service .list .text-2 p{ margin-top: 0;}

}