*{padding:0;margin:0;}
a{text-decoration: none;color: inherit;}
.inner{max-width: 1200px;margin:0 auto;}
.flex{display: flex;}
ul li{list-style: none;}
html{overflow-x: hidden;}
body{overflow-x: hidden;}

header{
    position: fixed;
    top:0;
    left:0;
    right:0;
    background-color: #fff;
    z-index: 9;
    padding:15px 0;
    color: #00A4A7;
    font-weight:bold;
}

header .head{ 
    justify-content: space-between;
    align-items: center;
}

header .menu ul{gap:50px;}

.service-inc-wrap .map{
	position: relative;

	width: 370px;
	height: 500px;

	margin: 0 auto;

	background-image: url("../img/sec02img1.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.service-inc-wrap .marker1 .pin,
.service-inc-wrap .marker1 .pulse{
	top: 80px; left: 185px;
}

.service-inc-wrap .marker2 .pin,
.service-inc-wrap .marker2 .pulse{
	top: 90px; left: 280px;
}

.service-inc-wrap .marker3 .pin,
.service-inc-wrap .marker3 .pulse{
	top: 190px; left: 170px;
}

.service-inc-wrap .marker4 .pin,
.service-inc-wrap .marker4 .pulse{
	top: 220px; left: 300px;
}

.service-inc-wrap .marker5 .pin,
.service-inc-wrap .marker5 .pulse{
	top: 300px; left: 180px;
}

.service-inc-wrap .pin {
	width: 30px;
	height: 30px;
	border-radius: 50% 50% 50% 0;
	background: rgb(2, 53, 145);
	position: absolute;
	transform: rotate(-45deg);
	left: 50%;
	top: 50%;
	margin: -20px 0 0 -20px;

	z-index: 98;
  }
  .service-inc-wrap .pin:after {
	content: '';
	width: 14px;
	height: 14px;
	background: #fff;
	position: absolute;
	top:50%; left:50%;
	border-radius: 50%;
	transform: translate(-50%, -50%);
  }
  .service-inc-wrap .pulse {
	background: rgba(2,53,145,0.5);
	border-radius: 50%;
	height: 14px;
	width: 14px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: 11px 0px 0px -12px;
	transform: rotateX(55deg);
	z-index: -2;

	z-index: 100;
  }
  .service-inc-wrap .pulse:after {
	content: "";
	border-radius: 50%;
	height: 40px;
	width: 40px;
	position: absolute;
	top:0;left:0;
	margin: -13px 0 0 -13px !important;
	-webkit-animation: pulsate 1s ease-out;
	animation: pulsate 1s ease-out;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	box-shadow: 0 0 1px 2px #023591;
	-webkit-animation-delay: 1.1s;
	animation-delay: 1.1s;
  }
.footfix{
    position: fixed;
    bottom:0;
    right:0;
    left:0;
    z-index: 99;
}

.fixfoot{
    background-color: #47BEB7;
    padding:15px 0;
    justify-content: center;
    align-items: center;
    gap:15px;
}

.footfix .fixfoot .form input{
    width:150px;
    height:30px;
    border:0;
}

.footfix .fixfoot .form-area{
   gap:10px;
   align-items: center;
}

.footfix .fixfoot .form-box2{
    align-items: center;
    gap:10px;
    color: #fff;
    font-size:12px;
 }

 .footfix .fixfoot .form-box2 input{
    width:20px;
    height:20px;
 }

 .footfix .button button{
    border:0;
    background-color: #00A4A7;
    color:#fff;
    cursor: pointer;
    padding:10px 20px;
    font-weight:bold;
    font-size:16px;
}
 

/* sec01 */
.sec01{
    padding:80px 0;
    background: url('../img/sec01bg.png') no-repeat;
    background-size: cover;
    height: 100vh;
}

.sec01 .main{
    text-align: center;
}

.sec01 .main .logo{margin-top:200px;}
.sec01 .main .title{margin-top:50px;}

/* sec02 */
.sec02{padding:80px 0;text-align: center;}
.sec02 .subtitle{margin-top:25px;}
.sec02 .main{margin-top:50px;}

/* sec03 */
.sec03{
    padding:80px 0;
    text-align: center;
    background: url('../img/sec03bg.png') no-repeat;
    background-size: cover;
}
.sec03 .subtitle{margin-top:25px;}
.sec03 .main{
    justify-content: center;
    align-items: center;
    margin-top:50px;
    gap:25px;
}

/* sec04 */
.sec04{
    padding:80px 0;
    text-align: center;
}

.sec04 .main{margin-top:50px;}

/* sec05 */
.sec05{
    padding:80px;
    text-align: center;
    background: url('../img/sec05bg.png') no-repeat;
    background-size: cover;
}

.sec05 .main{margin-top:50px;}

/* sec06 */
.sec06{padding:80px 0;}
.sec06 .top .left{
    justify-content: space-between;
    align-items: center;
}
.sec06 .left .title .image{margin-top:50px;}

.sec06 .middle{margin:100px 0;}

.sec06 .middle .right{
    justify-content: space-between;
    align-items: center;
}
.sec06 .right .title .image{margin-top:50px;}

.sec06 .bottom .title{
    justify-content: flex-start;
    align-items: center;
    gap:25px;
}

.sec06 .bottom .main{
    justify-content: center;
    align-items: center;
    gap:25px;
    margin-top:50px;
}

/* sec07 */
.sec07{
    padding:80px 0;
    text-align: center;
    background: url('../img/sec07bg.png') no-repeat;
    background-size: cover;
}

.sec07 .main{margin-top:50px;}

/* sec08 */
.sec08{
    padding:25px 0 80px;
}

.sec08 .title{margin:50px 0;text-align: center;}
.sec08 .subtitle{margin:50px 0;}

.sec08 .left{
    justify-content: space-between;
    align-items: center;
}

.sec08 .right{
    justify-content: space-between;
    align-items: center;
    margin:50px 0;
}

/* sec09 */
.sec09{
    background: url('../img/sec09bg.png') no-repeat;
    background-size: cover;
    text-align: center;
    padding:100px 0;
}

/* sec10 */
.sec10{
    padding:190px 0;
    text-align: center;
    background: url('../img/sec10bg.png') no-repeat;
    background-size: cover;
}

.sec10 .main{margin-top:100px;}

/* sec11 */
.sec11{
    padding:80px 0;
    background: url('../img/sec11bg.png')no-repeat;
    background-size: cover;
    text-align: center;
}

.sec11 .subtitle{margin:25px 0;}
.sec11 .subtitle .subtitle2{margin-top:10px;}
.sec11 .main{margin-top:50px;}

/* sec12 */
.sec12{
    padding:80px 0;
    text-align: center;
    background: url('../img/sec12bg.png') no-repeat;
    background-size: cover;
}

.sec12 .main{
    margin-top:50px;
    justify-content: center;
    align-items: center;
    gap:100px;
}

/* sec13 */
.sec13{
    background-color: #FCF4E4;
    padding:80px 0;
    text-align: center;
}

/* sec14 */
.sec14{
    background: url('../img/sec14bg.png') no-repeat;
    
    padding:130px 0;
    text-align: center;
}

/* sec15 */
.sec15{
    background: url('../img/sec15.png') no-repeat;
    background-size: cover;
    padding:130px 0;
    text-align: center;
}

.sec15 .main{margin-top:50px;}

/* sec16 */
.sec16{
    background: url('../img/sec16bg.png') no-repeat;
    background-size: cover;
    padding:130px 0;
    text-align: center;
}

.sec16 .main{margin-top:50px;}

/* sec17 */
.sec17{
    background: url('../img/sec17bg.png') no-repeat;
    background-size: cover;
    padding:80px 0;
    text-align: center;
}

.sec17 .main{
    flex-wrap: wrap;
    justify-content: center;
    gap:25px;
    margin-top:50px;
}

/* sec18 */
.sec18 .main img{vertical-align: bottom;}

/* sec19 */
.sec19{
    background: url('../img/sec19bg.png') no-repeat;
    background-size: cover;
    padding: 80px 0 0;
    text-align: center;
}

.sec19 .main{margin-top:50px;}
.sec19 .main img{vertical-align: bottom;}

/* sec20 */
.sec20{
    background: url('../img/sec20bg.png') no-repeat;
    background-size: cover;
    padding:80px 0;
}

.sec20 .form .title{text-align: center;}
.sec20 .form{
    background-color: rgba(255, 255, 255, 0.7);
    width:1000px;
    margin:0 auto;
    border-radius: 25px;
    position: relative;
}

.sec20 .form .main{
    position: absolute;
    bottom:10%;
    left:50%;
    transform: translate(-50%, -50%);
}

.sec20 .form .main label{
   color:#E84879;
   font-weight: bold;
}

.sec20 .form .main input{
    border:0;
    width:250px;
    height:30px;
    margin-left:25px;
 }

 .sec20 .form .main .form-box2{
   gap:10px;
   color:#8A8A8A;
 }

 .sec20 .form .main .form-box2 input{
    border:0;
    width:20px;
    height:20px;
 }

 .sec20 .form .main .form-box{
    margin:15px 0;
 }

 .sec20 .form .main .button{
    justify-content: center;
    align-items: center;
    
 }

 .sec20 .form .main .button button{
    cursor: pointer;
    border:0;
    background-color: #E84879;
    color:#fff;
    padding:15px 25px;
    font-size:18px;
    margin-top:25px;
 }


footer{
    padding:50px 0;
    text-align: center;
}

.swiper {
    width: 100%;
    height: 100%;
  }

  .swiper-slide {
    text-align: center;
    font-size: 18px;
   
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .fade {
    position: relative;
  }

  .fade-in{
    animation: fadein 3s;
    -moz-animation: fadein 3s; /* Firefox */
    -webkit-animation: fadein 3s; /* Safari and Chrome */
    -o-animation: fadein 3s; /* Opera */
  }
  .footfix{display:block;}

@media(max-width:1199px){
    .footfix{display: none;}
    .inner{width:95%}
    header .head .menu{display:none;}
    header .logo img{width:90%;}
    header .righttel img{width:100%;}
    
    .sec01{height:100%;}
    .sec01 .main .logo{margin-top:10px;}
    .sec01 .main .title{margin-top:10px;}
    .sec01 .main .logo img{width:50%;}
    .sec01 .main .title img{width:50%;}

    .sec02{padding:50px;}
    .sec02 .title img{width:80%;}
    .sec02 .title .subtitle img{width:100%;}
    .sec02 .main img{width:100%;}
    .sec02 .subtitle{margin-top:15px;}
    .sec02 .main{margin-top:25px;}

    .sec03{padding:50px 0;}
    .sec03 .title img{width:60%;}
    .sec03 .title .subtitle img{width:60%;}
    .sec03 .main{flex-direction: column;}
    .sec03 .main img{width:70%;}
    .sec03 .subtitle{margin-top:15px;}

    .sec04{padding:50px 0;}
    .sec04 .main{margin-top:15px;}
    .sec04 .title img{width:70%;}
    .sec04 .main img{width:90%;}

    .sec05{padding:50px 0;}
    .sec05 .main{margin-top:15px;}
    .sec05 {background: url();background-color: #FCF4E4;}
    .sec05 .title img{width:70%;}
    .sec05 .main img{width:90%;}

    .sec06{padding:50px 0;text-align: center;}
    .sec06 .top .left{
        justify-content: center;
        align-items: center;
    }

    .sec06 .bottom .title{
        justify-content: center;
        flex-direction: column;
        align-items: center;
        gap:15px;
    }
    .sec06 .left .title .image{margin-top:25px;}
    .sec06 .middle{margin:50px 0;}
    .sec06 .endimg {display:none;}
    .sec06 .top .title img{width:50%;}
    .sec06 .top .image img{width:90%;}
    .sec06 .middle .title img{width:80%;}
    .sec06 .middle .image img{width:90%;}
    .sec06 .bottom .title img{width:30%;}
    .sec06 .bottom .main{flex-direction: column-reverse;}
    .sec06 .bottom .title .subtitle img{width:90%;}
    .sec06 .bottom .main img{width:90%;}

    .sec07{padding:50px 0;}
    .sec07 .main{margin-top:15px;}
    .sec07 .title img{width:80%;}
    .sec07 .main img{width:90%;}
    
    .sec08 .subtitle{margin:15px 0;}
    .sec08 .top{display: none;}
    .sec08 .title img{width:70%;}
    .sec08 .title .subtitle img{width:10%;}
    .sec08 .left{flex-direction: column;}
    .sec08 .left img{width:80%;}
    .sec08 .left .title img{width:80%;}
    .sec08 .left .title .subtitle img{width:80%;}
    .sec08 .right{flex-direction: column-reverse;}
    .sec08 .right .title img{width:80%;}
    .sec08 .right .title .subtitle img{width:80%;}
    .sec08 .right img{width:80%;}

    .sec09{padidng:50px 0;}
    .sec09 img{width:90%;}

    .sec10{padding:50px 0;}
    .sec10 .main{margin-top:25px;}
    .sec10 .title img{width:60%;}
    .sec10 .main img{width:90%;}

    .sec11{padding:50px 0;}
    .sec11 .title img{width:60%;}
    .sec11 .title .subtitle img{width:80%;}
    .sec11 .title .subtitle .subtitle2 img{width:80%;}
    .sec11 .main img{width:90%;}
    .sec11 {background: url();background-color: #FCF4E4;}
    .sec11 .main{margin-top:25px;}

    .sec12 .main{margin-top:25px;}
    .sec12{padding:50px 0;}
    .sec12 {background-color: #fff;}
    .sec12 {background: url('');}
    .sec12 .title img{width:70%;}
    .sec12 .main img{width:70%;}
    .sec12 .main{flex-direction: column;gap:25px;}

    .sec13{padding:50px 0;}
    .sec13 .main img{width:90%;}

    .sec14{padding:50px 0;}
    .sec14 .title img{width:80%;}
    .sec14 .subtitle img{width:80%;}
    .sec14 .main img{width:80%;}
    .sec14 {background: url();background-color: #FCF4E4;}

    .sec15{padding:50px 0;}
    .sec15 .title img{width:80%;}
    .sec15 .main img{width:90%;}
    .sec15 .main{margin-top:25px;}

    .sec16 .main{margin-top:25px;}
    .sec16{padding:50px 0;}
    .sec16 .title img{width:70%;}
    .sec16 .main img{width:90%;}

    .sec17{padding:50px 0;}
    .sec17 .title img{width:50%;}
    .sec17 .main{gap:10px;  margin-top:25px;}
    .sec17 .main img{width:45%;}

    .sec18 .main img{width:100%;}

    .sec19{
        background: url('../img/sec19bg.png') no-repeat;
        background-size: cover;
        padding: 50px 0 0;
        text-align: center;
    }
    .sec19 .title img{width:80%;}
    .sec19 .main img{width:80%;}
    
    .sec20 .form{
        background-color: rgba(255, 255, 255, 0.7);
        width:100%;
        height:500px;
        margin:0 auto;
        border-radius: 25px;
    }

    .sec20{padding:50px 0;}
    .sec20 img{width:70%;}
    

    .sec20 .form .main{
        position: absolute;
        bottom:10%;
        left:50%;
        transform: translate(-50%, -10%);
    }
    
    .sec20 .form .main label{
       color:#E84879;
       font-weight: bold;
       font-size:12px;
    }
    
    .sec20 .form .main input{
        border:0;
        width:150px;
        height:20px;
        margin-left:25px;
     }
    
     .sec20 .form .main .form-box2{
       gap:10px;
       color:#8A8A8A;
       font-size:12px;
     }
    

    
     .sec20 .form .main .form-box{
        margin:15px 0;
     }
    

    
     .sec20 .form .main .button button{
        font-size:16px;
     }
     .service-inc-wrap .map{
        width: 250px;
        height: 380px;}
    .service-inc-wrap .marker1 .pin,
.service-inc-wrap .marker1 .pulse{
top: 80px; left: 125px;
}

.service-inc-wrap .marker2 .pin,
.service-inc-wrap .marker2 .pulse{
top: 80px; left: 200px;
}

.service-inc-wrap .marker3 .pin,
.service-inc-wrap .marker3 .pulse{
top: 150px; left: 100px;
}

.service-inc-wrap .marker4 .pin,
.service-inc-wrap .marker4 .pulse{
top: 160px; left: 210px;
}

.service-inc-wrap .marker5 .pin,
.service-inc-wrap .marker5 .pulse{
top: 210px; left: 130px;
}
    footer{font-size:10px;}
}