html{
    font-size: calc(1rem+1vw);
    font-family: "Microsoft YaHei UI";
}

th{
    white-space: nowrap;
    text-align: center;
}
ol,ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
a:hover{text-decoration:none;}
.logo img{
    height: 60px;
}
.header-top{
    height: 30px;
    line-height: 30px;
    background: #2b85ab;
    color: #FFFFFF;
}
.header-top a{
    color: #FFFFFF;
    padding: 0 10px;
}
.main-menu a{
    font-size: 1.1rem;
    font-weight: bold;
}
.main-menu li li a{
    font-size: 1.2rem;
    font-weight: lighter;
}
/*banner*/
/* Make the image fully responsive */
.carousel-inner img {
    width: 100%;
    height: 100%;
}
.banner_msg{
    background: rgba(0,0,0,0.3);
    font-weight: bold;
    text-align: right;
    vertical-align: center;
    height: 50%;
    top:15%;
}
.banner_msg h3{
    font-size: calc(0.8rem+0.5vw);
}
.banner_msg h1{
    animation:fadeInDown 0.1s 0.1s both;
    color: #54a8cb;
    font-weight: bold;
    font-size: calc(0.8rem+0.5vw);
}
.banner_msg p{
    animation:fadeInDown 0.5s 0.5s both;
    text-transform:uppercase;
    font-weight: lighter;
}
.banner-btn{
    animation:flipInX 1s 1s both;
}
/*promote page*/
.titles {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
.titles h4 {
    float: left;
    font-weight: 600;
    margin: 0;
    color: #333333;
    line-height: 1;
}
 .titles span {
     width: 45px;
     height: 3px;
     display: inline-block;
     background: #2b85ab;
 }

.botinfo{
    color: #ffffff;
}

.botinfo a{
    color: #ffffff;;
}
#fbeian a{
    color: #ffffff;;
}

/*page article*/
.page_main p{
    text-indent: 2em;
    padding: 15px;
    line-height: 2rem;
}

/*footer*/
.main-footer{
    background: #54a8cb;height: 300px;display: flex;
}
.copyright{
    background: #2b85ab;
    height: 80px;
    font-size: small;
}
.copyright a{
    color: #FFFFFF;
    padding-left:15px ;
}