@media screen and (max-width: 960px) and (min-width: 640px){
    .top{ display: none; }
header{ width:90%; padding: 28px 0; }
.banner img{ width: 100%; height: 100%;  }
.logo{ width: 50%; }
.logo img{ width: 100%; }
.search{ display: none; }
.menu{ display: block; position: absolute; top:-64px; right:5%; }
.nav{ width: 100%; position: absolute; top:101px; right: 0; z-index: 8888888;  }
.nav ul{ display: none; }
.nav ul li{ float: none; width: 100%;   margin-right: 0; background:rgba(139,28,34,0.75); border-radius: 0;}
.nav ul li a{ font-size: 18px; height: 40px; line-height: 40px; }
.term{ width: 90%;  }
.term ul li{ float: left; margin-top:0;  width: 48%; margin-right: 4%; height: 100%; margin-bottom: 4%; }
.term ul li:nth-child(2n){ margin-right: 0; }
.term ul li a{ width: 100%; }
.term-tit{ width: 100%; }
.term ul li img{ width: 100%; height: 100%; }
section{ width: 90%; }
.article h1.four{ width: 82px; border-bottom: 2px solid #8b1c22; font-size: 20px; color: #8b1c22; }
.article h1.five{ width: 102px; border-bottom: 2px solid #8b1c22; font-size: 20px; color: #8b1c22; }
.article h1.six{ width: 120px; border-bottom: 2px solid #8b1c22; font-size: 20px; color: #8b1c22;}
.article h1.seven{ width: 140px; border-bottom: 2px solid #8b1c22; font-size: 20px; color: #8b1c22;}
.article h1.eight{ width: 168px; border-bottom: 2px solid #8b1c22; font-size: 20px; color: #8b1c22;}
.news{ float: none; width: 100%; }
.feelings{ float: none; width: 100%; }
.news-img{ float: left; width: 40%; }
.news-img img{ width: 100%; height: 100%; }
.news-text{ width: 57%; float: right; }
.news-text dl dd{ font-size: 15px; }
.news-text h2{ padding-bottom: 12px; }
.news-text dl{ margin-top: 5px; }
.news-text dl dd{ line-height: 30px; }
.feelings-con img{  width: 100%; height: 100%; }
.feelings-tit{ width: 100%; font-size: 16px; line-height: 20px; }
.flexslider{margin:0px auto;position:relative;width:100%;height:100%;overflow:hidden;zoom:1;}
.foot{ width: 100%; }
.min-logo{ display: none; }
.min-nav ul{ display: none; }
.min-nav{ width: 90%; margin-right: auto; margin:0 auto;  float: none;}
.line{ display: none; }
.phone{ float: none; width: 90%; }
.email{ float: none; width: 90%; }
.main{ width: 90%; }
.sidebar-left{ width: 100%; float: none; margin-left: 0; margin-bottom: 12px;}
.article{ width: 100%; float: none;  }
.hr{ width: 100%; }
.article-con{ padding: 20px 5% 0 5%; }
.myterm{ width: 100%; }
.myterm-img{ float: none; width: 100%; }
.myterm-img img{ width: 100%; height: 100%; }
.myterm-txt{ width: 100%; float: none;}
.myterm-img0{ float: none; width: 100%; }
.myterm-img0 img{ width: 100%; height: 100%; }
.myterm-txt0{ float: none; width: 100%; }
.search-job{ width: 100%; }
.search-job label{ margin-right: 2%; }
.search-job input{ width: 58%; padding-left: 2%;  }
#job-sub{ width: 20%;  }
.contact-img{ float: none; width: 100%; }
.contact-img img{ width: 100%; height: 100%; }
.contact-txt{ width: 100%; float: none; }
.article-con p{ line-height: 28px; }
.hr04{ width: 100%; }
  .news-list {
            width: 100%;
            margin: 29px auto;
            height: 100%;
            background: #fff;
        }

        .news-list li {
            padding-bottom: 12px;
        }

        .news-list img {
            display: inline-block;
            padding: 10px;
            width: 37%;
            height: 100%;
        }

        .news-info {
            float: right;
            width: 60%;
            margin-right: 3%;
        }

        .news-info h5{
            font-size: 18px; margin-top: 0;
            color: #333; margin-bottom: 12px;

        }

        .news-info time {
            font-size: 18px;
            color: #999;
            display: none;
        }

        .news-info p {
            font-size: 14px;
            color: #333;
            line-height: 24px;
            display: block; height: 105px; overflow: hidden;
        }

        .news-info a {
            float: right;
            text-align: center;
            display: block;
            width: 30px;
            height: 30px;
            line-height: 30px;
            font-size: 24px;
            border-radius: 100px;
            background: #d6d6d6;
            color: #fff;
            margin-top: 0;
        }

        .news-info a:hover {
            background: #42b6e8;
        }

        .news-list li.curt {
            box-shadow: 0px 0px 16px #ccc;
            border: 0;
        }

        .news-info a.cut {
            background: #42b6e8;
        }

        .news-show {
            width: 90%;
            margin: 0 auto;
            padding: 0 2% 20px 2%;
            background: #fff;
        }

        .news-show h1 {
            font-size: 18px;
            color: #333;
            text-align: center;
            font-weight: normal;
            padding: 30px 0 0px 0;
        }

       
        .news-act {
            width: 100%;
            margin: 0 auto;
        }

        .news-act p {
            font-size: 14px;
            color: #333;
            line-height: 24px;
        }

        .news-act span {
            display: block;
            padding: 37px 2%;
        }

        .news-act samp {
            display: block;
            text-align: center;
        }

        .news-act samp img {
            padding: 37px 0;
        }

        .news-tit {
            width: 100%;
            margin: 12px auto;
            font-size: 14px;
            color: #333;
            padding-top: 22px;
        }

        .news-tit a {
            color: #333;
        }

        .news-act a {
            display: block;
            font-size: 14px;
            color: #666;
            padding: 20px 0
        }

        .news-show time {
            display: block;
            text-align: center;
            font-size: 14px;
            color: #666;
            margin: 0 auto;

            width: 74%;
            padding-bottom: 20px;
        }
        
        .news-show p img{ 
            width: 100%; 
        }
  .volunteer{ width: 100%; }
  .volunteer-con{ width: 90%; }
  .volunteer-con input{ width: 100%; }
  .che{ padding-left: 0; }     
  #sub{ width: 100%; }
        .news-page {
            width: 90%;
            margin: 25px auto 0px auto;
        }

        .news-page ul li {
            float: left;
            margin-left: 5%;
            width: 30px;
            height: 30px;
        }
        .activity li{ width: 100%; float: left; margin-right: 20%; }
      
        .activity li img{ width: 100%; height: 100%; }
        .knowledge{ width: 100%; }
        .knowledge li{ height: 50px; background: url(../images/icon05.png) left 23px no-repeat; }
        .knowledge li a{ line-height: 50px; }
        .video{top: 47%;left: 15%;}
        .donate ul li{ float: none; width: 100%; height: 100%; }
        .donate ul li img{ width: 100%; height: 100%; }
       .donate-con{ width: 100%; }
       .partner-con li{ width: 48%;  margin-right: 2%; }
       .partner-con li:nth-child(5n){ margin-right: 2%; }
       .find-info{ width: 100%; float: none; }
     .find-info a{ width: 21%; }
     .find-info b span{ margin-right:10%; }
.things{ position: relative; margin-top: 10px; float: left; }
.things-line{ position: absolute; top:-4px; left: 0; display: none;}
.things ul li{ float: none; width: 100%;  font-size: 20px; color: #999;  line-height: 85px; height: 85px; background: url(../images/dot0.png) 10px top no-repeat; }
.things ul li.cur{ background: url(../images/biggerdot.png) 10px -1px no-repeat;  }
.things-con{ margin-left: 23%; }
.find-info b{ padding-top: 30px; }
}