/* CSS Document */
 
.service-content-box { position:relative;
 
}
.service-text{ position: absolute;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
top: 0px;
left: 0;
flex-direction: column; color:#fff;}
.service-text .container{ width:45%;}
.service-text h1{ font-size:54px; text-align:left; margin-bottom:35px;}
.service-text h1 span{ color:#29daf3;}
.service-text p{ text-align:left; font-size:22px; font-family:"msyhli"; }
.pre-sale-box{ position:relative;}
.pre-sale-logo{ position:absolute; width:100%; top:-100px; text-align:center; z-index:99;}
.pre-sale-text{padding: 12% 0 0 12%;}
.pre-sale-text h2{ margin:40px 0 70px 0;}
.pre-sale-text p{ font-size:18px; padding-right:60px;}
.pre-sale-img{ padding:0;}
.after-sale-text>p{ width:75%; float:right; font-size:22px; margin-top:30px;}
.container-fluid,.container-fluid .row{ padding:0; margin:0;}
.after-sale-text:after {
        content: '';
        height: 0;
        line-height: 0;
        display: block;
        visibility: hidden;
        clear: both;}
.after-sale-box{ background:url(../jpg/after-sale.jpg) no-repeat; background-size:100%; color:#fff; text-align:right; padding:290px 0 60px 0;}
.after-sale-box ul li{ text-align:center; margin-top:130px; width:20%; border-left:1px solid #fff; }
.after-sale-box ul li:first-child{ border-left:none;}
.after-sale-box ul li img{ margin-bottom:20px;}
.after-sale-box ul li p{ font-size:16px; height:70px;}
.after-sale-box h2{ color:#29daf3; font-size:62px; font-family:"msyhli";}

@media screen and (max-width: 1600px){
.after-sale-box{ background-size:cover;}	}
@media screen and (max-width: 1440px){
.pre-sale-text h2 {    margin: 40px 0 30px 0;}
.pre-sale-text {    padding: 8% 0 0 8%;}	
.service-text .container {
    width: 75%;
}	}
@media screen and (max-width: 1024px){
.service-text h1 {    font-size: 40px;}	
.pre-sale-text {    padding: 4% 0 0 4%;}
.service-text{ top:30px;}
.after-sale-box{padding: 110px 0 60px 0;}	
	}
@media screen and (max-width: 768px){
.after-sale-box ul li{width: 33%;    border-left: none;float: left;}
.service-text {    top: 0;}
.pre-sale-logo{ display:none;}
.pre-sale-text{margin: 60px;padding:0; text-align:center;}
.pre-sale-text p {     padding-right: 0;}
.service-text .container {
    width: 95%;
}	}
 @media screen and (max-width:500px){
.after-sale-text > p {    width: 100%;}
.after-sale-box h2{font-size: 38px;}	
.after-sale-box ul li{width: 100%;margin-top: 60px;}
.service-text h1 {    font-size: 30px;}
 
.service-content-box img{height: 450px;max-width:inherit; width:100%;}
.pre-sale-text{margin: 60px 0; }
.footer .footer-list h5 {    margin-bottom: 15px;    font-size: 26px;    margin-top: 10px;}
.footer .foot-sns{margin-top: 0;}
 }