img{ max-width:100%;}

@media (max-width:1200px) {
    .wrap{ width: 980px;}
    .header .navs li > a{ padding: 0 15px; font-weight: normal;}
    .index-content .col5{ width: 480px;}
    .index-content .slide .item img{ height: 310px;}
    .index-content .slide .item{ height: 366px;}
    .index-content .top-news .text li{ line-height: 47px ;}
    .index-content .col5{ height: 440px; }
    .fixed-nav .wx{ display: none;}
    .fixed-nav{ width: auto;}
    .fixed-nav .gotop{ width: 45px; height: 45px; text-align: center; padding-top: 0; line-height: 45px;}
    .fixed-nav .gotop h4{ display: none;}
    .index-content .col2 .img{ display: none;}
    .index-content .col1{ width: 305px;}
    .index-content .col2{ width: 375px;}
    .index-content .col2 .list2 ul{ width: auto;}
    .index-content .col-list{ width: 313px;}
    .index-content .col-list3{ width: 313px;}
    .fixed-nav{ right: 5px;}
}
@media (max-width:980px) {
    .wrap{ width: 640px;}
    .header{ position: relative;}
    .header .top .logo{ width: 270px; margin-top: 0;}
    .header .top .wrap{ width: auto; padding: 0 10px;}
    .header .navs .wrap{ width: auto;}
    .header .top{ height: 45px; background: #14609D; line-height: 45px;}
    .header .top .logo img{ display: none;}
    .header .top .logo span{ font-size: 22px; color: #ffffff; display: inline-block; }
    .header .top .sear{ display: none;}
    .header .navs{ display: none; background: rgba(0,0,0,0.8); z-index: 99; border-bottom:none; position: absolute; top: 45px; left: 0; right: 0;}
    .header .top .phone{ display: block; position: absolute; right: 0; top: 0;}
    .header .navs li{ width: 33.33%; border: none; text-align: center;}
    .header .navs li > a{ font-size: 14px;}
    .index-content .col5{ width: 640px;}
    .index-content .slide .item img{ height: 410px;}
    .index-content .col5{ height: auto;}
    .index-content .slide .item{ height: auto;}
    .index-content .gb-box{ float: none;}
    .index-content .col1{ width: 49%; float: left; margin-bottom: 10px;}
    .index-content .col2{ width: 49%; margin-left: 2%; float: right; margin-bottom: 10px;}
    .index-content .col3{ width: 100%; float: none; clear: both; }
    .index-content .col2 .list2 .name{ width: 60%;}
    .index-content .col3 .col4{ float: left; width: 49%;height: 191px;}
    .index-content .col3 .col6{ width: 49%; float: right; margin-top: 0;}
    .index-content .col6{ height: 191px;}
    .index-content .col4 .item{ margin: 5px auto;}
    .index-content .col{ height: auto;}
    .index-content .col-list{ width: 100%; margin: 10px 0; float: none;}
    .index-content .col-list3{ width: 100%;}
    .footer .img{ display: none;}
    .index-content .h425 .img img{ height: 180px;}
    .index-content .h425 .col{ height: auto; clear: both; overflow: hidden;}
    .index-content .index-texts{ margin-top: 10px;}
    .index-content .gb-list li a{ height: auto; display: block; overflow: hidden;}
    .index-content .col2 .list2 ul{ float: none;}
    .fixed-nav{ bottom: 30px;}
    .index-content .col1 .img img{ height: 92px;}
    .index-content .gb-box .head{ margin:0 10px; }
}
@media (max-width:640px) {
    .wrap{ width: auto;}
    .index-content .col1 .img img{ height: 180px;}
    .index-content .col1,.index-content .col2{ width: auto; float: none; clear: both;  margin-left: 0;}
    .index-content .index-banner{ display: none;}
    .index-content .col5{ width: auto;}
    .index-content .index-texts{ padding: 0;}
    .index-content .gb-box{ padding: 0; border-top:2px solid #63A4D2;}
    .index-content .gb-box .body{ margin: 0 10px;}
    .index-content .gb-box.index-imgs .body{ margin: 0 ;}
    .index-content .gb-box.index-imgs{
        padding: 0;
    }
    .index-content .col3 .col4{ width: auto; float: none;}
    .index-content .col3 .col6{ float: none; width: auto; margin-top: 10px;}
    .index-link{ padding: 16px;}
    .index-content .col .body{ padding:10px 0;}
    .index-content .gb-box .head h3{ font-size: 16px;}
    .footer .text{ float: none;}
    .footer{ height: auto; padding: 10px;}
    .index-link{ display: none;}
    .index-content .slide .item img{ height: auto; }
    .index-content .slide .item h3{ padding: 0 10px; font-weight: normal; font-size: 14px;}
    .index-content .slide .owl-page span{ width: 7px; height: 7px; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px;}
    .index-content .top-news .text li .name{ width: 65%;}
    .index-content .col3 .col6{ height: 160px;}
    .index-content .h320 .col{ height: auto;}
    .index-content .h390 .col{ height: auto;}
    .index-content .top-news .text li{ line-height: 35px; font-size: 14px;}
}
@media (max-width:460px){
    .index-content .h425 .img img,.index-content .col1 .img img{
        height: 120px;
    }
}