.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;}
/****/
.s1-r{padding:20px 35px; text-align:justify;}
.s1-r p{text-indent:2em;line-height:51px;font-size:18px;padding-bottom:0px;}
.sl-r-cont{display:flex;align-items:center;}
.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;}*/
}