.responsive-group {
    display: none;
}

.re-show {
    display: none;
}

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

.re-more-text{
    display: none;
}
.re{
    display: none;
}
.select-menu{
    display:none;
}
.re-menu-bar{
    display:none;
}

@media screen and (max-width: 1450px) {
    .spon-logo {
        display: none;
    }
}
@media screen and (max-width: 1200px) {
    .logo img{
        position: relative;
        top: unset;
        left: unset;
    }
    .header {
        display: none;
    }
    .responsive-group {
        display: block;
    }
    .re-lang .col{
        border: solid 1px #dce6f7;
        position: relative;
        display: flex;
        align-items: center;
    }
    .re-lang .title{
        margin: auto;
    }
    .re-lang .title img{
        padding: 0 0 2px 10px;
    }
    .re-lang .row{
        height: 100%;
    }
    .re-lang{
        position: fixed;
        width: 100%;
        z-index: 1;
        opacity: 0;
        transition: all 0.35s ease 0s;
        left: 0;
        overflow-y: auto;
        background-color: white;
    }
    .re-lang.show {
        opacity: 1;
        height: 10%;
        margin-top: 0;
        z-index: 6000;
        bottom: 0px;
    }
    .re-nav {
        position: fixed;
        width: 100%;
        z-index: 1;
        opacity: 0;
        transition: all 0.35s ease 0s;
        top: -100px;
        left: 0;
        height: 5px;
        overflow-y: auto;
        background: rgba(245,249,255,1);
    }

    .re-nav.show {
        opacity: 1;
        height: 100%;
        margin-top: 0;
        z-index: 6000;
        top: 100px;
        padding-bottom: 70px;
    }

    .re-nav ul li a {
        display: block;
        width: 100%;
        background: rgba(245,249,255,0.9);
        border-bottom: solid 1px #d0def5;
        color: #152f77;
        padding: 15px 50px;
        font-size: 21px;
        font-weight: 300;
        text-decoration: none;
    }
    .re-nav .last {
        border-bottom: none;
    }
    .header-nav {
        align-items: center;
        height: 100px;
        width: 100%;
        display: flex;
        position: fixed;
        left: 0;
        top: 0;
        background: #fff;
        z-index: 7000;
        box-shadow: 0 0 8px #eee;
    }

    .header-nav a {
        margin: auto;
    }

    .header-nav img {
        width: 170px;
        max-width: 100%;
    }
    .header-nav .menu-icon {
        width: 30px;
        height: 30px;
        background: url("../images/re_menu_icon.png") no-repeat;
        background-size: 30px;
        position: fixed;
        z-index: 5500;
        right: 25px;
        top: 38px;
    }

    .header-nav .menu-icon.on {
        background: url("../images/re_menu_icon_close.png") no-repeat;
        background-size: 30px;
    }
    .main-area {
        width: 90%;
    }
    body {
        padding: 100px 0 0 0;
    }
    .banner-text{
        position: relative;
    }
    .home-three-content .box{
        max-width: 380px;
    }
    .about-up-img img{
        width: 100%;
        max-height: 400px;
    }

    .about-content-up {
        z-index: 5000;
        position: relative;
         top: -70px;
        width: 90%;
        left: 5%;
        -webkit-box-shadow: 13px -13px 66px 7px rgba(224,224,224,0.8);
        -moz-box-shadow: 13px -13px 66px 7px rgba(224,224,224,0.8);
        box-shadow: 13px -13px 66px 7px rgba(224,224,224,0.8);
        background-color: white;
    }
    .up-container{
        position: relative;
    }

    .about-content-down .img-box,.about-content-down .img-box img {
        width: 100%;
    }
}

@media screen and (max-width: 1024px) {
    .home-three-content .box {
        margin: auto !important;
    }
}


@media screen and (max-width: 767px) {
    .home-content .lower-content .img-box{
        max-width: 100%;
    }
    .more-text{
        display: none;
    }
    .re-more-text{
        display: inline-block;
        float: right;
        color:#1f3d84;
    }
    .home-content .lower-content .content-box .title {
        display:inline-block;
    }

    .home-content .lower-content .content-box .content {
        padding-top: 10px;
    }
    .about-us .about-content-up .content{
        padding: 0 0 0 20px ;
    }
    .menu-re-hide{
        display:none;
    }
    .re-menu-bar{
        display:block;
    }
    .service-box,.news-box{
        margin-top: 30px;
    }
    .select-menu{
        background: white;
        border: 1px solid #abbee8;
        position: -webkit-sticky;
        position: sticky;
        width: 100%;
        z-index: 5000;
        top:140px;
        text-align: justify;
        color:#2c4484;
    }
    .show{
        display:block;
    }
    .dropbtn{
        z-index: 5000;
        top:100px;
        position: sticky;
        position: -webkit-sticky;
        height: 40px;
    }
    .service-box{
        z-index: 1;
    }
    .select-menu li{
        padding: 5px 0 5px 20px;
    }

}


@media screen and (max-width: 510px) {

    .home-content .lower-content .content-box .content{
        word-break: break-all;
        font-size: smaller;
        width: 100%;
    }

    .news{
        padding: 0;
        text-align: justify;
        padding-bottom: 50px;
    }
    .more-blue {
        right: 30%;
    }
    .info{
        justify-content: center;
    }
    .footer{
        display: none;
    }
    .re{
        display:block;
    }
    .copyright{
        font-size: x-small;
    }
    .copyright .main-area{
        width: 100%;
    }
    .g-recaptcha{
        transform:scale(0.77);
        -webkit-transform:scale(0.77);
        transform-origin:0 0;
        -webkit-transform-origin:0 0;
    }

    .service-content table{
        display: block;
        overflow: auto;
    }
    .service-content table td{
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media screen and (max-width: 320px) {
    .g-recaptcha{
        transform:scale(0.7);
        -webkit-transform:scale(0.7);
        transform-origin:0 0;
        -webkit-transform-origin:0 0;
    }
}