/*首页头部*/

.top {
    /* position: fixed;
    left: 0;
    top: 0; */
    width: 100%;
    height: 84px;
    background-color: #ffffff;    
    /* z-index: 999; */
}

.top .topcon{
    width: 62%;
    margin: 0 auto;
    align-items: center;
    display: flex;
    justify-content: space-between;            
}

.topcon .logo{
    width: 160px;
    height: 64px;
}

.topcon  .list_con{
    width: 70%;
    height: 84px;
    display: flex;
    align-items: center;
    font-size: 18px;
}

.topcon .list_con .item{
    margin-left: 40px;
}

.topcon .list_con .item a{
    color: #666666;
    text-decoration:none;
}

.topcon .list_con .hover a{
    color: #3590dc;
}

/*公共地图和二维码部分*/
.box_foot{
    width: 100%;
    height: 210px;
    background: #f5f3f0;
    border-bottom: 5px solid #3590dc;
}

.box_foot .box_footcon{
    width: 62%;
    height: 162px;
    margin: 0 auto;
    padding-top: 20px;
    display: flex;
    justify-content: space-between;
}

.box_footcon .footcon-left{
    width: 39%;
    height: 162px;
}

.footcon-left .qrcode{
    width: 129px;
    height: 162px;
    margin: 0  auto;
    text-align: center;
}

.footcon-left img{
    padding-top: 12px;
    width: 129px;
}

.footcon-left p{
    color: #8f8f8f;
    font-size: 14px;
}

.box_footcon .footcon-right{
    width: 59.4%;
    height: 162px;
}

.footcon-right .map{
    width: 100%;
    height: 100%;
}
/*首页底部*/

.foot {
    width: 100%;
    height: 210px;
    background: linear-gradient(to right,#e8e6ea,#eeecef,#f4f3f5,#fbfbfc,#fefefe,#ffffff,#fefefe,#fbfbfc,#f4f3f5,#eeecef,#e8e6ea);
}

.foot .foot-content{
    width: 62%;
    height: 60px;
    margin: 0  auto;
    display: flex;
    justify-content: space-between;
    padding-top: 58px;
}

.foot-content .foot-logo{
    width: 148px;
    height: 60px;
}

.foot-content .foot-link{
    width: 160px;
    height: 60px;
    display: flex;
    flex-direction:row;
    justify-content: space-around;
    align-items: center;
}

.foot-link a,.foot-link img{
    width: 38px;
    height: 38px;
}

.foot .foot-bottom{
    width: 62%;
    height: 50px;
    margin: 0  auto;   
}

.foot-bottom p{
    font-size: 14px;
    color:#818081;
}

.foot-bottom a{
    font-size: 12px;
    color:#818081;
}

.foot-bottom p:nth-child(1),.foot-bottom a{   
    line-height: 80px;
    display:inline;
}

@media screen and (min-width: 750px) {
    .foot {
        width: 100%;
        height: 210px;
        background: #e8e6ea;
    }
}

@media screen and (min-width: 1920px) {
    .foot {
        width: 100%;
        height: 210px;
        background: linear-gradient(to right,#e8e6ea,#eeecef,#f4f3f5,#fbfbfc,#fefefe,#ffffff,#fefefe,#fbfbfc,#f4f3f5,#eeecef,#e8e6ea);
    }
}