section {max-width: 1600px;margin: 0 auto;position: relative;}
section>img{width: 100%;}
.group {position: absolute;}

.pchide{display: none}
.mhide{display: block}
/*p{font-family:'Helvetica' ;}*/
@media(max-width:1000px){
    .pchide{display: block}
    .mhide{display: none}
}

@media(max-width:1000px){
    .content>.w3-container{padding: 0;}
}

#section1 h1{color: #000;font-size: 40px;margin: 0;}
#section1 .group{left: 5%;top: 17%;width: 60%;}
#section1 .group p{margin: 2% 0 0;}
#section1 .group p a{display: inline-block;padding: 1.5% 3%;margin: 0 1%;border-color: #1f5f96!important}
#section1 .group p a:first-of-type{color: #1c73b9!important;color: #1f5f96!important}
#section1 .group p a:last-of-type{background-color: #1f5f96!important;color: #fff!important}
#section1>p{padding: 1.5% 5%}
@media(max-width:1300px){
    #section1 h1{font-size: 30px;}
    #section1 .group p a{padding: 1.5%;font-size: 13px;}
    #section1 .group{left: 3%;top: 13%;}
}
@media(max-width:999px){
    #section1 .group{position: static;margin: 5% auto;width: 100%;text-align: center}
    #section1 .group p a{padding: 1.5% 5%;margin: 0 1%;font-size: 15px;}
}
@media(max-width:700px){
    #section1 .group p a{padding: 1.5% 3%;font-size: 13px;}
}
@media(max-width:550px){
    #section1 .group p a{font-size: 15px;margin:2%;display: block}
}
#section2 .herotitle{padding: 0 5%;margin: 2% 0}
#section2 .herotitle>h3,#section2 .herotitle>p{color: #1f5f96;margin: 0;}
#section2 .responsive {background-color: #e6eef5;padding: 3% }
#section2 .responsive .card{padding: 1% }
#section2 .responsive .card img{width: 100%;display: inline-block;text-align: center}
#section2 .responsive .card h3{margin: 5px 0;font-size: 18px;font-weight: bold;}
#section2 .responsive .card p{margin: 0;font-size: 14px;}
#section2 .responsive .slick-dots{bottom: 5%;left: 0}
#section2 .w3-row .w3-half{width: 46%;margin:  2%}
@media(max-width:1300px){
    #section2 .responsive .card h3{font-size: 15px;}
    #section2 .responsive .card p{font-size: 12px;}
}
@media(max-width:999px){
    #section2 .herotitle>h3{font-size: 30px;}
    #section2 .pchide{padding: 4% 3%;background-color: #e6eef5}
    #section2 .w3-row .w3-half {text-align: center}
    #section2 .w3-row .w3-half img{display: inline-block;width: 100%;}
    #section2 .w3-row .w3-half h3{font-size: 20px;}
}
@media(max-width:600px){
    #section2 .w3-row .w3-half{width: 48%;margin: 5% 1%;padding: 0;}
    #section2 .w3-row .w3-half h3{font-size: 15px;margin: 0;}
}
#section3 .w3-row{padding: 0 5%}
#section3 .w3-row .w3-half{padding: 1% 2%}
#section3 .w3-row .w3-half h2{font-size: 23px;}
#section3 .w3-row .w3-half img{width: 100%;}
@media(max-width:1300px){
    #section3 .w3-row .w3-half h2{font-size: 18px;}
    #section3 .w3-row .w3-half p{font-size: 13px;}
}
@media(max-width:999px){
    #section3 .w3-row{display: flex;flex-wrap: wrap}
    #section3 .w3-row .w3-half{width: 80%;margin: 0 10%}
    #section3 .w3-row:last-of-type .w3-half:last-of-type {order: 1;-webkit-order: 1}
    #section3 .w3-row:last-of-type .w3-half:first-of-type {order: 2;-webkit-order: 2}
    #section3 .w3-row .w3-half h2{font-size: 30px;color: #000}
}
@media(max-width:600px){
    #section3 .w3-row{padding: 0 }
    #section3 .w3-row .w3-half{width: 98%;margin: 0 1%}
}
#section4{background-color: #f1f0f0;padding: 3%}
#section4 h2{margin: 2% 0}
#section4 .w3-row{display: flex;justify-content: center;}
#section4 .w3-row .w3-quarter{width: 22%;margin: 0 1.5%;background-color: #fff;padding: 2% 1%}
#section4 .w3-row .w3-quarter h3{font-size: 20px;}
#section4 .w3-row .w3-quarter img{display: inline-block;width: 100%;}
@media(max-width:1200px){
    #section4 .w3-row .w3-quarter h3{font-size: 18px;}
    #section4 h2{font-size: 25px;}
}
@media(max-width:999px){
    #section4 .w3-row .w3-quarter {width: 46%;margin: 0 2%}
    #section4{padding: 5% 3%}
}
@media(max-width:600px){
    #section4 .w3-row .w3-quarter h3{font-size: 15px;}
    
}

#section5{background-color: #1f5f96;padding: 5% 2%}
#section5 h1,#section5 p{color: #fff}
#section5 .w3-row{padding: 0 10%;display: flex;margin-top: 5%;flex-wrap: wrap}
#section5 .w3-row .w3-half{padding: 3% 5%;width: 46%;margin: 0 2%;background-color: #fff}
#section5 .w3-row .w3-half ul{margin: 0;}
#section5 .w3-row .w3-half .pp{color: #797979}
@media(max-width:1300px){
    #section5 .w3-row{padding: 0 5%;}
    #section5 .w3-row .w3-half{padding: 2% 3%}
    #section5 .w3-row .w3-half h3{font-size: 20px;}
    #section5 .w3-row .w3-half .pp{font-size: 13px;}
    #section5 h1{font-size: 25px;}
    #section5 p{font-size: 15px;}
}
@media(max-width:999px){
    #section5 .w3-row .w3-half{width: 90%;margin: 3% 5%}
    #section5 .w3-row .w3-half h3{font-size: 25px;}
    #section5 .w3-row .w3-half .pp{font-size: 15px;}
}
@media(max-width:700px){
    #section5 .w3-row{padding: 1%}
    #section5 .w3-row .w3-half{width: 98%;margin: 3% 1%}
    #section5 .w3-row .w3-half h3{font-size: 20px;}
    #section5 .w3-row .w3-half .pp{font-size: 13px;}
}
@media(max-width:600px){
    #section1 h1,#section2 .herotitle h3,#section3 .w3-row .w3-half h2,#section4 h2,#section5 h1,#section5 p{font-size: 20px;}
    #section1>p,#section2 .herotitle>p,#section5 p{font-size: 13px;}
}

#section6 .group{top: 50%;left: 8%;color: #fff;font-size: 20px;}
#section6 .btn {margin-top: 30px;}
#section6 .btn a{background-color: rgb(255, 134, 42);border: rgb(255, 255, 255) solid 2px;color: rgb(255, 255, 255);padding: 10px 20px;border-radius: 20px;box-shadow: 2px 5px 16px 2px rgba(74, 74, 74, 0.5);}
#section6 .btn a:hover{box-shadow: inset 4px 3px 4px 0px rgba(74, 74, 74, 0.5)}
#section6 img{width: 100%;}
@media(max-width:999px){
    #section6 img{width: 100%;}
    #section6 .group{width: 100%;left: 0;top: 55%;text-align: center;font-size: 36px;}
}
@media(max-width:700px){
    #section6 .group{top: 50%;font-size: 28px;}
}
@media(max-width:500px){
    #section6 .group{font-size: 18px;}
    #section6 .btn{margin-top: 20px}
    #section6 .btn a{padding: 5px 20px;}
}