@media only screen and (max-width: 1600px) {
   .banner_wrap .banner_leftbg, .banner_wrap .banner_rightbg{display: none;}
   .banner_wrap .slick-list{overflow: hidden;}
   .banner_wrap .inner{width: 100%;}
   .banner_wrap{height: auto;}
  }
 @media only screen and (max-width: 1440px) {
   
    
 }
 @media only screen and (max-width: 1320px) {
    .inner{width: 94%;}
 }
 
 @media only screen and (max-width: 1200px) {
   .lesson-title{width: 67%;}
   .read-title{width: 53%;}
 }
 @media only screen and (max-width: 1024px) {
   .lesson-title{width: 55%;}
   .read-title{width: 100%;}
   .read-img{margin: auto;float: none;}

 }
 @media only screen and (max-width: 768px) {
.pic_list ul li{width: 50%;}
   .news, .read,.lessons{max-width:100%;width:100%;}
  .lessons{margin-top:20px;}
   .lesson-title{width: 70%;}
  .huo{width:49%;max-width:100%;}
.conleft,.nav{display:none;}
.demo-2{display:block;}
.conright{width:100%;padding:30px 10px;}
.pic-wrap .pic{height:240px;}
.news .slick-dots{top:15px;}
}
@media only screen and (max-width: 600px) {
.pic_list ul li{width: 50%;}
.huo,.lesson-bottom, .read{width:100%;margin-top:20px;}
 .lesson-bottom{margin-top:0;}
 .link ul li{margin-bottom:15px;}
 .copy{line-height:25px;}
 .footer .foot-left{width:100%;}
 .go-index{display:block;width: 57px;}
.logo_right,.banner_wrap .slick-arrow, .news .slick-arrow{display: none !important;}
.dl-menuwrapper button{top:-62px;}
.article{padding:10px;}
.conright .listul li a,.news_list ul li a{width:70%;font-size:15px;padding-left:0;}
.conright .listul li{text-indent:0;}
.read .news_list ul li a{width:100%;}
.lesson-pic{width: 100px;height: auto;}
.lesson-title{width:65%;}
.lessontop-list ul li .lesson-title div{font-size:12px;}
.pic_list ul li{width: auto;
    float: none;
    margin-bottom: 15px;
}
@media only screen and (max-width: 320px) {
   body{min-width: 320px;}
}