html,body{width: 100%;height: 100%;  overflow-x: hidden;}

body > *{
    width: 100%;
}

body > * > article{
    width: 70%;
    margin:2rem auto;
   /* border:1px red solid;*/
   
}
#header{
    position: fixed;
    z-index: 2;
    background: #FFF;
}


#header .nav{
    width: 100%;
}



.welcome, footer *{
    color: rgba(255,255,255,1);
}

.welcome > div,
.agent ul,
footer > *{
    margin: 10px auto;
}
#header .nav{
    margin: 0 auto;
}
#header .welcome{
    width: 100%;
    background: #1171b6;
}

#header nav ul li{
    padding: 20px;
}

article.agent {
    width: calc(286px * 4 + 20px);
    width: 100%;
}

@media screen and (max-width: 1440px) {

    body > * > article {
        width: 95% !important;
        margin: 2rem auto;
    }
    #header .welcome > div, #header .nav {
        width: 95%;
    }
    nav  ul li a{
        white-space: nowrap;
    }
}




li a {
        white-space: nowrap;
    }

    .nav-list li {
        position: relative;
        min-height: 55px;
        padding: 20px;
    }

    li ul {
        position: absolute;
        left: 0px;
        top: calc(110px / 2);
        background: #FFF;
        /* border: 1px red solid;*/
        display: none;
    }

    .nav-list li:hover ul {
        display: block;
    }

    @media screen and (max-width: 1200px) {
        .nav-list li {
            position: relative;
            min-height: 20px;
            margin: 0px auto;
        }
        li ul {
            position: inherit;
            top: 15px;
            background: #ccc;
        }
		#header nav ul li{padding:10px;}
    }

@media screen and (max-width: 1200px) {
    /* .logo img{
        width: 50%;
    }*/
    nav ul{
       /* display: none !important; */
    }
    .logo.flex.align-items-cen.just-cont-sp-bet {
        width: 100%;
    }
	.logo img{width:75%;}
    .menu{
        display: flex!important;
    }
    .nav ul.flex {
    width: 100%;
    position: absolute;
    flex-direction: column;
    top: 91px;
    left: 0;
    right: 0;
    z-index: 2;
    display: none;
    }
    .nav ul.flex li  a{
        text-align: center;
    }

    .nav-list{
    background: #fff;
    color: #000;
}    
footer > div:nth-child(1),.copy{
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    footer div p {
        margin: 15px 15px 15px 0 !important;
    }
    footer div p span {
    margin-right: 15px !important;
}
    footer > * {
    width: 95% !important;
    }

}



@media screen and (max-width: 768px) {

    .pro-info{
        padding: 0 !important;
    }
    .video{
        display: none;
    }
    .new img{
        display: none;
    }

    

}