.subnav-beone .subnav-logo{font-size:18px;color:#31a5e7}
*{padding:0;marign:0}
.wrapper{padding:0;margin:0 auto;background-color:#fff}
.main{padding:0;margin:0 auto}
.main img{width:100%;display:block;border:none}
div{padding:0;margin:0}


/**/
.part{width: 100%;position: relative;overflow: hidden;}
.text-p{position:absolute;left: 0;top: 19%;width: 100%; }
.text-p2 {width: 500px;margin: 0 auto;}
/*.text-p2{*/
    /*width: 364px;*/
    /* margin: 0 auto; */
/*}*/
/*.text-p2 p {text-align: center;color: #FFFFFF;font-size: 2em;}*/

.part p{line-height: 21px;margin-top: 16px;}
.text-t{position:absolute;left: 0;top: 8%;width: 100%; }
.text-t4,.text-t5 {width: 68%;margin: 0 auto;}
.text-t4 p {text-align: center;color: #FFFFFF;}
.text-t4 p:nth-child(1){font-size: 2em;}
.text-t4 p:nth-child(2){margin-top: 30px;font-size: 12px;}

.text-t5 p {text-align: center;color: #000;}
.text-t5 p:nth-child(1){font-size: 2em;}
.text-t5 p:nth-child(2){margin-top: 50px;font-size: 12px;}

.text-p{
    color: #000;
    text-align: center;
}
.text-p.text-p-2,.text-p.text-p-4,.text-p.text-p-5,.text-p.text-p-7,.text-p.text-p-11,.text-p.text-p-12,.text-p.text-p-14{
    color: #fff;
}
.text-p2.text-1{
    text-align: left;
}
.text-p2.text-1 .span-1{
    font-weight: 100;
}
.text-p2.text-1 .span-2{
    color: #00a2ec;
}
.text-url a{
    color: #00a2ec;
}
@media(min-width: 1500px) {
    .text-p2 p{
        font-size: 1.2rem;
        font-weight: 100;
    }
    .text-p2 h2 {
        font-size: 2.2rem;
        line-height: 45px;
    }
    .text-p.text-p-1{
        top: 42%;
        left: -15%;
    }
    .text-p.text-p-2{
        top: 15%;
    }
    .text-p.text-p-3{
        text-align: left;
        top:23%;
        left: 16%;
    }
    .text-p2.text-4{
        width: 50%;
    }
    .text-p.text-p-4{
        top:8%;
    }
    .text-p2.text-5{
        width: 50%;
    }
    .text-p.text-p-5{
        top:10%;
    }
    .text-p2.text-6{
        width: 45%;
    }
    .text-p.text-p-7{
        top:11%;
    }
    .text-p.text-p-8{
        text-align: left;
    }
    .text-p.text-p-8{
        left:11%;
    }
    .text-p.text-p-10 {
        text-align: left;
    }
    .text-p2.text-10{
        width: 30%;
    }
    .text-p.text-p-10{
        left: -11%;
    }
    .text-p2.text-11{
        width: 37%;
    }
    .text-p.text-p-11{
        top:38%;
    }
    .text-p2.text-12{
        width: 50%;
    }
    .text-p.text-p-12{
        top:9%;
    }
    .text-p.text-p-13{
        text-align: left;
    }
    .text-p2.text-13{
        width: 32%;
    }
    .text-p.text-p-13{
        left: -15%;
    }
    .text-p2.text-14{
        width: 50%;
    }
    .text-p.text-p-14{
        top:11%;
    }
    .text-p.text-p-15{
        text-align: left;
    }
    .text-p.text-p-15{
        left: 23%;
        top:30%;
    }
    .text-p2.text-15{
        width: 23%;

    }
    .text-p2.text-16{
        width: 50%;
    }
    .text-p.text-p-16{
        top:6%;
    }
    .text-p2.text-17{
        width: 50%;
    }
    .text-p.text-p-17{
        top:10%;
    }
}
@media(max-width: 1732px) and (min-width: 1632px){.text-p.text-p-1{left: -13%;}}
@media(max-width: 1631px) and (min-width: 1532px){.text-p.text-p-1 {top: 40%;left: -11%;}}
@media(max-width: 1531px) and (min-width: 1432px){.text-p2.text-1 h2 {font-size: 1.6rem;}}
@media(max-width: 1431px) and (min-width: 1332px){.text-p2 h2 {font-size:1.9rem!important;}}
@media(max-width: 1331px) and (min-width: 1232px){}



@media(max-width: 1499px) and (min-width: 992px){
    .subnav-wrap {
        width: 934px;
    }
    .subnav {
        width: 1446px;
    }
    .img-1{
        margin-top: 42px;
    }
    .text-p2 h2 {
        font-size: 2.2rem;
        line-height: 37px;
    }
    .text-p2 p{
        font-size: 1.2rem;
        font-weight: 100;
    }
    .text-p.text-p-1{
        top: 43%;
        left: -10%;
    }
    .text-p.text-p-2{
        top: 10%;
    }
    .text-p.text-p-3{
        text-align: left;
        top:9%;
        left: 22%;
    }
    .text-p2.text-4{
        width: 75%;
    }
    .text-p.text-p-4{
        top:1%;
    }
    .text-p2.text-5{
        width: 50%;
    }
    .text-p.text-p-5{
        top:10%;
    }
    .text-p2.text-6{
        width: 45%;
    }
    .text-p.text-p-6{
        top:6%;
    }
    .text-p.text-p-7{
        top:11%;
    }
    .text-p.text-p-8{
        text-align: left;
    }
    .text-p.text-p-8{
        left:21%;
        top:8%;
    }
    .text-p.text-p-10 {
        text-align: left;
    }
    .text-p2.text-10{
        width: 45%;
    }
    .text-p.text-p-10{
        left: -11%;
        top: 10%;
    }
    .text-p2.text-11{
        width: 37%;
    }
    .text-p.text-p-11{
        top:36%;
    }
    .text-p2.text-12{
        width: 50%;
    }
    .text-p.text-p-12{
        top:5%;
    }
    .text-p.text-p-13{
        text-align: left;
    }
    .text-p2.text-13{
        width: 32%;
    }
    .text-p.text-p-13{
        left: -15%;
        top: 60px;
    }
    .text-p2.text-14{
        width: 50%;
    }
    .text-p.text-p-14{
        top:7%;
    }
    .text-p.text-p-15{
        text-align: left;
    }
    .text-p.text-p-15{
        left: 23%;
        top:30%;
    }
    .text-p2.text-15{
        width: 23%;

    }
    .text-p2.text-16{
        width: 65%;
    }
    .text-p.text-p-16{
        top:4%;
    }
    .text-p2.text-17{
        width: 70%;
    }
    .text-p.text-p-17{
        top:36px;
    }

}

@media (max-width:991px) and (min-width: 720px){
    .img-1{
        margin-top: 64px;
    }
    .subnav-wrap {
        width: 924px;
    }
    .subnav {
        width: 964px;
    }
    .text-p2 h2 {
        font-size: 1.6rem;
        line-height: 24px;
    }
    .text-p2 p{
        font-size: 0.9rem;
        font-weight: 100;
    }

    .text-p.text-p-1{
        top: 37%;
        left: -2%;
    }
    .text-p.text-p-2{
        top: 10%;
    }
    .text-p.text-p-3{
        text-align: left;
        top:-2%;
        left: 22%;
    }
    .text-p2.text-3{
        width: 51%;
    }
    .text-p2.text-3 .text-url{
        margin-top: 0;
    }
    .text-p2.text-4{
        width: 75%;
    }
    .text-p.text-p-4{
        top:1%;
    }
    .text-p2.text-5{
        width: 60%;
    }
    .text-p.text-p-5{
        top:10%;
    }
    .text-p2.text-6{
        width: 93%;
    }
    .text-p.text-p-6{
        top:3%;
    }
    .text-p.text-p-7{
        top:11%;
    }
    .text-p.text-p-8{
        text-align: left;
    }
    .text-p.text-p-8{
        left:21%;
        top:8%;
    }
    .text-p.text-p-10 {
        text-align: left;
    }
    .text-p2.text-10{
        width: 64%;
    }
    .text-p.text-p-10{
        left: -17%;
        top: 5%;
    }
    .text-p2.text-11{
        width: 51%;
    }
    .text-p.text-p-11{
        top:34%;
    }
    .text-p2.text-12{
        width: 50%;
    }
    .text-p.text-p-12{
        top:3%;
    }
    .text-p.text-p-13{
        text-align: left;
    }
    .text-p2.text-13{
        width: 48%;
    }
    .text-p.text-p-13{
        left: -15%;
        top: 5%;
    }
    .text-p2.text-14{
        width: 50%;
    }
    .text-p.text-p-14{
        top:14px;
    }
    .text-p.text-p-15{
        text-align: left;
    }
    .text-p.text-p-15{
        left: 26%;
        top:26%;
    }
    .text-p2.text-15{
        width: 38%;

    }
    .text-p2.text-16{
        width: 87%;
    }
    .text-p.text-p-16{
        top:2%;
    }
    .text-p2.text-17{
        width: 94%;
    }
    .text-p.text-p-17{
        top:8%;
    }

}

@media (max-width: 720px) {
    .img-1{
        margin-top: 64px;
    }
    .text-p2 h2{
        font-size: 1.5rem;
    }
    .text-p2 p{
        font-size: 1rem;
        font-weight: 100;
    }
}