*, *::before, *::after {
    box-sizing: border-box;
}
h3{margin: 0 0 10px; color: #003974}
p{margin-bottom: 10px; line-height: 20px;}
.header{padding: 8px 0}
.header .logo{display: inline-block;    float: left; position: absolute; top:5px;}
.header nav{display: inline-block;    float: right;}
.header nav ul {list-style: none; margin-top: 20px;}
.header nav ul li{display: inline-block}
.header nav ul li a{display: inline-block;padding: 10px; text-decoration: none; color: #003974}
.clearfix{clear: both;}
.banner{background: #99E3FF; align-items: center;    padding: 50px 0; justify-content: center; border-top: 3px solid #326f86;}
.container{margin-right: auto;max-width: 1170px;width: 100%; margin-left: auto; padding-left: 15px;padding-right: 15px;}
.hote-section{text-align: center;    margin-top: 50px;}
.hote-section p{ line-height: 24px;  font-weight: 600; margin: 0; }
.banner h2{font-weight: 100;font-size: 32px;color: #003974; margin-bottom: 15px;}
.service{margin-top: -90px;}
.service .container{display: flex;}
.service .container .servise-box{flex: 1;padding: 15px; box-shadow: 0px 0px 4px 1px rgba(0,0,0,.15); margin-bottom:15px;
border-radius: 5px; background: #fff; font-size: 14px;}
.service .container .servise-box ul{padding-left: 15px;list-style: none;}
.service .container .servise-box ul li{margin-bottom: 8px; line-height: 18px; position: relative;}
.service .container .servise-box ul li::before{content: ''; position: absolute; top: 0; left: -15px; height: 13px;width: 4px; border: 2px solid hsl(165, 70%, 58%); border-top:0; border-left: 0; 
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);}
.service .container .servise-box + .servise-box{margin-left: 15px;}
.header-text{text-align: center; margin: 20px 0; color: #003974; font-size: 38px;}
.apply{display: inline-block; padding: 15px; background: #14ca75; margin: 15px 0; border-radius: 4px; text-decoration: none;font-weight: 600; color: #fff}
.apply:hover{background: #10b468; }
.top-reasons{background: #E7F5FB; text-align: center; padding: 30px 0 50px}
.top-reasons h2{font-size: 26px;margin-bottom: 30px; color: #003974;}
.reasons-content{display: flex;}
.reasons-content .reason-box{flex: 1;    box-shadow: 0 5px 12px rgba(0,0,0,.10); text-align: center; padding: 10px;}
.reasons-content .reason-box + .reason-box{margin-left: 15px;}
.reasons-content .reason-box span{display: inline-block; border: 2px solid #003974; border-radius:100%; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; margin:10px auto;font-weight: 600; }

.hot-apply-section{text-align: center;     background: #99E3FF; padding: 30px 0;}
.hot-apply-section .hot-text{font-size: 25px;color: #003974}
.hot-apply-section .text-btn{margin-left: 20px;}

.help-text{text-align: center;font-size: 18px; padding:0px 0 30px; font-weight: 500; padding: 30px 0;}

@media screen and (max-width:1024px){
    .logo img{height: 65px;}
    .reasons-content{ flex-wrap: wrap;    flex-direction: row; justify-content: space-between;}
    .reasons-content .reason-box{  width: 49%; flex: none;  margin-bottom: 10px;}
    .reasons-content .reason-box + .reason-box{margin-left: inherit;}
    header{text-align: center}
    .header .logo{    position: relative;
        top: 0;
        width: 100%;
        text-align: center;
    }
    .header-text{    font-size: 27px;
        display: inline-block;
        margin: auto;}
    .hote-section .img-block{    width:250px  ; margin: auto;}
    .hote-section .img-block img{max-width: 100%;}
    .banner h2{    font-size: 25px; margin-top: 8px;
    }
    .hote-section{margin-top: 0px;}
}
@media screen and (max-width:1480px){
    .reasons-content .reason-box{  width: 100%;}
}