.supprtWrappcon{ position: relative;}
.sportconW{ max-width: 1020px; margin: 0 auto; padding: 0 20px;}
.suotTit { font-size: 34px; font-weight: 600; text-align: center; margin-bottom: 25px;}

.spttxt { font-size: 14px; }

.sptindexlink{ max-width: 750px; margin: 0 auto; margin-top: 100px; font-size: 0;}
.sptindexlink li{ width: 50%; display: inline-block; padding: 0 25px; box-sizing: border-box; vertical-align: top;}
.sptindexlink li img{ width: 100%; height: auto;}
.sptindexlink li dt{ text-align: center; margin-bottom: 20px; font-size: 18px; font-weight: bold; margin-bottom: 15px;}  
.sptindexlink li dd{  margin-bottom: 20px; font-size: 14px; font-weight: normal; margin-bottom: 24px;}
.sptindexlink li dd a {
    background: #f2f2f2;
    width: 100%;
    display: block;
    position: relative;
    box-sizing: border-box;
    padding: 20px 24px;
    position: relative;
    font-weight: bold;
}
.sptindexlink li dd a:after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 5px;
    background: url(/assets/img/professional/ar.png) left center no-repeat;
    background-size: contain;
    vertical-align: middle;
    position: absolute;
    right: 20px;
    top: 30px;
}


.contactbtn li a {
    background: #f2f2f2;
    width: 100%;
    display: block;
    position: relative;
    box-sizing: border-box;
    padding: 20px 24px;
    position: relative;
}


.sptindexlink li dd a:after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 5px;
    background: url(/assets/img/professional/ar.png) left center no-repeat;
    background-size: contain;
    vertical-align: middle;
    position: absolute;
    right: 20px;
    top: 30px;
    
}


.sportfivNav p a:hover {
    background: #000;
    color: #fff;
}


.sportfivNav p a:hover:after {
   background: url(/assets/img/professional/ar_w.png) left center no-repeat;
    background-size: contain;
    
}

.sptindexlink li dd a:hover {
    background: #000;
    color: #fff;
}
.sptindexlink li dd a:hover:after {
   background: url(/assets/img/professional/ar_w.png) left center no-repeat;
    background-size: contain;
}


.sportfivNav{  position: fixed; background: #EDEDED; width: 100%}

.sportfivNav p a {
    background: #fff;
    width: 100%;
    display: block;
    position: relative;
    box-sizing: border-box;
    padding: 20px 24px;
    position: relative;
}

.sportfivNav p a:after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 5px;
    background: url(/assets/img/professional/ar.png) left center no-repeat;
    background-size: contain;
    vertical-align: middle;
    position: absolute;
    right: 20px;
    top: 30px;
    
}

.sportfivNav { padding: 20px; box-sizing: border-box; position: fixed;bottom: 0; z-index: 10000;}
.sportfivNav ul{ max-width: 980px; margin: 0 auto;  font-size: 0;}
.sportfivNav ul li{ width: 50%; display: inline-block; font-size: 0; box-sizing: border-box;}
.sportfivNav ul li:first-child{  padding-right: 40px;}
.sportfivNav ul li:last-child{  padding-left: 40px;}
.sportfivNav ul li dl{ width: 50%; display: inline-block; vertical-align: middle; box-sizing: border-box; padding-right: 10px;}
.sportfivNav ul li dt{ font-size: 16px; font-weight: bold;}
.sportfivNav ul li dd{ font-size: 12px;}
.sportfivNav ul li p{ font-size: 14px; width: 50%; display: inline-block; text-align: center; font-weight: bold; vertical-align: middle;}

@media screen and (min-width: 768px){
.footin {
    padding-bottom: 100px;
}
}
@media screen and (max-width: 767px){
    
    .sptindexlink li{ width: 100%;}
    .sptindexlink li:first-child{  padding-bottom: 40px;}
    
    .sportfivNav {
    padding: 20px;
    box-sizing: border-box;
    position: relative;
    bottom: auto;
        margin-top: 60px;
  
}
.sportfivNav ul li {
    width: 100%;
    display: inline-block;
}
    
.sportfivNav ul li:first-child {
    padding-right: 0;
    margin-bottom: 30px;
}
    .sportfivNav ul li:last-child {
    padding-left: 0;
}
}


/*homecare*/
.hcmain img{ width: 100%; height: auto; margin-bottom: 45px;}
.dwbtns{ width: 300px; margin-bottom: 40px; margin-top: 40px;}

.dwbtns a {
    background: #f2f2f2;
    width: 100%;
    display: block;
    position: relative;
    box-sizing: border-box;
    padding: 20px 24px;
    position: relative;
}

.dwbtns a:after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 5px;
    background: url(/assets/img/professional/ar.png) left center no-repeat;
    background-size: contain;
    vertical-align: middle;
    position: absolute;
    right: 20px;
    top: 30px;
}
@media screen and (min-width: 768px){
    .asreadWrapp{ font-size: 0; margin-bottom: 40px; }
.asreadWrapp p{ width: 50%; display: inline-block; box-sizing: border-box; font-size: 14px; vertical-align: top;}
    .asreadWrapp p:first-child{ padding-right: 2%;}
    .asreadWrapp p:last-child{ padding-left: 2%;}
   
}

#afterservice_faq {
    margin-top: 80px;
}
#after_service_faq h3{ color: #000 !important;}
.supxt{ padding-top: 20px;}

.contaxtArea{ background: #F5F5F5; padding: 50px 0; width: 100%;}
.telTxt{ padding-top: 70px;}
.telTxt dt{ font-size: 18px; margin-bottom: 24px; font-weight: bold;} 

@media screen and (max-width: 767px){
 .sptindexlink li{ padding: 0;}
    .sptindexlink{ margin-top: 50px}
    .sptindexlink li dd a {
    padding: 15px 20px;

}
    
    .sportfivNav ul li dl {
    width: 100%;
    display: block;
    vertical-align: middle;
    box-sizing: border-box;
    padding-right: 0;
        margin-bottom: 20px;
}
    .sportfivNav ul li p {
    font-size: 14px;
    width: 100%;
    }
    
    .sportfivNav {
    z-index: 11;
}
    
    .suotTit {
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 25px;
}
}