@media (max-width: 700px) {
    #avatar img {
        width: 95% !important;
    }
}

@media (min-width: 700px){
    .index-about-a02{
        opacity: 0;
        width: 10%;
        position: absolute;
        top: 25%;
        left: 23%;
    }
    .index-about-a{
        width: 10%;
    }
    .index-about-r003:hover .index-about-a02{
        opacity: 1;
    }
    .index-about-r003:hover .index-about-a{
        opacity: 0;
    }
}
@media (max-width: 700px){
    .index-about-a02{
        content: url("../images/index-about-a02.png");
        opacity: 0;
        width: 10%;
        position: absolute;
        top: 25%;
        left: 23%;
    }
    .index-about-a{
        content: url("../images/index-about-a.png");
        width: 12%;
    }
}

@media(min-width: 700px){
    .tubiao1{
        content: url("../images/index-about-bull-01.png");
        display: block;
        width: 40px;
        height: 40px;
        margin: 20px auto;
    }
    .tubiao2{
        content: url("../images/index-about-bull-02.png");
        display: block;
        width: 40px;
        height: 40px;
        margin: 20px auto;
    }
    .tubiao3{
        content: url("../images/index-about-bull-03.png");
        display: block;
        width: 40px;
        height: 40px;
        margin: 20px auto;
    }
    .maps_img{
        content: url("../images/map1.png");
    }
}
@media(max-width: 700px){
    .tubiao1{
        content: url("../images/index-about-bull-01.png");
        display: block;
        width: 30px;
        margin: 15px auto;
    }
    .tubiao2{
        content: url("../images/index-about-bull-02.png");
        display: block;
        width: 30px;
        margin: 15px auto;
    }
    .tubiao3{
        content: url("../images/index-about-bull-03.png");
        display: block;
        width: 30px;
        margin: 15px auto;
    }
    .maps_img{
        display: none;
    }
}
@media(min-width: 700px){
    .time_biao{
        content: url("../images/index-case-002.png");
        width: 20px;
        position: absolute;
        top: 0px;
        left: -9px;
    }
}
@media(max-width: 700px){
    .time_biao{
        content: url("../images/index-case-002.png");
        width: 15px;
        position: absolute;
        top: 3px;
        left: -2px;
    }
}
@media(min-width: 700px){
    .index-case-003-12-56{
        width: 16%;
        display: block;
        float: left;
    }
    .index-case-003-02-89{
        display: none;
        width: 16%;
        float: left;
    }
    .index-case-003-wang{
        width: 19%;
    }
    .index-case-003-wang span{
        display: block;
        float: left;
    }
    .list-wrap li:hover .index-case-003-12-56{
        display: none
    }
    .list-wrap li:hover .index-case-003-02-89{
        display: block;
    }
}
@media(max-width: 700px){
    .index-case-003-12-56{
        content: url("../picture/index-case-003.png");
        width: 21%;
        display: block;
        float: left;
    }
    .index-case-003-02-89{
        content: url("../picture/index-case-003-02.png");
        display: none;
        width: 21%;
        float: left;
    }
    .index-case-003-wang{
        width: 28%;
    }
    .index-case-003-wang span{
        display: block;
        float: left;
    }
    .list-wrap li:hover .index-case-003-12-56{
        display: none
    }
    .list-wrap li:hover .index-case-003-02-89{
        display: block;
    }
}
@media(min-width: 700px){
    .index-news-icon-001{
        content: url("../images/index-news-icon-001.png");
        display: block;
        width: 80%;
        margin:8% auto 0;
    }
}
@media(max-width: 700px){
    .index-news-icon-001{
        content: url("../images/index-news-icon-001.png");
        display: block;
        width: 80%;
        margin:auto;
    }
}
@media (min-width: 700px){
    .index-cona-01{
        content: url("../images/index-cona-01.png");
        width: 100%;
    }
    .index-cona-02{
        content: url("../images/index-cona-02.png");
        width: 100%;
    }
    .index-cona-04{
        content: url("../images/index-cona-04.png");
        width: 100%;
    }
}
@media (max-width: 700px){
    .index-cona-01{
        content: url("../images/index-cona-01.png");
        width: 100%;
    }
    .index-cona-02{
        content: url("../images/index-cona-02.png");
        width: 100%;
    }
    .index-cona-04{
        content: url("../images/index-cona-04.png");
        width: 100%;
    }
}
.clear{
    clear: both;
}
@media (min-width: 700px){
    .footer-nav-01{content: url(../picture/footer-nav-01.png);display: block;position: absolute;top: -2px;left: 64%;width: 16%;}
    .footer-nav-02{content: url(../picture/footer-nav-02.png);display: block;position: absolute;top: -2px;left: 45%;width: 16%;}
    .footer-nav-03{content: url(../picture/footer-nav-03.png);display: block;position: absolute;top: 0px;left: 42%;width: 16%;}
    .footer-nav-04{content: url(../picture/footer-nav-04.png);display: block;position: absolute;top: 0px;left: 42%;width: 16%;}
    .footer-nav-05{content: url(../picture/footer-nav-05.png);display: block;position: absolute;top: 0px;left: 42%;width: 16%;}
    .footer-nav-06{content: url(../picture/footer-nav-06.png);display: block;position: absolute;top: 0px;left: 42%;width: 16%;}
    .footer-nav-07{content: url(../picture/footer-nav-07.png);display: block;position: absolute;top: 0px;left: 42%;width: 16%;}
    .foot_min{
        position: relative;
        line-height: 19px;
    }
    .fooi-001{content: url("../picture/fooi-001.png");width: 7%;}
    .footer-301{/*content: url("../picture/footer-301.png");*/width: 20px;display: block;float: left;}
    .footer-302{/*content: url("../picture/footer-302.png");*/width: 20px;display: block;float: left;}
    .footer-303{/*content: url("../picture/footer-303.png"); */   width: 20px;display: block;float: left;}
    .smin_content{display: block;float: left;}
    .smin_content a{    background: #1c3370;
        color: #fff;
        padding: 5px 25px;
        margin: 0 0 0 40px;
        border-radius: 3px;}

    .smin_content a:hover{
        padding: 5px 50px;
    }
    .footer-icon-001{
        content: url("../picture/footer-icon-001.png");
        width: 5%;
    }
}
@media (max-width: 700px){
    .footer-nav-01{content: url(../picture/footer-nav-01.png);display: block;position: absolute;top: -2px;left: 64%;width: 16%;}
    .footer-nav-02{content: url(../picture/footer-nav-02.png);display: block;position: absolute;top: -2px;left: 45%;width: 16%;}
    .footer-nav-03{content: url(../picture/footer-nav-03.png);display: block;position: absolute;top: 0px;left: 42%;width: 16%;}
    .footer-nav-04{content: url(../picture/footer-nav-04.png);display: block;position: absolute;top: 0px;left: 42%;width: 16%;}
    .footer-nav-05{content: url(../picture/footer-nav-05.png);display: block;position: absolute;top: 0px;left: 42%;width: 16%;}
    .footer-nav-06{content: url(../picture/footer-nav-06.png);display: block;position: absolute;top: 0px;left: 42%;width: 16%;}
    .footer-nav-07{content: url(../picture/footer-nav-07.png);display: block;position: absolute;top: 0px;left: 42%;width: 16%;}
    .foot_min{
        position: relative;
        line-height: 19px;
    }
    .fooi-001{/*content: url("../picture/fooi-001.png");*/width: 12%;}
    .footer-301{/*content: url("../picture/footer-301.png");*/width: 20px;display: block;float: left;}
    .footer-302{/*content: url("../picture/footer-302.png");*/width: 20px;display: block;float: left;}
    .footer-303{/*content: url("../picture/footer-303.png");*/    width: 20px;display: block;float: left;}
    .smin_content{display: block;float: left;width: 88%;}
    .smin_content a{    background: #1c3370;
        color: #fff;
        padding: 5px 25px;
        margin: 0 0 0 40px;
        border-radius: 3px;
        position: absolute;
        top: 76%;
        left: 35%
    }

    .smin_content a:hover{
        padding: 5px 50px;
    }
    .footer-boxt-cb03{
        width: 100%;
    }
    .footer-boxt-cb03 > a{
        display: block;
        padding: 5px 20px;
        margin: 27px 0 0;
        width: 44%;
    }

}
@media (max-width: 700px){
    .foot3{
        content: url(/images/foot3.png);
        display: block;
        margin: auto;
        width: 34%;
    }
    .foot2{
        content: url(/images/foot2.png);
        display: block;
        margin: auto;
        width: 34%;
    }
    .foot1{
        content: url(/images/foot1.png);
        display: block;
        margin: -35% auto 0;
        width: 100%;
    }
    .foot4{
        content: url(/images/foot4.png);
        display: block;
        margin: auto;
        width: 34%;
    }
    .foot5{
        content: url(/images/foot5.png);
        display: block;
        margin: auto;
        width: 34%;
    }
}
@media(min-width: 700px){
    .footer-301-wang{ 
        width: 2%;
        display: block;
        float: left;
        margin-top: 1.1%;
    }
    .w_position_block{
        float: left;
        display: block;
    }
}
@media (min-width: 700px){
    .index-cona-04-w-2020{
        content: url(/images/index-cona-04.png);
        display: block;
        /* height: 27px; */
        margin: 7px auto;
        width: 72%;
    }
    .index-cona-01-w-2020{
        content: url(/images/index-cona-01.png);
        display: block;
        /* height: 27px; */
        margin: 7px auto;
        width: 72%;
    }
}
@media (max-width: 700px){
    .index-cona-04-w-2020{
        content: url(/images/index-cona-04.png);
        display: block;
        /* height: 27px; */
        margin: 7px auto;
        width: 72%;
    }
    .index-cona-01-w-2020{
        content: url(/images/index-cona-01.png);
        display: block;
        /* height: 27px; */
        margin: 7px auto;
        width: 72%;
    }
}
@media(min-width: 700px) {
    #content_map {
        height: 500px;
    }
}
@media (max-width: 700px) {
    #content_map {
        height: 300px;
    }
}