﻿

@media screen and (max-width: 480px) {
    body{
        min-width: 100%;
    }
    .container{
        width: auto !important;
        padding: 0 15px;
    }

    .section{
        background-image: none;
    }

    .header{
        height: auto;
        border-top-width: 6px;
    }
    .header .logo{
        float: none;
        width: 80%;
        margin: 15px 0;
    }
    .header .rt{
        float: none;
        width: 280px;
        margin: 0 auto;
    }
    .header form{
        margin: 20px 0;
    }

    .toggle{
        display: block;
        position: absolute;
        top: 20px;
        right: 15px;
        width: 30px;
        font-size: 0;
        animation: slideInDown 1s;
    }
    .toggle i{
        display: inline-block;
        width: 100%;
        height: 4px;
        background: #0062C7;
        margin: 3px 0;
    }

    .nav{
        display: none;
        position: absolute;
        top: 75px;
        left: 0;
        right: 0;
        height: auto;
        margin-top: 0;
        z-index: 999;
    }
    .menu>li{
        float: none;
        width: 100%;
        margin: 0;
        height: auto;
        line-height: 45px;
        text-align: left;
        border-bottom: 1px solid #ddd;
    }
    .menu>li:last-child{
        border-bottom: none;
    }
    .menu>li:after{
        display: none;
    }
    .menu>li>a{
        display: block;
        font-size: 16px;
        padding: 0;
        text-align: center;
    }
    .menu>li:hover{
        border-bottom: 1px solid #ddd;
    }
    .menu>li span{
        display: block;
        position: absolute;
        top: 5px;
        right: 15px;
        color: #fff;
        font-size: 24px;
        font-weight: bolder;
        line-height: normal;
        transition: .3s;
    }
    .menu>li span.active{
        transform: rotate(45deg);
    }
    .second-menu{
        position: static;
        width: auto;
        padding: 0;
    }
    .second-menu a{
        font-size: 14px;
        border-bottom: 1px solid #eee;
    }

    .slideBox{
        margin-bottom: 0;
    }
    .slideBox .hd{
        bottom: 5px;
    }
    .slideBox .hd ul li{
        width: 10px;
        height: 10px;
    }
    .slideBox>a{
        display: none;
    }

    .title{
        height: 25px;
        line-height: 25px;
    }
    .title p{
        font-size: 20px;
        padding-left: 40px;
        background-size: contain;
    }

    .box, .business{
        height: auto;
        background-size: cover;
    }
    .notice,.company, .assets-img {
        float: none;
        width: 100%;
        height: auto;
    }

    .notice ul li p{
        font-size: 16px;
    }

    .albumBox{
        float: none;
        width: 100%;
        height: 233px;
        margin-bottom: 25px;
    }

    .txt-list{
        float: none;
        width: 100%;
    }

    .business{
        margin: 0 -15px;
        padding-bottom: 0;
    }
    .business-box .bd{
        height: auto;
        padding-bottom: 60px;
    }
    .business-box .bd li a.lf, .intro{
        float: none !important;
        display: block;
        width: 100%;
        height: auto;
    }
    .business-box .bd li a.lf img{
        min-height: auto;
    }
    .business-box .bd .intro{
        margin-top: 20px;
    }
    .business-box .hd{
        bottom: 20px;
    }
    .business-box .arrow{
        top: 0;
    }

    .intro{
        padding: 20px !important;
    }
    .intro h2{
        font-size: 20px;
    }
    .intro p{
        margin-top: 40px;
        font-size: 14px;
    }

    .assets{
        height: auto;
        margin: 0 -15px;
        background-size: cover;
    }
    .assets-img img{
        min-height: auto;
    }

    .link{
        margin: 0 -15px;
    }
    .link h3{
        margin-bottom: 20px;
    }
    .link ul li{
        width: 50%;
        margin-bottom: 5px;
    }
    .link ul li:nth-child(2n) span{
        display: none;
    }

    .footer{
        height: auto;
        padding: 25px 0;
        text-align: center;
    }
    .footer p{
        line-height: 25px;
        margin-top: 0;
    }
    .footer p span{
        display: block;
    }

    .section{
        min-height: 100%;
    }

    .banner img{
        height: 80px;
    }
    .banner .topic{
        top: 15px;
        right: 15px;
        margin-right: 0;
        font-size: 16px;
    }
    .banner .topic p{
        font-size: 18px;
        border-bottom-width: 5px;
    }

    .side{
        display: none;
    }

    .side>div{
        background-size: 100% 100%;
    }

    .side>ul{
        display: none;
    }
    .side li a{
        font-size: 16px;
    }
    .column{
        margin-left: 0;
    }
    .column>h2{
        height: 60px;
        line-height: 60px;
        font-size: 22px;
        margin-bottom: 25px;
    }

    .bread{
        height: 50px;
        line-height: 50px;
        overflow: hidden;
        margin-bottom: 0;
    }
    .bread .rt{
        float: left;
    }

    .profile{
        padding: 0;
    }
    .profile p{
        font-size: 16px;
        margin-bottom: 1em;
    }

    .leader-list {
        margin-top: 0;
        padding: 0 5px;
    }
    .leader-list li{
        width: 100%;
        height: 180px;
    }
    .leader-list li .name{
        font-size: 22px;
    }
    .leader-list li span{
        font-size: 16px;
    }

    .project-list li .info{
        margin-right: 90px;
    }
    .project-list li h2{
        font-size: 16px;
        text-align: justify;
    }
    .project-list li p {
        height: 40px;
        line-height: 20px;
    }
    .project-list li .rt span{
        font-size: 12px;
        margin-top: 3px;
    }
    .project-list li .rt a img{
        width: 24px;
    }

    .file-list li h2{
        font-size: 16px;
        text-align: justify;
    }
    .file-list li p{
        height: 40px;
        line-height: 20px;
    }
    .file-list li span{
        font-size: 12px;
    }

    .common-list{
        margin-top: -20px;
    }
    .common-list li{
        padding: 0;
        font-size: 16px;
    }
    .common-list li p{
        margin-right: 100px;
    }
    .common-list li span{
        font-size: 14px;
    }

    .notice-list li p{
        margin-left: 86px;
        padding-right: 50px;
        height: 66px;
        line-height: 65px;
        font-size: 16px;
    }
    .notice-list .more img{
        width: 24px;
    }

    .assets-list li{
        padding: 15px;
    }
    .assets-list li a.lf{
        float: none;
        display: block;
        width: 100%;
        height: auto;
        margin-bottom: 20px;
    }
    .assets-list li .info{
        margin-left: 0;
    }
    .assets-list li h2 a{
        font-size: 20px;
    }
    .assets-list li p{
        height: 125px;
        line-height: 25px;
        margin: 20px 0;
    }

    .business-list li a.lf{
        float: none;
        width: 100%;
        height: auto;
    }
    .business-list li .info{
        margin-left: 0;
    }
    .business-list li h2{
        font-size: 20px;
        margin-top: 20px;
    }
    .business-list li p{
        height: 80px;
        line-height: 20px;
        margin: 20px 0;
        font-size: 14px;
    }

    .caption h3{
        line-height: 30px;
        margin: 20px 0 10px;
        font-size: 20px;
    }
    .caption p{
        font-size: 12px;
    }

    .content img{
        height: auto;
    }
    .content p{
        font-size: 16px;
    }
    .detail>p{
        font-size: 14px;
    }


}