.banner {position:relative;height:38.45vw;}
.banner:before{content:'';position:absolute;top:-5px;left:0;right:0;height:138px;background:url(images/bgq1.png) repeat-x;-webkit-background-size:auto 100%;-moz-background-size:auto 100%;-ms-background-size:auto 100%;-o-background-size:auto 100%;background-size:auto 100%;}
.banner .index-top-img{position:absolute;z-index:-1;}
.banner .logo-zz{display:block;position:absolute;left:3vw;top:1vw;z-index:3;height:58px;}
.banner .logo-zz img{height:58px;}
.nav{margin-top:2%;position:relative;}
.index{margin-top:-45px;padding-top:95px;}
@media only screen and (max-width: 1199px){
.banner .logo-zz img {
    height: 40px;}
}

.head-txt{text-align:center;position:absolute;z-index:3;top:58%;left:0;right:0;background:url(images/head_002.png) no-repeat center 0;padding:1.3% 0;}
.head-title{font-size:69px;color: #fff;
    line-height: 1.5em;
    margin-bottom: 1px;
    overflow: hidden;letter-spacing: 8px;}
.head-title p{ font-weight:bold;}
@media only screen and (max-width: 1920px){
.head-title {
    font-size: 3.9875vw;}
}

@media only screen and (max-width: 1440px){
.head-title {
    font-size: 48px;}
}


@media only screen and (max-width: 1199px){
.head-title {
    font-size: 30px;}
}

@media only screen and (max-width: 1023px){
.nav{margin-top:0%;}
.index{padding-top:45px;margin-top:0;}
}

@media only screen and (max-width: 767px){
.head-title {
    font-size: 24px;}
}

.nav>ul{width:800px;}
/****/
.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);}

#vsb_content_2 strong{font-size:21px !important;font-weight:bold;}
#vsb_content_2 p{font-size:18px !important;line-height:38px !important;padding-bottom:15px;text-align:justify;}
@media only screen and (max-width: 1024px){
  
.art-main img{width:100%;margin-top:3%;}

}

#vsb_content_2 IMG{border:none !important;}

.footer-top{display:flex;}
.foot-link{width:39%;}
.foot-logo{width:22%;}
.foot-info{width:39%;margin-top:32px;}
.foot-logo img{display:block;margin: 40px auto 0;}
.foot-info p{text-align:right;font-size: 14px;}
.foot-link{font-size: 14px;}
.foot-link-title{color:#fff;font-weight:bold;padding-bottom:10px;font-size:16px;}
.font-link-ul{display:flex;flex-wrap:wrap;}
.font-link-ul li{width: 45%;line-height:28px;}
.font-link-ul li a h3{color:#fff;font-size:14px !important;}
.footer-top{border-bottom: 1px solid #ce9d9d;padding-bottom: 20px;}
.footer p{font-size:14px;line-height:28px;}
.copyright{padding-top:9px;}
.font-link-ul li:hover .titline i {
    background-image: linear-gradient(#fff, #fff);}
.font-link-ul li a:hover .titline i{color:#fff;}

@media only screen and (max-width: 1199px){
.footer-top{flex-wrap:wrap;}

.foot-logo {
   width:100%;
   padding-bottom:20px;}
.foot-link{width:100%;}
.foot-info{width:100%;}
.font-link-ul li{width: 33.333%;line-height:28px;}
.foot-info p{text-align:center;}

}

@media only screen and (max-width: 767px){
   
.font-link-ul li{width: 50%;line-height:28px;}
.s3-c ul li a h3{height:auto;}

}

@media only screen and (max-width: 640px){
   
.s3-c ul li{width: 100%;}

}

@media only screen and (max-width: 560px){
  /* .font-link-ul li{width: 100%;line-height:28px;}*/
}