@media screen and (max-width: 768px){
    .banner{
        width: 100%;
        height: auto;
        background: #fff;
    }
    .pc{
        display: none;
    }
    .mobile{
        display: block;
        width: 100%;
    }
    .nav_btn{
        display: block;
        position: fixed;
        width: 40px;
        height: 40px;
        top: 20px;
        right: 20px;
        background-color: rgba(0, 0, 0, 0.4);
        border-radius: 50%;
        z-index: 99;
    }
    .nav_btn::after,.nav_btn::before {
		content: "";
		position: absolute;
		top: 19px;
		left: 20%;
		width: 60%;
		height: 2px;
		background: #fff;
	}
	.nav_btn::after{
		top: 13px;
		background: transparent;
		border-top:2px solid #fff;
		padding:4px 0px;
		border-bottom:2px solid #fff;
	}
    .navigation{
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.8);
        z-index: 9;
        display: none;
    }
    .navigation ul{
        width: auto;
        padding-top: 40px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        align-items: center;
        height: auto;
    }
    .navigation ul li{
        width: 80%;
        float: left;
        height: 40px;
        display: inline;
        border: 0;
    }
    .navigation ul li a{
        display: block;
        font-size: 18px;
        color: #fff;
        line-height: 18px;
        margin-top: 11px;
        text-align: center;
        padding: 0 24px;
    }
    .navigation li.active{
        background-color: #dbdef1;
    }
    .navigation ul li:active a{
        color: #5254a0;
    }
    .common{
        width: 100%;
        padding: 0 20px;
        box-sizing: border-box;
    }
    .back .tit{
        font-size: 20px;
        top: -12px;
    }
    .back p{
        font-size: 16px;
    }
    .midtit{
        width: 100%;
        height: 36px;
        background-repeat: no-repeat;
        background-position: 39% 0;
        margin: 30px 0 15px 0;
        background-size: cover;
    }
    .swiper-container{
        width: 100%;
        box-sizing: border-box;
    }
    .swiper-container .swiper-slide .info p:nth-child(1){
        font-size: 20px;
        line-height: 36px;
    }
    .swiper-container .swiper-slide .info p{
        font-size: 16px;
    }
    .swiper-button-prev{
        display: none;
    }
    .swiper-button-next{
        display: none;
    }
    .vid{
        width: 100%;
        height: auto;
        padding: 20px;
        box-sizing: border-box;
    }
    .vid video{
        width: 100%;
    }
    table tr:first-child td{
        background-color: #01329D;
        color: #fff;
        font-size: 16px;
    }
    table tr td:first-child{
        text-align: center;
    }
    table td{
        border-color: #999;
        font-size: 16px;
        line-height: 30px;
        padding: 5px;
    }
    .more{
        width: 200px;
        font-size: 16px;
        height: 40px;
        line-height: 40px;
    }
    .newslist .newsitem{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .newslist .newsitem img{
        width: 100%;
        height: auto;
        box-shadow: 0px 2px 4px 0px rgba(138, 138, 138, 0.5);
    }
    .newslist .newsitem .newsins{
        padding-left: 0px;
    }
    .newslist .newsitem .newsins .newstitle{
        font-size: 20px;
        line-height: 34px;
        margin-top: 10px;
    }
    .newslist .newsitem .newsins .desc{
        font-size: 16px;
    }
    .totop{
        bottom: 40px;
        right: 20px;
        z-index: 6;
    }
    .newslist{
        margin-bottom: 30px;
    }
    .mw101{
        min-width: 51px;
    }
    .mw81{
        min-width: 56px;
    }
    .padr120{
        padding-right: 0;
    }
    .padr150{
        padding-right: 0;
    }
    .video_shade {
        width: calc(100% - 40px);
        height: calc(100% - 40px);
        display: none;
    }
    .play_video {
        width: 50px;
        height: 50px;
        display: none;
    }
}