@media screen and (min-width:768px) and (max-width: 999px){
    .w1200{
        width:100%;
        margin:0 auto;
    }
    .banner1 img{
        width: 100%;
    }

    .header .logo{
        width: 36%;
        margin-left: 2%;
    }
    .header .word{
        display: none;
    }
    .header .hea-ri{
        margin-right: 2%;
    }
    .header .hea-ri .her-top{
        margin-top: 5px;
        padding-bottom: 15px;
    }
    .main_visual{
        height: 260px;
    }
    .main_image{
        height: 260px;
    }
    .main_image li a img{
        width: 100%;
        height: 260px;
    }
    .select dt,.select dd ol li a{
        text-indent: 12px;
    }
    div.flicking_con{
        width: 28.1%;
    }
    div.flicking_con a{
        width:80%;
        height: 63px;
        padding-left: 20%;
        background: #f8f8f8 url(../img/ico9.png) 10px 11px no-repeat;
    }
    div.flicking_con a.on{
        background: #e6b44c url(../img/ico9-ho.png) 10px 11px no-repeat;
    }
    div.flicking_con a h2{
        margin-top: 10px;
    }
    div.flicking_con a h3{
        height: 24px;
        line-height: 24px;
    }
    .main .apply{
        width: 25.3%;
        margin-left: 1%;
    }
    .main .apply1{
        margin-left: 0;
        margin-right: 1%;
    }
    .main .apply .app-ti{
        background: #004098 url(../img/ico2.png) 96% 6px no-repeat;
    }
    .main .apply ul li a{
        width: 98%;
        padding-left: 0;
        font-size: 13px;
        text-indent: 10px;
        background: #f8f8f8 url(../img/ico1.png) 95% 7px no-repeat;
    }
    .main .apply ul li a:hover{
        background: #E6B44C url(../img/ico2.png) 95% 7px no-repeat;
    }
    .dynamic{
        width: 44.4%;
        margin-left: 1.5%;
    }
    .dynamic .dy-ti{
        width: 100%;
    }
    .dynamic .dy-list{
        width: 95.6%;
        padding: 2px 2%;
    }
    .pulpit{
        height: 42px;
    }
    .pulpit a.pu-ds{
        height: 42px;
        line-height: 42px;
        font-size: 14px;
        padding-left: 31%;
        background: url(../img/ico4.png) 8px 2px no-repeat;

    }
    .pulpit a.pu-ds1{
        background: url(../img/ico5.png) 4px 2px  no-repeat;

    }
    .set{
        text-indent: 3px;
    }
    .footerWrap{
        margin-top: 20px;
    }
    .main .ma-navW{
        width: 98%;
        margin-left: 1%;
    }
    .main .ma-navW .ma-nav{
        padding-right: 15px;
    }

    .main .main-left{
        width: 24%;
        margin-left: 1%;
    }
    .main .main-left ul li a{
        width: 100%;
        border: none;
        background:#f5f6fa url(../img/back.png) repeat-y;
    }
    .main .main-ri{
        width: 68.3%;
        margin-right: 1%;
    }
    .main .main-ri .leader li{
        padding: 10px;
    }
    .main .main-ri .leader li .pic{
        width: 47%;
    }
    .main .main-ri .leader li .info{
        width: 52%;
        margin-bottom:0.3em;
    }
    .main .main-ri .leader li .info label{
        width: 28%;
    }
    .main .main-ri .leader li .info em{
        width: 72%;
    }

    .main .main-comm{
        width: 70.5%;
        margin-right: 1%;
    }
    .main .main-comm .page a{
        width: 30px;
    }
    .main .main-comm .page .page-but{
        width: 5.2%;
    }
}
@media screen and (min-width:320px) and (max-width: 767px){

    .w1200{
        width:100%;

    }

    .main .main-ri .mari-wo{
        margin-top: 12px;
    }
    .main .main-ri .mari-pic{
        margin: 12px auto 0;
    }

    .header .logo{
        width: 42.14%;
        margin-left: 2%;
    }
    .header .word{
        display: none;
    }
    .header .hea-ri{
        width: 53%;
        margin-right: 2%;
        margin-top: 35px;
    }
    .header .hea-ri .her-top{
        padding-bottom: 0;
    }
    .header .hea-ri .her-top a{
        font-size: 14px;
    }
    .header .hea-ri .her-top span{
        height: 12px;
    }
    .ch{
        display: block;
    }

    .select dt{
        height: 38px;
        line-height: 38px;
        font-size: 14px;
        background:url(../img/sele-back2.png) no-repeat right 0;
    }
    .select dd{
        top: 39px;
    }
    .select dd ol li a{
        height: 36px;
        line-height: 36px;
        font-size: 14px;
    }
    .footerWrap{
        padding-bottom: 20px;
        background: #005a97;
        margin-top: 20px;
        z-index:-1;
    }
    .footer{
        display: block;
    }
    .footerWrap p{
        display: none;
    }
    .foot-word{
        display: block;
    }
    .nav{
        display: none;
    }
    .navtel{
        display: block;
    }
    .main_visual{
        height:260px;
    }
    .main_image{
        height:260px;
    }
    .main_image li a img{
        width: 100%;
        height: 260px;
    }
    .main_image li p{
        display: block;
    }
    div.flicking_con{
        width: 50%;
        height: 20px;
        top: 277px;
        text-align: right;
    }
    div.flicking_con a{
        width: 12px;
        height: 12px;
        display: inline-block;
        background-image: none;
        padding-left: 0;
        margin-right: 8px;
        float: right;
        border: none;
        background: rgba(255,255,255,0.7);
        border-radius: 50px;
    }
    div.flicking_con a.on{
        background-image: none;
        border: none;
        background: #fff;
    }
    div.flicking_con a h2,
    div.flicking_con a h3{
        display: none;
    }
    .main .apply{
        width: 97%;
        margin-left: 1.5%;
    }
    .main .apply1{
        margin-right: 1.5%;
        margin-top: 16px;
    }
    .main .apply .app-ti{
        height: 40px;
        line-height: 40px;
        font-size: 16px;
        background: #004098 url(../img/ico2.png) 95% 14px no-repeat;
    }
    .main .apply ul li{
        height: 38px;
    }
    .main .apply ul li a{
        width: 99.4%;
        font-size: 14px;
        height: 38px;
        line-height: 38px;
        text-indent: 12px;
        padding-left: 0;
        background: #f8f8f8 url(../img/ico1.png) 95% 12px no-repeat;
    }
    .main .apply ul li a:hover{
        background: #E6B44C url(../img/ico2.png) 95% 12px no-repeat;
    }
    .dynamic{
        width: 97%;
        margin-left: 1.5%;
        margin-top: 16px;
    }
    .dynamic .dy-ti{
        height: 40px;
    }
    .dynamic .dy-ti span{
        font-size: 16px;
        line-height: 40px;
    }
    .dynamic .dy-ti a{
        font-size: 13px;
        line-height: 40px;
    }
    .dynamic .dy-list{
        width: 100%;
        padding: 0;
        border: none;
    }
    .dynamic .dy-list li{
        height: 36px;
        border-bottom: 1px dashed #eee;
    }
    .dynamic .dy-list li a{
        height: 36px;
        line-height: 36px;
        font-size: 14px;
        background: url(../img/ico3.png) 0 17px no-repeat;
    }
    .dynamic .dy-list li a:hover{
        background: url(../img/ico3-ho.png) 0 17px no-repeat;
    }
    .dynamic .dy-list li span{
        font-size: 13px;
        height: 36px;
        line-height: 36px;
        margin-right: 0.5%;
    }
    .main .apply .fast h2{
        width: 100px;
        font-size: 16px;
    }
    .pulpit{
        width: 45%;
        float: left;
    }
    .pulpit a.pu-ds{
        font-size: 18px;
    }
    .pulpit1{
        margin-top: 16px;
        float: right;
    }

    .main .ma-navW{
        width: 97%;
        margin-left: 1.5%;
    }
    .main .main-left{
        width: 97%;
        margin-left: 1.5%;
        position: relative;
    }
    .main .main-left ul.xh{
        display: none;
        position: absolute;
        top: 45px;
        width: 100%;
        background: #fff;
    }
    .main .main-left .male-ti2{
        display: none;
    }
    .main .main-left .male-ti1{
        display: block;
    }

    .main .main-left ul li a{
        width: 100%;
        border: none;
        background:#f5f6fa url(../img/back.png) repeat-y;
    }
    .main .main-ri{
        width: 97%;
        margin-left: 1.5%;
        padding:0;
        border: none;
        float: left;
    }
    .main .main-left .male-ti{
        margin-bottom:20px;
    }
    .main .main-comm{
        width: 97%;
        margin-left: 1.5%;
        float: left;
        padding-top: 0px;
    }
    .banner1 img{
        width: 100%;
    }
    .main .main-comm .page{
        display: none;
    }
    .main .main-comm .upload{
        display: block;
    }
    .main .main-comm .comm li a{
        background:url(../img/ico3.png) 0 13px no-repeat;
    }
    .main .main-comm .comm li a:hover{
        background:url(../img/ico3-ho.png) 0 13px no-repeat;
    }
}
@media screen and (min-width:568px) and (max-width: 666px){
    .w1200{
        width:100%;

    }

    .banner1 img{
        width: 100%;
    }

    .header .logo{
        width: 52%;
        margin-left: 2%;
    }
    .header .word{
        display: none;
    }
    .header .hea-ri{
        width: 40%;
        margin-right: 2%;
        margin-top: 38px;
    }
    .header .hea-ri .her-top{
        padding-bottom: 0;
    }
    .header .hea-ri .her-top a{
        font-size: 14px;
    }
    .header .hea-ri .her-top span{
        height: 12px;
    }
    .header .hea-ri .her-bom{
        display: none;
    }
    .main_visual{
        height:260px;
    }
    .main_image{
        height:260px;
    }
    .main_image li a img{
        width: 100%;
        height: 260px;
    }
    div.flicking_con{
        top: 272px;
    }


}
@media screen and (min-width:414px) and (max-width: 567px){
    .w1200{
        width:100%;
    }
    .banner1 img{
        width: 100%;
    }
    .header .logo{
        width: 46%;
    }
    .header .hea-ri{
        width: 50%;
        margin-top: 30px;
    }
    .navtel .her-bom .heb-te{
        width:88%;
    }
    .main_visual{
        height:260px;
    }
    .main_image{
        height:260px;
    }
    .main_image li a img{
        width: 100%;
        height: 260px;
    }
    div.flicking_con{
        top: 277px;
    }
    .pulpit{
        width: 48%;
        height: 58px;
    }
    .pulpit a.pu-ds{
        font-size: 16px;
        padding-left: 55px;
        height: 58px;
        line-height: 58px;
        background: url(../img/ico4.png) 10px 10px no-repeat;
        background-size: 15%;
    }
    .pulpit a.pu-ds1{
        background: url(../img/ico5.png) 5px 15px no-repeat;
        background-size: 19%;
    }
}
@media screen and (min-width:376px) and (max-width: 413px){
    .w1200{
        width: 100%;
    }
    .banner1 img{
        width: 100%;
    }
    .navtel .her-bom .heb-te{
        width:85%;
    }
    .navtel .her-bom .heb-but{
        width: 14%
    }

    .navtel .her-bom{
        width: 54%;
    }
    .header .logo{
        width: 50%;
        margin: 14px 0 17px 2%;
    }
    .header .hea-ri{
        width: 46%;
        margin-top: 16px;
    }
    .header .hea-ri .her-top a{
        font-size: 12px;
    }
    .main_visual{
        height:260px;
    }
    .main_image{
        height:260px;
    }
    .main_image li a img{
        width: 100%;
        height: 260px;
    }
    div.flicking_con{
        top: 270px;
    }
    .pulpit{
        width: 47%;
        height: 54px;
    }
    .pulpit a.pu-ds{
        font-size: 16px;
        padding-left: 50px;
        height: 54px;
        line-height: 54px;
        background: url(../img/ico4.png) 10px 11px no-repeat;
        background-size: 17%;
    }
    .pulpit a.pu-ds1{
        background: url(../img/ico5.png) 5px 13px no-repeat;
        background-size: 22%;
    }
    .pulpit a.pu-ds1 .xs{
        display: block;
    }
    .pulpit a.pu-ds1 .yc{
        display: none;
    }
    .dynamic .dy-list li span{
        margin-right: 1%;
    }
}
@media screen and (min-width:320px) and (max-width: 375px){
    .w1200{
        width: 100%;

    }
    .banner1 img{
        width: 100%;
    }
    .header .logo{
        width: 70%;
        margin: 8px 0 0 15%;
    }
    .header .hea-ri .her-top{
        text-align: center;
        height: 30px;
        line-height: 26px;
    }
    .header .hea-ri{
        width: 94%;
        margin-top: 0;
    }
    .mm-menu{
        width: 50%;
    }
    .navtel .her-bom{
        width: 54%;
    }
    .navtel .her-bom .heb-te{
        width:85%;
    }
    .navtel .her-bom .heb-but{
        width: 12%;
    }
    .main_visual{
        height:260px;
    }
    .main_image{
        height:260px;
    }
    .main_image li a img{
        width: 100%;
        height: 260px;
    }
    div.flicking_con{
        top: 270px;
    }
    .pulpit{
        width: 48%;
        height: 42px;
    }
    .pulpit a.pu-ds{
        font-size: 14px;
        padding-left: 50px;
        height: 42px;
        line-height: 42px;
        background: url(../img/ico4.png) 6px 6px no-repeat;
        background-size: 19%;
    }
    .pulpit a.pu-ds1{
        background: url(../img/ico5.png) 3px 8px no-repeat;
        background-size: 25%;
    }

    .pulpit a.pu-ds1 .xs{
        display: block;
    }
    .pulpit a.pu-ds1 .yc{
        display: none;
    }
    .footerWrap{
        margin-top: 20px;
    }
}
@media screen and (min-width:414px) and (max-width: 520px){
    .header .hea-ri{
        margin-top: 25px;
    }
    .banner1 img{
        width: 100%;
    }
    .navtel .her-bom .heb-but{
        width: 12%;
    }
    .main_visual{
        height:260px;
    }
    .main_image{
        height:260px;
    }
    .main_image li a img{
        width: 100%;
        height: 260px;
    }
    .navtel .her-bom{
        width: 50%;
    }
    .pulpit a.pu-ds{
        font-size: 16px;
        padding-left: 55px;
        height: 58px;
        line-height: 58px;
        background: url(../img/ico4.png) 10px 13px no-repeat;
        background-size: 16%;
    }
    .pulpit a.pu-ds1{
        background: url(../img/ico5.png) 5px 16px no-repeat;
        background-size: 20%;
    }

}
@media screen and (min-width:414px) and (max-width: 440px){
    .header .hea-ri{
        margin-top: 20px;
    }
    .banner1 img{
        width: 100%;
    }
    .navtel .her-bom .heb-te{
        width:87%;
    }
    .navtel .her-bom .heb-but{
        width: 13%;
    }
    .main_visual{
        height:260px;
    }
    .main_image{
        height:260px;
    }
    .main_image li a img{
        width: 100%;
        height: 260px;
    }
    div.flicking_con{
        top: 270px;
    }
    .pulpit{
        height: 54px;
    }
    .pulpit a.pu-ds{
        font-size: 14px;
        padding-left: 55px;
        height: 54px;
        line-height: 54px;
        background: url(../img/ico4.png) 10px 10px no-repeat;
        background-size: 18%;
    }
    .pulpit a.pu-ds1{
        background: url(../img/ico5.png) 5px 15px no-repeat;
        background-size: 23%;
    }
}