.sb_service { background: url("../img/sb_service.jpg"); }

.service_part_1 dl, .service_part_2 dl { border: #f0f0f0 1px solid; padding: 1rem; }
.service_part_1 dl dt, .service_part_2 dl dt { width: 493px;}
.service_part_1 dl dt img, .service_part_2 dl dt img { width: 100%; height:auto}
.service_part_1 dl dd .ltit, .service_part_2 dl dd .ltit { font-size: 1.12rem; width: 100%; }
.service_part_1 dl dd .ltit:after, .service_part_2 dl dd .ltit:after { bottom: -2px; }

.service_part_1 { width: 100%; margin: 50px auto; display: flex; flex-wrap:wrap; justify-content: space-between; }
.service_part_1 dl { width: 49%; box-sizing:border-box}
.service_part_1 dl dt { margin-bottom: 30px; width:100%}
.service_part_1 dl dd p { margin-top: 30px; }
.service_part_1 dl a { margin: 1rem auto 0; }

.service_part_2 { width: 100%; }
.service_part_2 dl { width: 100%; margin-bottom: 50px; box-sizing: border-box;  display: flex; flex-wrap:wrap; justify-content: space-between; }
.service_part_2 dl dt {width:42%; }
.service_part_2 dl dd { width: 49%; }
.service_part_2 dl a.arrow { margin-top:1rem;}
.service_part_2 dl.bp dt { float: right; }
.service_part_2 dl.bp dd { float: left; }

/*--------------------promise--------------------------*/
.service_time { width: 100%; margin-bottom: 80px;overflow:hidden; }
.service_time dl { width: 25%; float: left; }
.service_time dl dt { width: 151px; height: 151px; margin: 0 auto 20px; background: url("../img/icon_service.png"); }
.service_time dl dt.hour { background-position-x: -169px; }
.service_time dl dt.min { background-position-x: -336px; }
.service_time dl dt.days { background-position-x: -508px; }
.service_time dl dd { text-align: center; font-size: 1.12rem; color: #666666; }
.service_time dl:hover dt { background-position-y: -160px; }
.service_time dl:hover dd { color: #77b917; }

.service_grey { width: 100%; padding: 80px 0 100px; background: #f5f5f5; margin-bottom: 110px; }
.service_grey .meets { width: 100%; display: flex; flex-wrap:wrap; justify-content: space-around; }
.service_grey .meets dl { width: 24%; }
.service_grey .meets dl * { transition: all .2s; }
.service_grey .meets dl dt { width: 100%;  background: #d4d4d4; margin-bottom: 20px; }
.service_grey .meets dl img { width: 100%; }
.service_grey .meets dl dd { font-size: 1.12rem; color: #333333;  line-height: 24px; text-align: center; }
.service_grey .meets dl:hover dd { color: #77b917; }

.machine_delivery { width: 100%; margin: 80px 0 70px; display: flex; flex-wrap:wrap; justify-content: space-between; }
.machine_delivery dl { width: 24%; overflow: hidden; }
.machine_delivery dl * { transition: all .2s; }
.machine_delivery dl dt { width: 58px; height: 46px; margin: 0 auto; background: url("../img/icon_service.png") -678px -11px; }
.machine_delivery dl dt.qt { background-position-y: -65px; }
.machine_delivery dl dt.cl { background-position-y: -122px; }
.machine_delivery dl dt.pt { background-position-y: -178px; }
.machine_delivery dl dd span { font-size: 1.12rem; color: #333333; display: block; text-align: center;  margin: 20px 0 20px; }
.machine_delivery dl:hover dt { background-position-x: -742px; }
.machine_delivery dl:hover dd span { color: #77b917; }

.probox, .casebox { margin-top: 70px; }

/*------------------------FAQ LIST  ----------------------------------------*/
.faq_nav { margin-bottom: 80px; }

.faq_nav a { width: 33%; text-align: center; }

.search_news { width: 710px; height: 85px; margin: 70px auto; }
.search_news input { width: 640px; height: 40px; border: 1px solid #cccccc; border-right: none; text-indent: 20px; font-size: .87rem; color: #333; border-radius: 4px 0 0 4px; float: left; }
.search_news button { width: 55px; height: 42px; float: left; background: url("../img/icons.png") #77b917 -323px 0px; border: none; cursor: pointer; border-radius: 0 4px 4px 0; }
.search_news a { color: #999999; font-size: .87rem;  margin: 10px 20px 0 0; display: inline-block; }
.search_news a:hover { color: #77b917; }

.faq_list { width: 105%; }
.faq_list dl { width: 380px; float: left; height: 300px; margin-right: 20px; margin-bottom: 45px; }
.faq_list dl * { transition: all .2s; }
.faq_list dl dt { width: 100%; height: 250px; overflow: hidden; }
.faq_list dl dt img { width: 100%; }
.faq_list dl dd { width: 378px; height: 50px; line-height: 50px; text-align: center; font-size: 1.12rem; color: #666666; border: 1px solid #e5e5e5; border-top: none; }
.faq_list dl:hover dt img { transform: scale(1.05); }
.faq_list dl:hover dd { color: #77b917; border-color: #77b917; }
.faq_list ul { width: 100%; }
.faq_list ul:after { content: " "; display: block; clear: both; }
.faq_list ul li { width: 380px; float: left; height: 140px; margin-right: 20px; font-size: 1.12rem; color: #333333; }
.faq_list ul li a { transition: all .2s; }
.faq_list ul li span { display: block; font-size: .87rem; color: #666666;  margin: 5px 0 8px; }
.faq_list ul li:hover a { color: #77b917; }

/*-----------------------PARTS--------------------------*/
.parts_list { width: 100%; margin: 80px 0; display:flex; flex-wrap:wrap; justify-content:space-between}
.parts_list dl { width: 24%;padding: 20px 15px 0; border: 1px solid #f0f0f0; border-radius: 4px; margin-bottom: 50px; box-sizing: border-box; }
.parts_list dl * { transition: all .2s; }
.parts_list dl dt { width: 100%; overflow: hidden;background: #f0f0f0; margin-bottom: 20px; }
.parts_list dl dt img { width: 100%; height:auto}
.parts_list dl dd { color: #666666; text-align: center;  line-height: 1.5rem;padding:.5rem 0; border-top: 1px solid #f0f0f0; }
.parts_list dl:hover { border-color: #77b917; }
.parts_list dl:hover img { transform: scale(1.05); }
.parts_list dl:hover dd { color: #77b917; border-top-color: #77b917; }

.parts_war { width: 100%; background: url("../img/service/bg_waring.jpg") no-repeat center top; padding-top: 80px; }
.parts_war p { text-align: center; }
.parts_war .cons { margin-top: 15px; }

/*---------coverage-------------*/
.icon { width: 83px; height: 83px; border: 1px solid #e8e8e8; border-radius: 50%; background-color: #fff; position: absolute; top: 0; left: -42.5px; overflow: hidden; }

.icon img { position: absolute; width:254px}

.content { margin-left: 76.5px; padding: 20px 0 30px 0; border-bottom: 1px solid #f0f0f0; }

.before_sale { margin-top: 80px; margin-left: 42.5px; border-left: 1px dashed #e8e8e8; position: relative; }

.before_sale .icon img { top: 0; left: 0; }

.before_sale:after { content: ""; display: block; width: 0; height: 0; clear: both; }

.before_sale .content dl dt { font-size: 1.25rem; color: #333333; }

.before_sale .content dl dd { font-size: 1rem; color: #666666; margin-top: 20px; margin-bottom: 50px; }

.before_sale .content dl:last-child:before { content: " "; display: block; clear: both; }

.before_sale .content .half { width: 50%; float: left; }

.service_sale, .after_sale { padding-top: 60px; margin-left: 42.5px; border-left: 1px dashed #e8e8e8; position: relative; }

.service_sale .icon, .after_sale .icon { top: 60px; }

.service_sale .icon img { top: 0; left: -85px; }

.service_sale h2 { margin-bottom: 20px; }

.service_sale ul { margin: 50px 0 70px 0; }

.service_sale ul:after { content: ""; display: block; width: 0; height: 0; clear: both; }

.service_sale ul li { float: left; width: 33.33333%; height: auto; }

.service_sale ul li i { display: block; width: 78px; height: 78px; border: 1px solid #d3d3d3; border-radius: 50%; margin: 0 auto; position: relative; overflow: hidden; transition: all .3s; }

.service_sale ul li i img { position: absolute; left: 0; transition: all .3s; width:254px}

.service_sale ul li:nth-child(1) img { top: -85px; }

.service_sale ul li:nth-child(2) img { top: -165px; }

.service_sale ul li:nth-child(3) img { top: -245px; }

.service_sale ul li:hover i { border-color: #77b917; }

.service_sale ul li:hover img { left: -80px; }

.service_sale ul li:hover dl { color: #77b917; }

.service_sale ul li dl { text-align: center; line-height: 24px; font-size: 1.12rem; color: #666666; margin-top: 50px; transition: all .3s; }

.after_sale .icon img { top: 0; left: -170px; }

.after_sale .content > p { margin: 15px 0 50px 0; }

.after_sale ul{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}
.after_sale ul li { width: 49%; }

.after_sale ul li img { width: 100%; height: auto; }

.after_sale ul li p { width: 100%; margin: 10px 0 20px; font-size: 1rem; color: #666666; }

.coverage { width: 100%; height: auto; background: #f5f5f5; padding: 80px 0; }

.coverage ul { width: 100%; display:flex;flex-wrap:wrap;justify-content:space-between}
.coverage ul li { width: 49%; height: auto; margin-top: 40px; position: relative; cursor: pointer; }
.coverage ul li i { width: 60px; height: 80px; position: absolute; left: 0; top: 0; overflow: hidden; }
.coverage ul li img { position: absolute; left: 0;width:254px; }

.coverage ul li:nth-child(1) img { top: -325px; }

.coverage ul li:nth-child(2) img { top: -410px; }

.coverage ul li:nth-child(3) img { top: -498px; }

.coverage ul li:nth-child(4) img { top: -580px; }

.coverage ul li dl { margin-left: 80px; }

.coverage ul li dl dt { color: #333333; font-size: 1.12rem; }

.coverage ul li dl dd { width: 100%; height: 96px; color: #666666; font-size: 1rem; line-height: 24px; text-align: justify; margin: 40px 0; overflow: hidden; }

.coverage ul li:hover dt { color: #77b917; }

.coverage ul li:hover img { left: -87px; }
@media (max-width:1024px){
    .parts_list dl{width:32.5%}
}
@media (max-width:768px){
    .sb_service,.small_banner{background:none; height:auto}
    .small_banner{position:relative;margin-top:5rem}
    .small_banner img{display:block}
    .small_banner .container{position:absolute;top:0;left:2%}
    .small_banner dl{margin-top:15vw}
    .service_time dl,.machine_delivery dl{width:49%; margin-bottom:1rem}
    .parts_list dl{width:49%}
}
@media (max-width:425px){
    .service_part_2 dl dt,.service_part_2 dl dd{width:100%;margin-bottom:1rem}
    .service_grey .meets dl{width:49%}
    .machine_delivery dl{width:100%}
    .before_sale .content .half,.service_sale ul li{width:100%; float:unset}
    .service_sale ul li dl{margin:1rem 0}
    .after_sale ul li{width:100%}
}