#header{
    background-color:#fff;
}
.sec1{
    position:relative;
}
.sec1 .inner{
    position:absolute;
    left:0;
    right:0;
    top:0;
    padding-top:19%;
}
.sec1 h1{
    color:#fff;
    font-size:3.625em;
    margin-bottom:0.5em;
}
.sec1 p{
    color:#fff;
    font-size:2.25em;
    line-height:1.5;
}
.sec1 video{
    vertical-align:top;
    pointer-events:none;
    object-fit:cover;
}



.sec2{
    text-align:center;
    padding:10.4% 0 13%;
    color:#fff;
    background-repeat:no-repeat;
    background-image:url(../images/tech_sec2_bg.jpg);
    background-position:center center;
    background-size:cover;
}
.sec2 .inner{
    position:relative;
}
.sec2 h5{
    font-size:3em;
    line-height:1.5;
    margin-bottom:0.77em;
}
.sec2 p{
    font-size:1.375em;
    line-height:1.64;
    margin-bottom:1.36em;
}
.sec2 .img-box{
    position:relative;
    width:66.544%;
    margin:0 auto;
    z-index:1;
}
.sec2 .img-box .circle{
    position:absolute;
    left:50%;
    top:50%;
    width:126.63%;
    transform:translate(-50%,-50%);
    z-index:-1;
}




.sec3 .inner{
    width:87.5em;
}
.sec3 li{
    border-bottom:1px solid rgba(51,51,51,0.45);
    padding:9.3% 0;
}
.sec3 li:last-child{
    border-bottom:0 none;
}
.sec3 h5{
    font-size:2em;
    color:var(--theme-purple);
    margin-bottom:1.875em;
}
.sec3 p{
    font-size:1.5em;
    line-height:1.5;
    margin:2.5em 0;
    clear:both;
}
.sec3 p:last-child{
    margin-bottom:0;
}
.sec3 .btn{
    cursor:pointer;
    color:var(--theme-purple);
    display:inline-block;
    float:right;
}
.sec3 .btn span{
    font-size:1.5em;
    margin-left:0.8em;
    vertical-align:middle;
}
.sec3 .btn i{
    vertical-align:middle;
    font-style:normal;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:1.625em;
    height:1.625em;
    border-radius:50%;
    border:2px solid var(--theme-purple);
}
.sec3 .btn i::before{
    font-family: 'FontAwesome400';
    content:'\f054';
    font-size:0.625em;
    font-weight:bold;
}



.sec4{
    padding:8.5% 0 10.4%;
    background-color:#e4e5e7;
}
.sec4 .inner{
    width:1550px;
}
.sec4 .title{
    margin-bottom:5.2%;
}
.sec4 h3{
    font-size:3em;
    line-height:1.5;
    margin-bottom:0.67em;
    text-align:center;
}
.sec4 h4{
    font-size:2em;
    line-height:1.5;
    font-weight:normal;
    margin-bottom:0.23em;
}
.sec4 h4:last-child{
    margin-bottom:0;
}
.sec4 ul{
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    flex-direction:row;
    flex-wrap:wrap;
    margin-bottom:4.4%;
}
.sec4 li{
    width:29.2%;
    margin-right:6.2%;
    margin-bottom:2.9%;
}
.sec4 li.all{
    width:100%;
}
.sec4 li:last-child{
    margin-bottom:0;
    margin-right:0;
}
.sec4 h5{
    font-size:1.25em;
    color:var(--theme-purple);
    margin-bottom:1em;
}
.sec4 .input-box{
    border:1px solid rgba(51,51,51,0.3);
    position:relative;
    padding-left:3.125em;
    padding-right:1.5em;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-direction:row;
}
.sec4 .must{
    font-size:1.625em;
    position:absolute;  
    right:0.3em;
    top:0.3em;
    color:var(--theme-purple);
}
.sec4 .input-box input,.sec4 .input-box textarea{
    font-size:1.125em;
    flex-grow:1;
    color:#333;
    background-color:transparent;
}
.sec4 .input-box input{
    height:3em;
    line-height:3;
}
.sec4 .input-box textarea{
    height:7.4em;
    line-height:1.5;
    padding: 0.75em 0;
    resize:none;
}
.sec4 .input-box .icon{
    width:1.2em;
    margin-left:-2em;
    margin-right:0.75em;
    flex-shrink:0;
}
.sec4 li.all .input-box .icon{
    margin-top:-5em;
}
.sec4 p{
    font-size:1.25em;
    color:#666;
    margin-top:1.3em;
}
.sec4 .submit{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:row;
    font-size:1.125em;
    position:relative;
    background-color:var(--theme-yellow);
    width:9em;
    height:2.6em;
    color:#fff;
    margin:0 auto;
    z-index:1;
}
.sec4 .submit::before{
    content:"";
    display:block;
    border:1px solid rgba(255,255,255,0.6);
    position:absolute;
    inset:0;
}
.sec4 .submit i{
    vertical-align:middle;
    font-style:normal;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:1em;
    height:1em;
    border-radius:50%;
    border:2px solid #fff;
    margin-left:0.5em;
}
.sec4 .submit i::before{
    font-family: 'FontAwesome400';
    content:'\f054';
    font-size:0.5em;
}
.sec4 .submit input{
    position:absolute;
    inset:0;
    opacity:0;
    cursor:pointer;
}
.sec4 .submit .bgcolor{
    background-color:var(--theme-purple);
    height:100%;
    position:absolute;
    right:0;
    top:0;
    z-index:-1;
    transition:width 0.5s;
    width:0;
}

@media only screen and (min-width:1025px){
    .sec3 .btn:hover{
        color:var(--theme-yellow);
    }
    .sec3 .btn:hover i{
        border-color:var(--theme-yellow);
    }
    .sec4 li:nth-child(3n){
        margin-right:0;
    }
    .sec4 .submit:hover .bgcolor{
        width:100%;
        left:0;
        right:auto;
    }
}
@media only screen and (max-width:1024px){
    .section{
        font-size:1.25em;
    }

    .sec1{
        height:40em;
    }
    .sec1 .inner{
        padding-top:40%;
    }
    .sec1 video{
        position:absolute;
        left:50%;
        top:0;
        width:auto;
        height:100%;
        transform:translateX(-50%);
    }


    .sec2{
        padding:15% 0;
    }
    .sec2 .img-box{
        width:100%;
    }





    .sec3 li{
        padding:15% 0;
    }
    .sec3 .btn{
        cursor:pointer;
        color:var(--theme-purple);
        display:inline-block;
        float:right;
        clear:both;
    }
    .sec3 .btn span{
        font-size:1.5em;
        margin-left:0.8em;
        vertical-align:middle;
    }
    .sec3 .btn i{
        vertical-align:middle;
        font-style:normal;
        display:inline-flex;
        align-items:center;
        justify-content:center;
        width:1.625em;
        height:1.625em;
        border-radius:50%;
        border:2px solid var(--theme-purple);
    }
    .sec3 .btn i::before{
        font-family: 'FontAwesome400';
        content:'\f054';
        font-size:0.625em;
        font-weight:bold;
    }



    .sec4{
        padding:15% 0;
    }
    .sec4 .title{
        margin-bottom:10%;
    }
    .sec4 h3{
        font-size:3em;
    }
    .sec4 h4{
        font-size:2em;
    }
    .sec4 ul{
        display:block;
        margin-bottom:10%;
    }
    .sec4 li{
        width:100%;
        margin-right:0;
        margin-bottom:10%;
    }
    .sec4 .submit i{
        border-width:1px;
    }
}