@charset "UTF-8";

@media screen and (max-width: 480px) {
    body{
        min-width: 100%;
    }
    .container{
        width: auto;
        padding: 0 15px;
    }

    .header .top .rt{
        display: none;
    }
    .header .top input[type='text']{
        padding: 0 5px;
    }
    .header .bg{
        height: 130px;
        line-height: 130px;
    }
    .header .bg .rt{
        display: none;
    }

    .toggle{
        display: block;
        position: absolute;
        top: 7.5px;
        right: 15px;
        width: 30px;
        font-size: 0;
    }
    .toggle i{
        display: inline-block;
        width: 100%;
        height: 4px;
        background: #132F87;
        margin: 3px 0;
    }

    .nav{
        display: none;
        width: 100%;
        height: auto;
        position: absolute;
        top: 45px;
        margin-top: 0;
        background: #eee;
        z-index: 999;
    }
    .menu{
        width: 100%;
        padding: 5px 0;
    }
    .menu>li{
        position: relative;
        float: none;
        width: 100%;
        margin: 0;
        height: auto;
        line-height: 40px;
        border-bottom: 1px solid #ddd;
        z-index: 1;
    }
    .menu>li:last-child{
        border-bottom: none;
    }
    .menu>li>a{
        font-size: 14px;
        padding-left: 15px;
    }
    .menu>li span{
        display: block;
        position: absolute;
        top: 2px;
        right: 15px;
        font-size: 24px;
        font-weight: bolder;
        line-height: normal;
    }
    .menu>li span.active{
        color: #fff;
        transform: rotate(45deg);
    }
    .sub-menu{
        position: relative;
        top: 0;
        width: auto;
        background: rgba(255,255,255,1);
    }
    .sub-menu li{
        display: block;
        height: 35px;
        line-height: 35px;
        margin: 0;
    }

    .title{
        margin: 25px 0;
        background-size: 100% 100% !important;
    }

    .slideBox .bd img{
        /*height: 120px;*/
    }
    .slideBox .hd{
        bottom: 5px;
    }
    .slideBox .hd ul{
        width: 100%;
    }

    .slideBox>a{
        display: none;
    }

    .news, .news-list{
        width: 100%;
    }
    .news-img .bd li a{
        width: 100%;
        height: 215px;
    }
    .news-list{
        margin-top: 25px;
    }

    .notice, .pictures{
        width: 100%;
    }
    .pictures>a{
        height: auto;
    }

    .channel .bd{
        overflow-x: auto;
    }
    .channel ul{
        width: 1220px;
    }

    .ad{
        margin: 30px 0;
    }

    .foot{
        height: auto;
    }
    .footer ul{
        display: none;
    }
    .foot .logo:before, .foot .logo:after{
        width: 0;
    }
    .foot .rt{
        float: none;
      	text-align: center;
    }
  	.foot .rt img {
    	margin: 0 0 10px;
  	}	
    .footer .bottom{
        font-size: 12px;
        overflow: hidden;
    }
    .goTop{
        right:15px;
        bottom: 50px;
    }
	.foot .logo {
        height: auto;
        padding: 15px 0;
  	}

    .section{
        min-height: 100%;
    }
    .banner img{
        height: 120px;
    }

    .side{
        display: none;
    }

    .column{
        float: none;
        width: 100%;
        min-height: 200px;
        margin: 15px 0;
    }

    .common-list li{
        padding: 0;
        font-size: 16px;
    }
    .common-list li p{
        margin-right: 110px;
    }

    .gallery ul{
        text-align: center;
    }
    .gallery ul li{
        float: none;
        display: inline-block;
    }

    .caption h3{
        font-size: 20px;
    }

    .content img{
        max-width: 100%;
        height: auto;
    }

    /*引导页*/
    .home{
        background: none;
        background: #E1D599;
    }
    .home .link{
        position: absolute;
        right: 50%;
        bottom: 50%;
        transform: translate(50%,50%);
    }
    .home .link a{
        display: inline-block;
        margin: 20px 0;
    }
    .home .logo{
      	display: block;
        margin-top: 20%;
        padding: 0 30px;
    }
  
  .friendly {
    	display: none;
  }

}