﻿.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){

}


