@charset "utf-8";
@media only screen and (max-width: 1440px) {
  .hyyx_column {
    margin-left: 15px;
    margin-right: 15px;}
.donate .donate_main .donate_entrance{
margin:20px auto;}
}
@media only screen and (max-width: 1200px) {
.donate .jz_box{height:300px;padding-top: 50px;}
}
@media only screen and (max-width: 1024px) {
  .hyyx_column .list > a {
    width: 49%;
    margin: 0 0.5% 30px;}
.cxzf .item_box{
margin:0 1.5% 20px;}
.jz_list ul li{
    width: 49%;
    margin-top: 10px;}
}
@media only screen and (max-width: 900px) {
.donate .jz_box{width:90%;margin: 30px auto !important;float: none;}
}
@media only screen and (max-width: 768px) {
  .hyyx_column {
    margin-left: 0px;
    margin-right: 0px;}
.list3 .list_box{
    padding: 20px 50px 20px 20px;}
.list3 .fr{
    width: calc(100% - 80px);
    padding-left: 25px;}
.zf_box .fr{padding:0 20px !important;}
  .hyyx_column .hyxy_title {
    display: block;
    /* position: relative; */
    margin-left: 0px;
    margin-right: 0px;}
  .hyyx_column .hyxy_title h5 {
    display: none;}
  .hyyx_column .hyxy_title > ul {
    display: block;}
  .hyyx_column .hyxy_title > ul > li {
    float: left;}
  .hyyx_column .hyxy_title > ul > li:last-child {}
  .hyyx_column .hyxy_title > ul > li:last-child a {}
  .hyyx_column .hyxy_title .columu_menu {
    display: block;
    position: absolute;
    width: 32px;
    height: 32px;
    background: url(../images/menu2.jpg) no-repeat center center;
    background-size: 32px 32px;
    right: 4%;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;}
  .hyyx_column .subfield {
    flex-wrap: nowrap;
    /* margin-top: 30px; */
    overflow-x: auto;
    border-radius: 0px;}
  .hyyx_column .subfield > li a {
  font-size: 16px;}
  .hyyx_column .list > a {
    height: 340px;}
  .hyyx_column .list > a img {}
}
@media only screen and (max-width: 570px) {
  .hyyx_column .list > a {
    height: 300px;}
  .hyyx_column .list > a img {}
.cxzf .item_box{
width:48%;
margin:0 1% 15px;}
.jz_list ul li{
height:50px;
line-height:50px;}
.jz_list ul li a{
font-size:14px;}
}
@media only screen and (max-width: 425px) {
  .head_box .banner {
    height: 150px;}
  .head_box .banner img {
    height: 100%;}
  .hyyx_column .hyxy_title {
    line-height: 40px;
    top: -40px;}
  .hyyx_column .list > a {
    width: 100%;}
.cxzf .item_box{
width:98%;
margin:0 1% 10px;}
}
@media only screen and (max-width: 320px) {
  .hyyx_column .list > a {
    width: 100%;
    height: 310px;}
  .hyyx_column .list > a img {
    height: 240px;}
}