.fix-top {
    padding-top: 100vh;
    position: relative;
    top: 0;
    transition: all 0.7s cubic-bezier(0.5, 0, 0.2, 1) 0s;
    -webkit-transition: all 0.7s cubic-bezier(0.5, 0, 0.2, 1) 0s;
    -moz-transition: all 0.7s cubic-bezier(0.5, 0, 0.2, 1) 0s;
    -ms-transition: all 0.7s cubic-bezier(0.5, 0, 0.2, 1) 0s;
    -o-transition: all 0.7s cubic-bezier(0.5, 0, 0.2, 1) 0s;
    z-index: -1;}
.body-main {
    position: relative;
    z-index: 2;
    background-color: #fff;}
.banner{
position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;}




@media (max-width: 1023px){
.fix-top {
    padding-top: 0;}
 .banner{   position: relative !important;}
 .banner img {height:auto;}
}
/*组件样式*/
 .st .nav-down{display:none !important;opacity: 0 !important;}
 .st:before{display:none !important;opacity: 0 !important;}
#zlm:before{display:block !important;}







.nav-list li:before {
    opacity: 0;
    visibility: hidden;
    content: "";
    width: 0;
    height: 0;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-bottom: 13px solid rgba(255, 255, 255, 0.8);
    position: absolute;
    bottom: 0;
    left: 33%;
    display:none !important;}

.nav-list li:hover:before {
    opacity: 1;
    visibility: visible;}




.nav-list li:hover .nav-down{
    opacity: 1;
    visibility: visible;
    display: block !important;}


.nav-list li .nav-down {
    width: 400px;
    padding: 20px;
    overflow: hidden;
    position: absolute;
    top: 100%;
    left: -25px;
    z-index: 999999;
    opacity: 0;
    visibility: hidden;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 20px;
    transition: opacity 0.15s;
    display: none;
    transform: translate(-35%, 0);}

.nav-list li .nav-down .pic {
    float: left;
    width: 160px;
    height:100px;
    border-radius: 10px;
    overflow: hidden;}
.nav-list li .nav-down .pic img {
    width: 100%;}
.nav-list li .nav-down .list {
    float: right;
    width: calc(100% - 170px);}
.nav-list li .nav-down .list li {
    width: 50%;
    float: left;
    padding: 0 10px;
    line-height: 36px;}
.nav-list li .nav-down .list li a {
    display: block;
    font-size: 16px;
    color: #333333;
    display: block;
    position: relative;
    padding-left: 15px;
    text-align: left;}


@media (max-width: 991px){
.nav-list li .nav-down {
    width: 100%;
    display: none ;
    position: relative !important;
    background-color: transparent;
    float: none;
    border: none;
    top: 0 !important;
    left: 0 !important;
    padding: 0px 0 0px 0px !important;
    margin: 0 0 -1px 0 !important;
    opacity: 1;
    visibility: visible;
    transform: translate(0%, 0);
    background: #2454b9;
    border-radius: 0px;
        transition: 0.3s all;}

.nav-list li .nav-down .pic {
    display: none;}
.nav-list li .nav-down .list {
    float: none;
    width: 100%;}
.nav-list li .nav-down li {

    text-align: left;}
.nav-list li .nav-down li a {
    padding: 5px;
        text-align: left !important;
    line-height: 24px;
    color: #333 !important;
        font-weight: normal !important;}
.nav-list li:before{display:none !important;opacity: 0 !important;}
.nav-list li .nav-down .list li{width:100% !important;padding: 0 0px;}
.nav-list li .nav-down .list li a{color:#fff !important;}


.nav-list li:hover .nav-down {
    opacity: 1;
    visibility: visible;
    display:none !important;}
.nav-list li.on .nav-down {
    display: block !important;
    width: 100%;
        transform: translate(0%, 0) !important;}
.nav-list li.on .nav-click {
        transform: rotate(180deg);}

}

.ks-ss {
    width: 280px;
    border: 1px solid #9eb9f2;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    z-index: 99999;
    float: left;
    position: relative;}
.footer .footleft ul li{width:100%;padding-left:10px;}

.ks-ss h2 {
    font-size: 16px;
    color: #9eb9f2;
    line-height: 36px;
    margin-top: 0px;
    margin-bottom: 0px;
    background: url(images/scscs.png)right 15px center no-repeat;
    padding-left: 10px;}


.ks-ss ul {
    display: none;
    border: 1px solid #9eb9f2;
    position: absolute;
    width: 100%;}

.ks-ss ul li {
    background: #9eb9f2;
    padding-left: 10px;
    line-height: 30px;}

.ks-ss ul li a{color: #fff;}

.ks-ss ul li:hover {
    background: #04478f;}


@media(max-width:768px){
.ks-ss{    float: unset;
    margin: auto;}
}


#rrr{margin-left:20px;}