.header .logo img, .logo-text { display: inline-block; vertical-align: bottom;}
.logo-text { position: relative; color: #fff; font-family: 'Microsoft YaHei'; padding: 0 0 1px 15px; margin-left: 15px;}
.logo-text::before { position: absolute; left: 0; top: 10%; bottom: 3%; display: inline-block; content: ""; width: 1px; vertical-align: middle; background: #fff;}
.logo-ch-text { font-size: 26px; line-height: 34px;  margin: 0 0 4px;}
.logo-en-text { font-size: 12px;}
.header-t li.first-li:before { display: none;}
.header .logo img { height: auto !important;}
.headerm .logo img { height: 45px; display: inline-block;}
@media screen and (max-width: 1200px) {
.logo .logo-text { margin-left: 8px;}
.logo .logo-ch-text { font-size: 15px; line-height: 15px; margin: 0 0 2px;}
.logo .logo-en-text { font-size: 12px; white-space: nowrap; line-height: 12px; -moz-transform: scale(0.75); transform: scale(0.75); -moz-transform-origin: 0%; transform-origin: 0%;}
}
@media screen and (max-width: 450px) {
.logo.flex-v-center a { position: relative;}
.headerm .logo img { height: 28px; vertical-align: super;}
.logo .logo-text { position: absolute; left: 68px;  margin-left: 3px; padding: 0 0 1px 6px;}
.logo .logo-text::before { bottom: 15%;}
.logo .logo-ch-text { font-size: 12px; line-height: 12px; margin: 0;}
.logo .logo-en-text { -moz-transform: scale(0.65); transform: scale(0.65); -moz-transform-origin: 0%; transform-origin: 0%;}
}
.vsbcontent-table-container-outer { position: relative;}
.vsbcontent-table-container
{
    width: 98%;
    overflow-y: auto;
    _overflow: auto;
    margin: 2px;}
.vsbcontent-table-container::-webkit-scrollbar
{
    -webkit-appearance: none;
    width: 14px;
    height: 14px;}
.vsbcontent-table-container::-webkit-scrollbar-thumb
{
    border-radius: 8px;
    border: 3px solid #fff;
    background-color: rgba(0, 0, 0, .3);}
.vsbcontent-table-container-fade
{
    position: absolute;
    right: 0;
    width: 5px;
    height: 100%;
    background-image: -webkit-linear-gradient(0deg, rgba(255,255,255,.5), #fff);
    background-image: -moz-linear-gradient(0deg, rgba(255,255,255,.5), #fff);
    background-image: -ms-linear-gradient(0deg, rgba(255,255,255,.5), #fff);
    background-image: -o-linear-gradient(0deg, rgba(255,255,255,.5), #fff);
    background-image: linear-gradient(0deg, rgba(255,255,255,.5), #fff);}
.message .desM { padding-top: 50px;}
.message .desM::before { display: none;}
 .fright{align-items: center;}
         .address{color: rgba(255,255,255,.5);font-size: .13rem;line-height: 1.6em;margin-left: .3rem;}
         .footer .ftico a{color: #fff;display: block;margin-left: .15rem;position: relative;width: .3rem;height: .3rem;border-radius: 100%;background: rgba(255,255,255,.2);text-align: center;line-height: .3rem;transition: all .8s;-webkit-transition: all .8s;}
.footer .ftico a i{font-size: .18rem;}
.footer .ftico a span{position: absolute;left: 50%;margin-left: -.54rem;width: 1.08rem;height: 1.08rem;background: rgba(255,255,255,.2);top: -1.08rem;transition: all .8s;-webkit-transition: all .8s;padding: .05rem;display: none;}
.footer .ftico a:hover{background: rgba(255,255,255,.4);color: #7e17b4;}
.footer .ftico a:hover span{display: block;}
.frselect{min-width: 1rem;background: transparent;margin-left: .2rem;margin-right:.2rem;user-select: none;-webkit-touch-callout: none;position: relative;}
.frselect .placeholder {position: relative;display: block;background-color: transparent;z-index: 1;width: 100%;height: .3rem;cursor: pointer;color: #fff;transition: all .8s;-webkit-transition: all .8s;line-height: .3rem;padding-left:.1rem;border: 1px rgba(255,255,255,.5) solid;padding-right: .3rem;}
.frselect .placeholder:hover {background: #fff;color: #333;}
.frselect .placeholder:after {position: absolute;right: .1rem;top: 50%;content: '';z-index: 10;width: 0;height: 0;border: .06rem transparent solid;border-top: .06rem #fff solid;margin-top: -.03rem;}

.frselect .placeholder:after{border-top: .06rem #fff solid;}
.frselect.is-open ul {
    display: block;}
.frselect .placeholder:hover{border:0px transparent solid;}
.frselect .placeholder:hover:after {
    border-top: .06rem #999 solid;}
.frselect.select--white .placeholder {
    background: #fff;
    color: #999;}


.frselect ul {
   display: none;position: absolute;overflow: hidden;width: 2rem;background: #fff;border-radius: 2px 2px 0 0;bottom: 0;left: 0;list-style: none;padding: 0;z-index: 10;transform: translateY(calc(-50% + .16rem));z-index: 6;}
.frselect ul li {
    display: block;
    text-align: left;
    padding: 0.8em 1em 0.8em 1em;
    color: #999;
    cursor: pointer;}
.frselect ul li:hover {
    background: #f7f7f7;
    color: #333;}
@media screen and (max-width:1080px) {
    .footer{height: auto;}
    .footer .ftlogo{width: 50%;}
    .footer .ftlogo .fttlogo{margin-bottom: .15rem;}
    .fright{width: 50%;margin-top: .1rem;}
    .frselect .placeholder{height: .36rem;line-height: .36rem;}
    .address{width: 50%;margin-left: 0;}
}
@media screen and (max-width:980px) {
    .footer .ftlogo{width: 50%;margin-bottom: 0;}
    .address,.address p{line-height: 2em;}
}
@media screen and (max-width:768px) {
    .footer .ftlogo{width: 100%;}
    .address,.address p{display: none;}
    .footer .ftico a{display: none;}
    .frselect{display: none;}
    .footer .fright .txt{text-align: center;width: 100%;}
}