/* 头部 */

.pc-nav{

    width: 100%;

    height: 100px;

    background-color: rgba(221,221,221,.1);

    position: fixed;

    top: 0;

    left: 0;

    border-bottom: 1px solid #d7d7d7;

    display: flex;

    z-index: 99;

}

.pc-nav .logobox{

    width: 22.6%;

    padding-left: 8%;

    border-right: 1px solid #d7d7d7;

    height: 100%;

    display: flex;

    align-items: center;

}

.pc-nav .nav_list>ul{

    width: 1200px;

    height: 100%;

    display: flex;

    justify-content: space-between;

}

.pc-nav .nav_list>ul>li{

    width: calc(100%/8);

    text-align: center;

    color: #ffffff;

    font-size: 16px;

    height: 100%;

    transition: all .3s linear;

}

.pc-nav .nav_list ul li a{

    display: block;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

}

.pc-nav .nav_list>ul>li:hover{

    background-color: rgba(255,255,255, .5);

    color: #51915e;

}

.pc-nav .gjtab{

    width: 15.5%;

    padding-right: 8%;

    border-left: 1px solid #d7d7d7;

    height: 100%;

    display: flex;

    align-items: center;

    color: #ffffff;

    justify-content: flex-end;

}

.gjtab .kd{

    font-size: 15px;

    color: #ffffff;

    width: 28px;

	height: 28px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 100%;

}

.gjtab span{

    margin: 0 10px;

}

.pc-nav .zt-active{

	color: #51915e;

    background-color: #fff;

}

.cc-active{

    z-index: 9999;

    background: #fff;

    box-shadow: 1px 1px 10px #000;

    ;

    color: #333;

}

.cc-active .nav_list>ul li a{

    color: #333;

}

.cc-active .nav_list>ul>li:hover{

    background-color: #589868;

    color: #fff;

}

.cc-active .kd{

    color: #333;

}

.cc-active .zt-active{

    color: #fff;

    background-color: #51915e

}

/* 二级 */

.nav_list .mp-bigbox{
    overflow: hidden;

    width: 100%;

    height: 0px;

    position: absolute;

    top: 100%;

    left: 0;

    background-color: #f5f5f5;

    transition: all .3s linear;

    display: flex;

    visibility: hidden;

}

.nav_list ul li:hover .mp-bigbox{

    visibility: visible;

    height: 380px;

}

.nav_list ul li:hover .mp-bigbox .desc{

    visibility: visible;

}

.nav_list .mp-bigbox .desc{

    width: 41%;

    background-color: #b2dccc;

    display: flex;

    flex-direction: column;

    align-items: flex-end;

    justify-content: center;

    text-align: left;

    padding-right: 6%;

    visibility: hidden;

}

.nav_list .mp-bigbox .sonlist{

    width: 59%;

    display: flex;

    align-items: center;

    padding-left: 6.5%;

}

.mp-bigbox .desc h4{

    font-size: 26px;

	line-height: 27px;

    font-weight: bold;

	color: #333333;

}

.mp-bigbox .desc h1{

    font-size: 40px;

	line-height: 41px;

	font-weight: bold;

	color: #589868;

    margin-top: 22px;

    margin-bottom: 42px;

}

.mp-bigbox .desc p{

    font-size: 12px;

	line-height: 20px;

	color: #666666;

}

.mp-bigbox .desc >div{

    width: 60%;

}

.sonlist ul{

    width: 60%;

    height: 49%;

    overflow: scroll;

    overflow-x: hidden;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    padding-right: 10px;

}

.sonlist ul::-webkit-scrollbar {

    width: 0 !important;

    -ms-overflow-style: none;

     overflow: -moz-scrollbars-none;

}



.sonlist ul li{

    height: 40px;

    width: 42.5%;

    display: flex;

    justify-content: space-between;

    align-items: flex-start;

    border-bottom: 1px solid #e6e6e6;

    cursor: pointer;

    margin-bottom: 15px;

}

.sonlist ul li .yq{

    display: inline-block;

    width: 9px;

	height: 9px;

	background-color: #ffffff;

	border: solid 2px #589868;

    border-radius: 100%;

    margin-right: 4px;

}

.sonlist ul li>div span{

    font-size: 14px;

	color: #999999;

}

.nav-active a{

    background-color: rgba(255,255,255, .5);

    color: #589868 !important;

}

.ej-active span{

    color: #589868 !important;

}

.sonlist ul li:hover span{

    color: #589868 !important;

}

/* 头部结束 */

@media (max-width:1775px){

    .pc-nav .logobox{

        padding-left: unset;

        justify-content: center;

    }

    .pc-nav .gjtab{

        padding-right: unset;

        justify-content: center;

    }

}

@media (max-width:1575px){

    .pc-nav .logobox img{

       width: 65%;

    }

    .pc-nav .logobox a{

        text-align: center;

    }

    .pc-nav .nav_list{

        width: 85%;

    }

    .pc-nav .nav_list ul{

        width: 100%;

    }

}

@media (max-width:1200px){

    .pc-nav{

        display: none;

    }

}