@charset "utf-8";
/* CSS Document */

#service{ position: relative;z-index: 5; background: #fff; margin: 0 auto;}

#service .container{margin: 0 auto; padding-bottom: 30px;}
#service .container>.describe{font-size: 1.6rem;color: #666; line-height: 2.8rem; text-align: center;}
#service .container>.describe>p{display: block;padding-bottom: 20px;}
#service .container>.content{font-size: 1.6rem;color: #666; line-height: 2.8rem; text-align: left; padding-bottom: 80px;}
#service .container>.content>p{display: block;padding-bottom: 20px;}

#service .item{display: block;margin: 0 auto; padding: 50px 0;}
#service .item li{ position: relative; display: block;float: left;width: 49%; height: 140px; border: 1px solid #ddd; margin: 20px 0; box-sizing: border-box;padding: 30px; text-align: left; transition: all .35s;}
#service .item li:nth-child(even){float: right;}
#service .item li>.num{ position: absolute;z-index: 33; left: 40px;top: -40px; display: inline-block; color: #0061ac; font-size: 5rem; font-weight: 600; background: #fff;padding: 010px; }
#service .item li>.txt{ padding-top:20px; font-size: 1.6rem; line-height: 2.4rem; color: #666;}
#service .item li:hover{border: 1px solid #3aa9ff; }
#service .item li:hover .num{color: #3aa9ff;}

#service .after-sale{background: url("../img/service_aftersale_bg.jpg") no-repeat; background-size: cover; box-sizing: border-box; padding: 100px 0;}
#service .after-sale>.title{font-size: 3rem; color: #fff; text-align: center;font-weight: bold;}
#service .after-sale>.title>i{ font-size: 5.4rem; font-weight: normal; vertical-align: center; margin-right: 10px;}
#service .after-sale>.box{ padding: 50px 0; text-align: center;}
#service .after-sale>.box>p{display: inline-block;vertical-align: top; margin: 0 30px; font-size: 2rem; color: #fff;}






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

    #service .item li>.txt{font-size: 1.4rem; line-height: 2rem;}

}

@media only screen and (max-width: 1280px){
    #service .after-sale>.box{width: 60%; margin: 0 auto;}
    #service .after-sale>.box>p{display: block;float: left;width: 50%; padding: 8px 0; margin: 0; text-align: center;}
}

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

    #service .container>.describe{font-size: 1.4rem;line-height: 2.4rem;}
    #service .container>.content{font-size: 1.4rem;line-height: 2.4rem;}

}

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

    #service .item li{ display: block;float: none;width: 100%; height: auto;  margin-bottom: 50px; }
    #service .item li:nth-child(even){float: none;}


}

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

    #service .after-sale{padding: 40px 0;}
    #service .after-sale>.box>p{float: none; width: 100%;}

}



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

}