@media (min-width: 768px) and (max-width: 980px) {
    .nav { display: none;}
    .contant {width: 100%;overflow: hidden;}
    .navbar { display: block; margin-top: 5px; float: right; color: #757575; font-size: 30px;}
    .mob-nav:after {background:url(../images/sub.jpg) repeat-y;content:'';width:4px;height: 100%;position: absolute;left:0;top: 0;z-index:999;}
    .mob-nav dl {margin: 0;}
    .mob-nav dd {line-height: 60px;}
    .mob-nav dd>a {border-bottom: 1px solid #bdbdbd;}
    .mob-nav dd>a>i { float: right; font-size: 26px;}
    .mob-nav dd:hover>a { background: #1d4286; color: #fff;}
    .mob-nav a {display: block;padding:0 20px; color: #656565;}
    .mob-nav a:hover { color: #1d4286;}
    .mob-nav ul {padding: 0;}
    .mob-nav .dq {color:#1d4286;}
    .mob-nav .sub2 {background:#f4f4f4;}
    .mob-nav .sub2 i { margin-right: 10px;}
    .i-news .date,.mob-nav .sub2 {display: none;}
    .i-news .text {width: 100%;padding-left: 10px;}
    .i-news .text:before {content: '';width: 3px;height: 3px;border-radius: 50%;background: #333;position: absolute;margin:8px 0 0 -8px;}
    .logo img { margin-top: 8px; height: 30px;}
}

@media (max-width: 768px) {
    /*header*/
    .logo img { margin-top: 8px; height: 30px;}
    .nav { display: none;}
    .contant {width: 100%;overflow: hidden;}
    .navbar { display: block; margin-top: 5px; float: right; color: #757575; font-size: 30px;}
    .mob-nav:after {background:url(../images/sub.jpg) repeat-y;content:'';width:4px;height: 100%;position: absolute;left:0;top: 0;z-index:999;}
    .mob-nav dl {margin: 0;}
    .mob-nav dd {line-height: 60px;}
    .mob-nav dd>a {border-bottom: 1px solid #bdbdbd;}
    .mob-nav dd>a>i { float: right; font-size: 26px;}
    .mob-nav dd:hover>a { background: #1d4286; color: #fff;}
    .mob-nav a {display: block;padding:0 20px; color: #656565;}
    .mob-nav a:hover { color: #1d4286;}
    .mob-nav ul {padding: 0;}
    .mob-nav .dq {color:#1d4286;}
    .mob-nav .sub2 {background:#f4f4f4;}
    .mob-nav .sub2 i { margin-right: 10px;}
    .mob-nav .sub2 {display: none;}
    /*index*/
    .am-slider-default {margin: 0;}
    .main-list li { margin: 20px 0; padding: 0 5px;}
    .main-list li a { display: block; height: 110px; padding-left: 0; padding-top: 75px; text-align: center;}
    .main-list li h2 { margin: 0; font-size: 16px; font-weight: normal;}
    .main-list li p { display: none;}
    .main-list li.ico1 a { background: url(../images/main-1.png) no-repeat center 10px #1d4286;}
    .main-list li.ico2 a { background: url(../images/main-2.png) no-repeat center 10px #3598db;}
    .main-list li.ico3 a { background: url(../images/main-3.png) no-repeat center 10px #86bf36;}

    .i-about p { padding: 0 10px; }
    .i-contact { margin-bottom: 20px;}
    /*banner*/ 
    .b-banner { display: none;}
    .s-banner { display: block;}
}


@media (max-width: 480px) {
    .logo img { margin-top: 8px; height: 30px;}
    .contant {width: 100%;overflow: hidden;}
    .navbar { display: block; margin-top: 5px; float: right; color: #757575; font-size: 30px;}

    /*menu*/
    .menu { display: none;}

    /*hr*/
    .hr thead th,.hr td { font-size: 11px;}
}