body {

    min-width: 1200px;

}



#service {

    background-color: #ededed;

}



#service .banner {

    height: 300px;

 

    background-size: cover;

    color: #fff;

    position: relative;

}



#service .banner .word {

    position: absolute;

    left: 13.5%;

    top: 140px;

}



#service .banner .word .title {

    margin-bottom: 20px !important;

    font-size: 36px;

}



#service .banner .word .sub-title {

    margin-bottom: 30px !important;

    font-size: 24px;

}



#service .one {

    padding: 55px 13.5% 85px;

}



#service .one .title {

    text-align: center;

    margin-bottom: 50px;

}



#service .one .title h2 {

    margin: 0;

    margin-bottom: 15px;

}



#service .one ul {

    min-width: 1000px;

}



#service .one ul li {

    float: left;

    margin-right: 0.7%;

    width: 35%;

}



.card:hover {

    transform: translate3d(0, -2px, 0);

    box-shadow: 0 12px 30px 0 rgba(0, 0, 0, .2);

    transition-property: box-shadow, transform;

    transition-duration: 600ms;

    transition-timing-function: cubic-bezier(.16, 1, .29, .99);

}



#service .one ul li img {

   /* width: 90px;

    height: 90px;*/

}



#service .one ul li>div {

    background-color: #fff;

}



#service .one ul li>div.up {

    margin-bottom: 10px;

}



#service .one ul li.first {

    width: 28.5%;

    text-align: center;

}



#service .one ul li.first .item {

    padding-top: 120px;

    height: 550px;

}



#service .one ul li.first .item .info p {

    margin-bottom: 55px !important;

}



#service .one ul li>div.up,

#service .one ul li>div.bottom {

    padding: 60px 45px 0;

}



@media (max-width: 1650px) {



    #service .one ul li>div.up,

    #service .one ul li>div.bottom {

        padding: 60px 0;

    }

}



#service .one ul li.last {

    margin-right: 0;

}



#service .one ul li div.item {

    height: 270px;

}



#service .one ul li .item .simg {

    float: left;

}



#service .one ul li .item .info {

    width: 290px;

}



#service .one ul li .item .right-info {

    float: right;

}



#service .one ul li .item .right-info h3 {

    margin: 0;

    margin-bottom: 20px;

}



#service .one ul li .item .right-info p {

    margin-bottom: 40px !important;

    font-size: 14px;

    color: #666;

}



#service .two {

    padding: 55px 13.5% 155px;

    background-color: #fff;

}



#service .two .title {

    text-align: center;

    margin-bottom: 75px;

}



#service .two .title h2 {

    margin-bottom: 15px;

}



#service .two .desc ul li {

    float: left;

    width: 33.3%;

    height: 280px;

}



#service .two .desc ul li.top {

    border-top: 1px solid #e5e5e5;

}



#service .two .desc ul li.bottom {

    border-bottom: 1px solid #e5e5e5;

}



#service .two .desc ul li img {

    width: 100%;

    height: 100%;

}



#service .two .desc ul li h1 {

    font-size: 60px;

    color: #d2d2d2;

    margin-top: 35px

}



#service .two .desc ul li h5 {

    font-size: 20px;

    margin-top: 25px;

    margin-bottom: 15px;

    color: #333;

}



#service .two .desc ul li p {

    color: #666;

    width: 90%;

    line-height: 1.5;

    margin: 0 !important;

}



#service .three {

    height: 650px;

    position: relative;

    clear: both;

    background: #e2e2e2;

}



#service .two .desc ul li .word {

    margin-left: 40px;

}



#service .three .topone {

    color: #fff;

    padding: 90px 47px 95px;

    width: 402px;

    height: 604px;

    background: url(../imgs/tech.png) no-repeat;

    position: absolute;

    left: 13.5%;

    top: -15px;

}



#service .three .topone .zhuanli {

    padding: 30px 0 40px;

    margin: 45px 0;

    border-top: 3px solid #fff;

    border-bottom: 3px solid #fff;

}



#service .three .topone .zhuanli .num {

    font-size: 72px;

    position: relative;

    display: inline-block;

}



#service .three .topone .zhuanli .lbl {

    display: inline-block;

    padding-left: 15px;

    margin-left: 15px;

    border-left: 1px solid;

}



#service .three .topone .zhuanli .num::after {

    content: "项";

    font-size: 14px;

    position: absolute;

    top: 10px;

    right: -20px;

}



#service .three .topone .aaaa ul li {

    float: left;

    width: 33.33%;

    font-size: 14px;

}



#service .three .topone .aaaa ul li p {

    margin-bottom: 30px !important;

    margin-top: 10px !important;

}



#service .bottomtwo {

    padding-top: 110px;

    float: right;

    height: 650px;

    width: 63%;





    padding-right: 13.5%;

}



.perpage li {

    list-style: none;

    display: inline-block;



    margin: 0 5px;

    cursor: pointer;

    width: 10px;

    height: 10px;

    border-radius: 50%;

    background: #fff;

    font-size: 0;

}



.perpage li.on {

    background: #fd4926;

}



.img_wrap {

    margin-left: 14px;

    background: #fff;

    padding: 50px 55px;

}



#service .bottomtwo ul li {

    float: left;

    width: 33.3%;





    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



#service .bottomtwo ul li img {

    width: 100%;

    height: 100%;

}



#service .bottomtwo .spage {



    text-align: center;

    position: relative;

    margin-top: 54px;

    width: 925px;

    float: right;

}



#service .bottomtwo .spage span {

    cursor: pointer;

}



#service .bottomtwo .spage .perpage {

    display: inline-block;

    padding: 0 15px;



    background-color: #e2e2e2;

    position: relative;

    top: -20px;

}



#service .bottomtwo .spage .perpage .activ {

    color: #fd4926;

}





#service .four {

    padding: 90px 13.5% 140px;

}



#service .four .title {

    text-align: center

}



#service .four .title h2 {

    margin-bottom: 15px;

}



#service .four .title p {

    margin-bottom: 48px !important;

}



#service .four ul li {

    width: 50%;

    height: 415px;

    width: 50%;

    float: left;

    background-color: #fff;

}



#service .four ul li img {

    width: 100%;

    height: 100%;

}



#service .four ul li h6 {

    font-size: 24px;

    color: #d6d6d6;

    padding-left: 20px;

    margin: 15px 0;

}



#service .four ul li h6.last {

    text-align: right;

    padding-right: 20px;

}



#service .four ul li .word {

    margin-left: 8.9%;

    width: 80%;

}



#service .four ul li .word h4 {

    margin-top: 35px;

    margin-bottom: 25px;

    font-size: 24px;

}



#service .four ul li .word p {

    font-size: 16px;

    color: #858585;

    line-height: 30px;

}



#service .four ul li .word .imga {

    background: url(../imgs/q1.png) no-repeat 100% 100%;

    background-size: cover;

    width: 92px;

    height: 78px;

    margin-top: 47px;

}



#service .four ul li .word .imgb {

    margin-top: 47px;

}



#service .four ul li .word .imgb span {

    display: inline-block;

    margin-right: 35px;

}



#service .four ul li .word .imgb .twob {

    width: 60px;

    height: 45px;

    background: url(../imgs/q2.png) no-repeat 100% 100%;

    background-size: cover;

}



#service .four ul li .word .imgb .threeb {

    width: 60px;

    height: 45px;

    background: url(../imgs/q3.png) no-repeat 100% 100%;

    background-size: cover;

}



#service .four ul li .word .imgb .fourb {

    width: 115px;

    height: 45px;

    background: url(../imgs/q4.png) no-repeat 100% 100%;

    background-size: cover;

}



#service .btns {

    padding: 58px 13.5%;

    background-color: #fd4926;

}



#service .btns .item {

    float: left;

    width: 49.3%;

    background-color: #fff;

    padding: 45px 13.9%;

    cursor: pointer;

    -moz-transition: .5s;

    -o-transition: .5s;

    -webkit-transition: .5s;

    transition: .5s;

}



#service .btns .item:hover {

    transform: translate3d(0, -1px, 0);

    box-shadow: 0 12px 30px 0 rgba(0, 0, 0, .3);

    transition-property: box-shadow, transform;

    transition-duration: 600ms;

    transition-timing-function: cubic-bezier(.16, 1, .29, .99);

}



@media (max-width: 1650px) {

    #service .btns .item {

        padding-right: 12%;

        padding-left: 12%;

    }

}



@media (max-width: 1400px) {

    #service .btns .item {

        padding-right: 10%;

        padding-left: 10%;

    }

}



#service .btns .item h6 {

    font-size: 16px;

    color: #666;

}



#service .btns .item .lbl {

    float: right;

}



#service .btns .item h2 {

    font-size: 30px;

    color: #333;

    margin-top: 18px;

    margin-bottom: 0;

}



#service .btns .first {

    margin-right: 1.4%;

}



#service .btns .first .img {

    width: 65px;

    height: 65px;

    float: left;

    padding: 0 8px;

    margin-top: 10px;

}



#service .btns .second .img {

    width: 70px;

    height: 65px;

    float: left;

    margin-top: 10px;

}



#service .btns .img img {

    width: 100%;

    height: 100%;

}