﻿.nav_bg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    background: rgba(0, 0, 0, .8);
    display: none;
}
.nav_icon2 {
    position: absolute;
    right: 10px;
    bottom: 25px;
    width: 32px;
    height: 23px;
    display: none;
}
.nav_icon2 img {
    display: block;
    width: 100%;
    height: 100%;
}


@media screen and (max-width: 1200px){
	.areaheart{
		width: 98%;
		padding: 0 1%;
    }
    .top .areaheart{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .logo{
        width: 60%;
    }
    .logo img{
        display: block;
        width: 100%;
        height: auto;
    }
    .top .cb{
        display: none;
    }
    .logo, .logo_rgt{
        margin: 0;
    }
    .foot .foot_lf{
        display: none;
    }
    .foot .foot_rgt{
        min-width: 265px;
    }
    .foot .foot_mid{
        min-width: 450px;
    }
    .foot .foot_mid li{
        margin-left: 0;
        width: 50%;
    }
    .foot .foot_mid::before,
    .foot .foot_mid::after{
        display: none;
    }
    
    

}

@media screen and (max-width: 1000px){
    .top{
        height: auto;
        
    }
    .top .areaheart{
        width: 100%;
        padding: 20px 1%;
        box-sizing: border-box;
        position: relative;
    }
    .nav li a{
        font-size: 16px;
    }
    .part01 .pic_news{
        display: none;
    }
    .part01 .notice,
    .part01 .news{
        width: 50%;
        box-sizing: border-box;
        padding: 0 1%;
        margin: 0;
    }
    .foot .foot_rgt .ewm_txt{
        float: right;
        display: none;
    }
    .foot .foot_rgt .img_box{
        float: right;
        margin: 0;
    }
    .foot .foot_rgt{
        min-width: auto;
    }
}

@media screen and (max-width: 768px){


}

@media screen and (max-width: 600px){
    .logo_rgt{
        position: absolute;
        left: 1%;
        top: 10px;
    }
    .logo{
        padding-top: 40px;
        width: 80%;
    }
    .search{
        width: 300px;
    }
    .search .ipt_txt{
        width: 250px;
    }
    .nav{
        display: none;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 9;
        width: 160px;
        height: auto;
    }
    .nav .areaheart{
        width: 100%;
        padding: 0;
    }
    .nav li{
        width: 100% !important;
        float: none;
        border-top: 1px solid #3DA1F9;
    }
    .nav li a{
        font-weight: normal;
    }
    .nav li dl{
        position: unset;
    }
    .nav li dl dd a{
        font-size: 14px;
    }
    .nav li::after{
        display: none;
    }
    .nav_icon2{
        display: block;
        z-index: 1;
    }



    .part01 .notice,
    .part01 .news{
        width: 100%;
    }
    .foot .foot_mid{
        width: 100%;
        min-width: auto;
    }
    .foot .foot_mid li{
        margin-left: 0;
        width: 100%;
    }
    .foot .foot_rgt{
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 10px;
        margin-top: 0px;
    }
    .main_wrap .side_nav{
        position: unset;
        width: 100%;
    }
    .main_wrap .side_nav h2{
        background: #0b6cb8;
        height: 50px;
        margin-bottom: 10px;
    }
    .main_wrap .side_nav ul.side_row li{
        height: 36px;
        line-height: 36px;
    }
    .main_wrap .side_nav .side_list{
        display: none;
    }
    .main_wrap .side_cont{
        padding-left: 0;
    }
    .part01 .pic_news{
        display: block;
        width: 100%;
    }
    


}

@media screen and (max-width: 500px){

}

@media screen and (max-width: 440px){

}


