@media(max-width:1200px){
    .banner .ban_nav,.banner .Left,.banner .Left, .banner .Right{display:none}
    .w{width:100%}
    #logo{width:34%}
    #tipBar{height:100px}
    #qBar{display:none}
    #navis nav{width:100%;position:fixed;height:100%;top:100px;background:rgba(255,255,255,.89);left:-110%;transition:.6s all}
    #navis:before{position:absolute;left:10px;top:4px;width:50%;height:68px;background:url(../img/wlogo.png) no-repeat 0 6px;background-size:270px;content:""}
    #navis nav a{float:left;line-height:36px}
    #navis nav.show_{left:0}
    #navis.gd nav{background:rgba(0,54,120,.69);top:80px}
    #navis.gd #ock{zoom:.8}
    #ock{position:fixed;right:20px;top:26px;width:50px;height:50px;content:"";background:url(../img/gn.svg) no-repeat center 6px rgba(255,255,255,.06);background-size:38px;display:block;transition:.5s all;text-align:center}
    .jie#ock{background-position:center -53px}
    #ock span{display:inline-block;position:absolute;content:"-"}
    .banner{height:380px}
    .banners{height:300px}
    footer{padding:30px 2%}
    footer .con{width:46%}
    #PhotoGraph_{width:88%}
   #PhotoGraph #LeftArr{left:0;margin-left:0}
   #PhotoGraph #RightArr{right:0;margin-right:0}
   main #h1a #dis{width:77%}
   #here_{text-align:center}
   #here_ a{display:inline-block}
    #picList_{text-align:center}
    #picList_ ul{margin:0 2%}
    #picList_ li{width:27.4%;margin:20px 1.5%}
}
@media(max-width:820px){
    #picList_ li,#YouxList_ li{width:26.5%}
    main #h1a .theQrcode{display:none}
    #htool li{overflow:hidden}
    main #h1a #dis{width:96%}
    #htool li h5{white-space:nowrap;font-size:9px;-webkit-text-size-adjust:none}
    .album h1{font-size:36px}
    .banner{height:300px}
    .banners{height:260px}
    .album .btext{bottom:4px}
    #tipBar{height:80px}
    #logo{width:50%;text-align:left;margin-left:2%}
    #logo img{width:260px;padding:10px 10px 0 0}
    #ImpText{right:auto;left:270px;width:92px;top:20px}
    .ilist_student li span{display:none}
    #newsList li dl big{font-size:25px}
    main #h1a h1{height:90px}
    #sendbm dl {width:100%}
    #picList_ li{width:26.3%}
    #picList_ li label{height:150px}
}
@media(max-width:480px){
    #navis.gd{height:60px}
    #navis.gd nav{top:60px}
    #navis:before{zoom:.78;width:70%}
    #navis.gd #ock{top:15px;zoom:.74}
    a, a:link, a:visited{font-size:13px}
    #ibanner:before{opacity:0}
    #ibanner:after{opacity:0}
    .banners{height:156px}
   #picList_ li,#YouxList_ li{width:43.5%;margin:10px 1%;padding:13px 8px}
   #picList_ li label{height:100px}
   #YouxList_ li label{height:200px}
   #picList_ li h2{font-size:13px}
   #logo img{width:200px;padding:22px 10px 0 0}
   #ImpText{left:54px;top:-12px}
   #ImpText img{width:148px}
   #ock{top:20px;zoom:.76}
   #tipBar{height:66px;background:rgba(0,54,120,.89)}
   .album h2{font-size:14px}
   .album h1{font-size:24px}
   .album h3{font-size:13px}
   #ibanner img{width:210%;margin-left:-66%}
   #navis nav a{line-height:16px;font-size:15px}
   #navis nav{top:68px}
   #htool li{text-align:center;padding-bottom:12px}
   #htool li h5{display:none}
   #htool li h2{font-size:14px}
   #htool li span{zoom:.7}
   #notice_ li{width:97%}
   #notice_ li:nth-child(2n){float:left}
   #notice_ li:nth-child(n+8){display:none}
   .itit h2{font-size:26px}
   .itit h5{font-size:12px}
   #item .upon span{display:inline-block}
   .item_c,.item_s{width:96%}
   .item_s{margin-top:0}
   .item_s li{height:32px;line-height:32px}
   #item_tab li {width:18%;padding:7px 0;white-space:nowrap;height:20px;overflow:hidden;text-overflow:ellipsis}
   #item_tab li a{width:100%;white-space:nowrap;height:20px;overflow:hidden;text-overflow:ellipsis}
   .item_c li{padding:0}
   .item_s li:nth-child(n+7){border-bottom:0}
   .item_s li:nth-child(n+9){display:none}
   #item_tab li a{font-size:15px}
   #item .upon span{font-size:13px}
   .item_c li h2 {font-size:20px}
   .item_s li:before{background-position:5px -412px}
   .LiseBox{width:92%;margin:0 4% 20px}
   .LiseBox h3{font-size:20px}
   .LiseBox li:nth-child(n+8){display:none}
   .LiseBox li:nth-child(n+7){border-bottom:none}
   #PhotoGraph #LeftArr,#PhotoGraph #RightArr{zoom:.46;bottom:560px}
   #PhotoGraph_{width:79%}
   footer .con{width:96%}
   footer #qq,footer #Gongzhongh{display:none}
   footer #tel{zoom:.8;margin-bottom:20px}
   #here{padding:10px 0}
   main #h1a h1{font-size:24px;height:auto;line-height:32px;padding-top:0}
   #alonepage{padding:10px 4%}
   main #h1a{min-height:auto;overflow:hidden}
   #navis nav a#nav_10{display:none}
   footer{font-size:12px;line-height:18px}
   #itemList_ li h2,#schoList_ li h2{font-size:20px}
   #itemList_ li h5,.b_hotItem_ li h5,#schoList_ li h5{padding-top:0}
   #itemList_ li,#schoList_ li{widtH:90%;margin:10px 5%}
   #here a{padding:10px 18px}
   .b_hotItem_ li:before{zoom:.6}
   .b_hotItem_ li{width:83%;margin:10px 5%}
   .b_hotItem_ li a{padding:0 30px}
   .b_hotItem_ li h2{font-size:20px}
   .quicknav_ li a{font-size:15px}
   .quicknav_ li{width:29%;margin:10px 2.1%}
   .quicknav_{margin:0 3%}
   .showPictures{margin:0}
   .imageContainer{padding:0;box-shadow:0 0 0 0 white;margin:15px 0;width:100%}
   .next{margin-bottom:10px}
   #prenex{margin-top:20px}
   .imageContainer .wmk:before{zoom:.76}
   .showPictures .previous{float:left}
   #photo_dh .next{float:left}
   #newsList li dl big{font-size:13px;padding:0;display:inline;padding-right:12px}
   #newsList li dl h4{font-size:13px;display:inline}
   #newsList li dl h4 span:first-child{display:none}
   #newsList li dl{width:96%;margin-top:10px;height:auto;text-align:left;padding:5px 2%}
   #newsList li h2{font-size:20px;height:54px}
   #newsList li{padding:16px 20px}
   #newsList li dd{width:96%}
   .schoList li{width:45%}
   .schoList li:nth-child(n+9){display:none}
   .schoList{margin:14px 5%}
   .iboxs{padding:10px 0}
   #qlunch,#hlink{display:block}
   #lks{margin:0 4%}
   #lks .lbox{width:30%;margin:24px 1.5%;height:auto;overflow:hidden}
   #lks .lbox img{height:100px}
   #lks .lbox p{text-align:justify;margin:5px 0}
   .moveto_ #lks{color:white}
   #navis nav #mtel a{margin:0 auto;float:none;background:rgba(208,0,0,1);display:inline-block;color:white}
   #navis nav #mtel a p{margin:7px 0 2px}
   .ccon .box3{width:91%}
   #banner_contact{height:320px}
   .ccon .box3 img{width:62%;height:auto;margin:10px auto}
   .ccon .box3 p{margin:8px 5%;text-align:justify}
}