.top-con{
    position: fixed;
    width: 100%;
    top: 0px;
    z-index: 999;
    background-color: white;
    padding: 15px;
    box-shadow: 3px 2px 5px #ddd;
}
.top{
    width: 80%;
    margin: auto;
    height: 100%;
}
.logo{
    width: 54px;
    height: 54px;
    background-image: url(../img/logo.png);
    background-size: contain;
    float: left;
}
.name{
    font-size: 24px;
    float: left;
    margin-top: 9px;
    margin-left: 30px;
}
.menu{
    float:right;
    margin-top: 18px;
}
.menu a{
    text-decoration: none;
    font-size: 24px;
    color: #000000b8;
    font-size: 20px;
    margin-right: 10px;
}
.auto-win-height{
    height:calc( 100vh - 85px );
}
.carousel{
    margin-top: 85px;
}
.carousel-item{
    background-size: cover;
    text-align: center;
    display: flex; 
}
.inner-text{
    color:#ffffff;
    margin-top: calc(40vh - 20px);
    text-align: center;
    width: 100%;
}
.slide-title{
    font-size: 36px;
}
.slide-content{
    color:#ffffff;
    font-size: 17px;
    width: 50%;
    margin: auto;
    margin-top: 36px;
}
.brack-con{
    width: 100%;
    height: 550px;
    /* margin-top: 20px; */
}
.brack{
    width: 80%;
    margin: auto;
    height: 100%;
}
.lit-title,.lit-content{
    float:right;
}
.lit-title{
    font-size: 28px;
    color: #000066;
    width: 58%;
    text-align: left;
    display: inline-block;
    /* padding-top: 109px; */
    /* padding-top: 39px; */
}
.lit-content{
    text-align: left;
    width: 58%;
    display: inline-block;
    margin-top: 23px;
}
.literal{
    text-align: right;
    padding-right: 91px;
    /* float: left; */
    /* margin-top: 86px; */
    position: relative;
    margin-top: 150px;
}
.bg1 .literal,.bg3 .literal{
    padding-right:0px;
    padding-left:90px;
}
.pic img{
    margin-top: 63px;
    max-width: 80%;
}
.literal,.pic{
    display:inline-block;
    width: 49%;
    float: left;
}
.lprt .pic img{
    float:right;
}
.lprt .lit-title, .lprt .lit-content{
    float:left;
}
.bg1{
    background-image: url(../img/bg1.png);
    background-color: white;
    background-position-y: -20px;
}
.bg1 .lit-title{
    color: #FFFFFF;
    margin-top: 88px;
}
.bg1 .lit-content{
    color: #FFFFFF;
}
.bg2{
    background-image: url(../img/bg2.jpg);
    background-color: white;
    background-position-y: -20px;
}
.bg2 .lit-title{
    /* color: #FFFFFF; */
    margin-top: 57px;
}
.bg3{
    background-image: url(../img/bg3.jpg);
    background-color: white;
    background-position-y: -30px;
    color: white;
}
.bg3 .lit-title{
    color:white;
    margin-top: 57px;
}
.bg3 .pic img{
    width: 400px;
}
.bg3 .pic{
    padding-right: 88px;
    padding-top: 100px;
}
.company-con{
    width: 100%;
    height: 379px;
    background-color: #293646;
    /* margin-top: 20px; */
    color: #ffffff;
    font-size: 20px;
}
.company{
    width: 80%;
    margin: auto;
    height: 100%;
}
.company .literal{
    margin-top:60px;
}
.company .literal{
    text-align: left;
}
.company-content{
    margin-top: 50px;
}
.footer-con{
    width: 100%;
    height: 100px;
    background-color: #2f4052;
    /* margin-top: 20px; */
    color: #ffffff;
    font-size: 20px;
}
.footer{
    width: 80%;
    margin: auto;
    height: 100%;
    text-align: center;
    padding-top: 21px;
}
.footer a{
    color:#dddddd;
    text-decoration: none;
}
.footer>a,.footer>span{
    display:block;
}
#adv,#base,#service,#introduce{
    position: absolute;
    width: 100%;
    margin-top: -50px;
}
#adv{
    top:0px;
}
#base{
    top:820px;
}
#service{
    top:1745px;
}
#introduce{
    top:2665px;
}