@media (min-width: 1200px) and (max-width: 1400px) {
    .head {
        height: 120px;
    }
    .foot_w{
        margin: auto;
        width: 86%;
        margin-top: 20px;
    }
}
@media screen and (max-width: 1200px) {
    .head .search {
        margin-top: -41px;
    }
    .head {
        height: 88px;
    }
    .head .search {
        margin-top: -10px;
    }
    .pagination{
        bottom: -27px!important;
    }
    .nav > li > a {
        padding: 15px 9px;
    }
    .navbar-default .navbar-nav > li > a {
        font-size: 16px;
    }
    .navbar-brand {
        font-size: 16px;
    }
    .line ul li img{
        height: 69px!important;
    }
    .btn-group{
        width: 236px
    }
    .foot_w{
        margin: auto;
        width: 95%;
        margin-top: 20px;
    }

}

    @media screen and (max-width: 1040px) {
        .head {
            height: 73px;
        }

        .head .search {
            margin-top: -20px;
        }

        .head .search {
            width: 240px;
        }
        .pagination{
            bottom: -27px!important;
        }
        .nav > li > a {
            padding: 15px 4px;
        }
        .navbar-default .navbar-nav > li > a {
            font-size: 13px;
        }
        .navbar-brand {
            font-size: 13px;
        }

    }
    @media screen and (max-width: 1024px) {
        .pagination{
            bottom: -27px!important;
            margin-left: -25%!important;
        }
        .nav > li > a {
            padding: 15px 14px;
        }
        .footer {
            width: 53%;
            height: 100%;
            margin: 29px auto;
            font-size: 14px;
            color: #ffffff;
        }
    }
    @media screen and (max-width: 990px) {
        .swiper-pagination-switch{
            width: 15px!important;
            height: 15px!important;
            background-size: 100% 100% !important;
        }
        .nav > li > a {
            padding: 15px 4px;
        }
        .navbar-default .navbar-nav > li > a {
            font-size: 13px;
        }
        .navbar-brand {
            font-size: 13px;
        }
        .line ul li{
            padding: 13px 33px;
        }
        .btn-group {
            width: 190px;
            margin-left: 34px;
        }
        .foot_w{
            margin: auto;
            width: 108%;
            margin-top: 20px;
        }

    }
@media screen and (max-width: 900px) {
    .pagination{
        margin-left: -30%!important;
        bottom: -27px!important;
    }
    .nav > li > a {
        padding: 15px 4px;
    }
    .navbar-default .navbar-nav > li > a {
        font-size: 13px;
    }
    .navbar-brand {
        font-size: 13px;
    }
}
    @media screen and (max-width: 760px) {
        .pagination{
            margin-left: -35%!important;
        }
        .container {
            padding-right: 10px;
            padding-left: 10px;
            margin-right: auto;
            margin-left: auto;
        }
        .main_h {
            margin-top: 20px;
        }
        .line ul li img {
            height: 55px!important;
        }
        .navbar-default .navbar-nav .open .dropdown-menu > li > a {
            color: #fff;
        }
       .pc-img {
          display: none;
        }
       .mobile-img {
          display: block;
          width: 100%;
        }
       .jrxf a {
           width: auto;
       }
       .jrxf {
           margin-top: 0;
       }
    }
    @media screen and (max-width: 769px) {
        .footer {
            width: 63%;
            height: 100%;
            margin: 29px auto;
            font-size: 14px;
            color: #ffffff;
        }
    }
    @media screen and (max-width: 500px) {
        .head {
            background: url(../images/head_on.jpg) no-repeat 0 0;
            background-size: 100%;
        }

        .head {
            height: 48px;
        }

        .head .search {
            width: 145px;
            margin-top: -17px;
        }

        .head .search input {
            font-size: 11px;
            padding-left: 2px;
            height: 31px;
        }
        .head .search_input{
            width: 24%!important;
            background-size: 100% 100%;
        }
        .swiper-pagination-switch{
            margin: 8px 21px!important;
        }
        .black{
            height: 22%;
        }
        .swiper-pagination-switch {
            width: 10px!important;
            height: 10px!important;
            background-size: 100% 100% !important;
        }
        .pagination{
            margin-left: -19%!important;
        }
        .line ul li {
            padding: 13px 7px;
        }
        .btn-group {
            width: 90%;
            margin: 6px auto;
            margin-left: 0;
        }
        .lines .lines_head{
            margin-left: 10px;
        }
        .footer{
            width: 89%;
            height: 100%;
            margin: 5px auto;
            font-size: 14px;
            color: #ffffff;
        }
        .foot_line{
            margin-top: 5px;
        }
    }
@media screen and (max-width: 376px) {
    .line ul li {
        padding: 13px 4px;
    }
}
    @media screen and (max-width: 366px) {
        .head {
            height: 38px;
        }

        .head .search {
            width: 134px;
            height: 28px;
            margin-top: -14px;
        }

        .head .search input {
            font-size: 10px;
            padding-left: 2px;
        }

        .head .search input {
            width: 76%;
            height: 22px;
        }
        .pagination{
            bottom: -29px!important;
            margin-left: -26%!important;
        }
        .line ul li {
            padding: 13px 2px;
        }
        .line ul li img {
            height: 48px!important;
        }
        .foot_line a {
            font-size: 13px;
            color: #efeff0;
        }
        .foot_h{
            padding-right: 10px;
        }
    }.phone_footer{
	display: none;
}
.foot{
	display: block;
}    
.small_banner{
	width: 100%;
	text-align: center;
}
.small_banner img{
	width: 1100px;
}
    @media only screen and (min-width: 100px) and (max-width: 640px) {
    	.head .search input[type=submit]{
    		
    	width: 19%!important;
    	}.head .search input[type=text]{
    		width: 70%!important;
    	}#button-left,#button-right{
    		width: 30px!important;
    	}.phone_footer{
		display: block;
		width: 100%;
		text-align: center;
		background-color: #1555bf;
		padding: 20px 0;
		font-size: 16px;
		font-family: "microsoft yahei";
	}.phone_footer p{
		color: #fff;
		line-height: 28px;
	}.foot{
		display: none;
	}.small_banner img{
	width: 100%;
}
    }