html{
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 0px;
    margin: 0px;
}
body{
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 0px;
    margin: 0px;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling : touch;
    background-color: #E0F4FF;
}
.main{
    background-color: #EBF9FE;
    width: 100%;
    box-sizing: border-box;
    padding: 0px;
    margin: 0px;
    background-color: #DDF3FE;
    background: linear-gradient(to bottom,#DDF3FE,#58BAFF);
    /* background: url("../img/bg.png");
    background-repeat: no-repeat;
    min-height: 100%;
    background-size: 100% auto; */
    font-size: 3.500vw;
    position: relative;
}
.main p{
    line-height: 6.500vw;
}
.headerdiv{
    width: 100%;
    height: 75vw;
    box-sizing: border-box;
    background: url("../img/top.png");
    background-size: auto 100%;
    background-position: right 0vw;
    background-repeat: no-repeat;
    padding-right: 50vw;
    color: #000000;
    padding-top: 11vw;
    padding-left: 6vw;
    margin-bottom: 4vw;
}
.headerdiv p{
    font-size: 2.800vw;
    line-height: 4.200vw;
}
.headerdiv img.name{
    height: 8vw;
    width: auto;
}

img.t{
    width: auto;
    height: 8.500vw;
    margin-bottom: 3.500vw;
}
.contnetdiv-main{
    display: block;
    box-sizing: border-box;
    width: calc(100% - 12vw);
    margin-left: auto;
    margin-right: auto;
    /* min-height: 100vw; */
    font-size: 0px;
    margin-bottom: 5vw;
    position: relative;
    z-index: 2;
}
.contnetdiv-box{
    width: 100%;
    box-sizing: border-box;
    min-height: 20vw;
    /* border-radius: 3vw; */
    border-top-right-radius: 4.500vw;
    border-bottom-left-radius: 4.500vw;
    border: solid 1px #fff;
    font-size: 3.500vw;
    background: linear-gradient(to bottom,#E4F9FF,#FFFFFF 10vw);
    padding-top: 5.500vw;
    box-shadow: 0px 5px 10px #76c4f5;
    padding-left: 4vw;
    padding-right: 4vw;
    margin-bottom: 8vw;
}

.conflexzy-div{
    display: flex;
    width: 100%;
    height: auto;
    align-items: center;
    box-sizing: border-box;
    padding-bottom: 4vw;
}
.conflexzy-div img.map{
    width: 30vw;
    height: auto;
}
.conflexzy-div .flextext{
    flex: 1;
    overflow: hidden;
    box-sizing: border-box;
    padding-left: 5vw;
    padding-right: 5vw;
    font-size: 3.00vw;
}
.conflexzy-div .flextext .h4{
    font-size: 4vw;
    display: inline-block;
    font-weight: 700;
    line-height: 3.700vw;
    margin-bottom: 1vw;
}
.conflexzy-div .flextext p{
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 4.500vw;
    font-size: 2.800vw;
}
.conflexzy-div .title{
    display: flex;
    align-items: center;
    justify-content: left;
    margin-bottom: 2vw;
}
.conflexzy-div .title img:nth-child(1){
    height: 9.500vw;
    width: auto;
    margin-right: 6vw;
}
.conflexzy-div .title img:nth-child(2){
    height: 5.500vw;
    width: auto;
}
.safety-box{
    display: flex;
    width: 100%;
    box-sizing: border-box;
    align-items: center;
    padding-left: 4vw;
    padding-bottom: 4vw;
}
.safety-box .left{
    flex: 1;
    overflow: hidden;
}
.safety-box .right{
    flex-shrink: 0;
    width: 38vw;
}
.safety-box .right img{
    width: 35vw;
    height: auto;
}
.safety-box p{
    font-size: 3vw;
    margin-top: 0px;
    margin-bottom: 0px;
}
.safety-box .safety-t{
    color: #359EFC;
    font-size: 4vw;
    font-weight: 700;
    margin-bottom: 1.200vw;
}
.contactus-box{
    display: flex;
    width: 100%;
    padding-left: 3vw;
    padding-right: 3vw;
    box-sizing: border-box;
    padding-bottom: 4vw;
}
.contactus-box .contactus-li{
    flex: 1;
    overflow: hidden;
    box-sizing: border-box;
    margin-right: 4vw;
}
.contactus-box .contactus-li img{
    width: 100%;
    height: auto;
}
.contactus-box .contactus-li div{
    text-align: center;
    font-size: 3.200vw;
}
.contactus-box .contactus-li:last-child{
    margin-right: 0px;
}
.thank-div{
    display: block;
    text-align: center;
    padding-bottom: 6vw;
    color: #707070;
    letter-spacing: 1.800vw;
}
.qsuggestions-div{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: 9vw;
    font-size: 2.800vw;
}
img.triangle{
    display: block;
    width: 2vw;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3vw;
    margin-bottom: 3vw;
}
.text-center{
    text-align: center;
}
.lookprivacy-div{
    display: inline-flex;
    align-items: center;
    margin-bottom: 4vw;
    font-size: 3.200vw;
    background-color: #FFFFFF;
    height: 6vw;
    padding-left: 2vw;
    padding-right: 2vw;
    border-radius: 3vw;
    justify-content: center;
    text-align: center;
}
.margin-top0{
    margin-top: 0px;
}

.color-3FA1FB{
    color: #389EFB;
    text-decoration: none;
    font-weight: 700;
}
.safety-main{
    padding-top: 3vw;
    background:linear-gradient(to right bottom,#E7F5FF,#E6F5FF);
    padding-bottom: 5.500vw;
}
.safety-tiele{
    text-align: left;
    display: block;
    box-sizing: border-box;
    width: 100%;
    font-size: 3.500vw;
    font-weight: 700;
    margin-bottom: 3vw;
}
.safety-ul{
    display: flex;
    width: 100%;
    box-sizing: border-box;
    background: #FFFFFF;
    border-radius: 2vw;
    box-sizing: border-box;
    padding: 3vw;
}
.safety-ul .safety-li{
    flex: 1;
    overflow: hidden;
    text-align: center;
    font-size: 3.200vw;
}
.safety-ul .safety-li img{
    height: 13vw;
    width: auto;
}
.safety-ul .safety-li .tname{
    padding-top: 0.500vw;
}
.usescene-row{
    display: flex;
    width: 100%;
    box-sizing: border-box;
    background: #FFFFFF;
    border-radius: 2vw;
    padding: 1.500vw;
    margin-bottom: 2.200vw;
    font-size: 0px;
}
.usescene-row .leftimg{
    flex-shrink: 0;
    width: 25vw;
}
.usescene-row .leftimg img{
    width: 100%;
    height: auto;
}
.usescene-row .righttxt{
    padding-left: 2vw;
    box-sizing: border-box;
    flex: 1;
    overflow: hidden;
}
.usescene-row .titles{
    font-size: 3.200vw;
    font-weight: 700;
}
.usescene-row .righttxt p{
    font-size: 2.800vw;
    line-height: 3.600vw;
    padding-top: 1vw;
    padding-bottom: 0vw;
    margin-top: 0px;
    margin-bottom: 0px;
}
.usescene-main{
    padding-top: 3vw;
    background:linear-gradient(to right bottom,#E7F5FF,#E6F5FF);
    padding-bottom: 5.500vw;
    padding-bottom: 1.500vw;
}
.connect-main{
    background:linear-gradient(to right bottom,#E7F5FF,#E6F5FF);
    text-align: center;
}

.bottom-bg2{
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 70vw;
    background: url("../img/bb.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: 1;
    width: 60vw;
    opacity: 0.5;
}