@charset "utf-8";

@media only screen and (max-width: 1599px) {
  .top_wrap .inner,
  .head-right .inner {
    width: 98%;
  }
  .head-right {
    width: 100%;
  }
}

@media only screen and (max-width: 1400px) {
  .inner {
    width: 98%;
  }
  .head-right {
    width: 100%;
  }
  .news ul li {
    margin-right: 2.5%;
  }
  .nav li a {
    font-size: 18px !important;
  }
  .tab-hd {
    width: 48%;
  }
}

@media only screen and (max-width: 1280px) {
  .tab-hd {
    width: 50%;
  }
  .tab-hd1 {
    width: 40%;
  }
}

@media only screen and (max-width: 1200px) {
  .nav > ul {
    width: 100%;
  }
  .nav ul > li {
    padding: 0px 0.5%;
  }
}
@media only screen and (max-width: 1024px) {
  .nav {
    display: none;
  }
  .demo-2 {
    display: block;
  }
  .dl-menuwrapper button {
    /* top: 30px; */
  }
  .list > ul li:hover {
    margin: 0px;
  }
  .list > ul li a,
  .list > ul li a:hover {
    /* width: 85%; */
    
  }
  .tab-hd1 {
    width: 50%;
  }
  .tab-hd {
    width: 73%;
  }
  .lecturelist li img {
    height: auto;
  }
}
@media only screen and (max-width: 992px) {
  .tab-hd {
    width: 58%;
  }
  .top_link{
    display: none !important;
  }
.news ul li{width:}

}
@media only screen and (max-width: 856px) {
  .lm_accord {
    width: 100%;
    max-width: 100%;
    height: 54px;
  }
  .lm_accord h6,
  .lm_accord h4 {
    display: none;
  }
  .lm_accord h5 {
    display: block;
    font-family: "FZZCHJW" !important;
    padding: 0;
    font-size: 30px;
    color: #fff;
    float: left;
    line-height: 60px;
  }
  .lm_accord h6 .fl,
  .lm_accord h6 .fr {
    float: none;
  }
  .lm_accord span {
    float: right;
    height: auto;
    line-height: 56px;
    border: 0;
  }
  .side_accord {
    width: 100%;
    margin-top: 20px;
  }
  .side_accord > ul > li {
    float: left;
    width: 161px;
    cursor: pointer;
  }
  .side_accord > ul > li.curr {
    width: 481px;
  }
  .video_con video,
  .video_con object {
    width: 481px !important;
    height: 297px !important;
  }
  .brief,
  .brief p,
  .brief span {
    width: 100%;
    height: 297px;
    line-height: 297px;
  }
  .img_ar {
    height: 297px;
  }
  .larger,
  .larger .bg_larger {
    width: 100%;
    height: 297px;
  }
  .larger .star_sp {
    top: 108px;
    left: 200px;
  }
  .larger p a {
    font-size: 17px;
    margin-top: 16px;
  }
  .w-accor {
    height: auto;
  }
}
@media only screen and (max-width: 768px) {
  .ysfc ul li .pic,
  .jsml ul li .pic {
    height: 385px;
  }
  .jsml ul li {
    width: 94%;
    margin: 0 3% 40px 3%;
    max-width: 100%;
  }
  .nav_left,.linSea{
    display: none;
  }
  .sitelogo {
    width: 85%;
  }
  .sitelogo img,
  .tab-hd {
    width: 100%;
  }
  .caption {
    display: none;
  }
  .slick-dots {
    bottom: 10px;
   
  }
  .news ul li {
    width: 48%;
margin:0 1%;
    margin-bottom: 20px;
    max-width: 100%;
  }
  .news_img {
    height: 215px;
  }
.news,.news_list{margin-bottom:0px}
.main2{padding-top:20px;}
  .tab-hd li {
    margin-right: 2%;
  }
.tab-bd>li .option{display: block;width: 100%;padding: 0;}
.option li{float:left;width: 31.3%;MARGIN: 0px 1% 20px 1%;}
.sfq{display: block;}
.sfq .shell{display: block; width:100%;}
.sfq .shell .box{float:left;width:28.5%;height:175px; overflow:hidden; margin:0 1% 20px 1%;}
.sfq .box span{height:50px;}
.links{width:100%; margin-right:0;}

  .xue_right {
    margin-top: 30px;
  }
  #dowebok .xue_img {
    height: auto;
  }
  .xue_left,
  .xue_right,
  .nav_right {
    width: 100%;
    max-width: 100%;
  }
  .nav_left {
    display: none;
  }
  .tab-hd1,
  .zzjg_link {
    width: 100%;
  }
  .tab-hd1 li {
    font-size: 17px;
  }
  .articleList01 ul li {
    width: 100%;
  }
  .lm_accord h6 {
    font-size: 20px;
  }
  .w-accor li > .item .cont_ar {
    display: block;
  }
  .w-accor li.curr,
  .w-accor li {
    position: relative;
    width: 100% !important;
    margin-bottom: 10px;
  }
  .w-accor li > a,
  .brief,
  .brief p,
  .brief span {
    display: none;
  }
  .larger,
  .larger .bg_larger,
  .img_ar {
    height: 220px;
  }
  .larger .star_sp {
    position: absolute;
    border: 0;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 220px;
    background: url(../img/star_sp.png) no-repeat center center;
  }
  .w-accor li .item .cont_ar {
    width: 100%;
    height: 220px;
    background: rgba(214, 71, 42, 0.7);
  }
  .larger p {
    bottom: 20px;
  }
  .dbj {
    background: url(../img/m4bg.png) repeat 0px;
  }
}
@media only screen and (max-width: 699px) {
  .xrld dl dd {
    width: 100%;
  }
.sfq{overflow: hidden;}
.sfq .shell{height:auto;}
.sfq .shell .box{width:calc(48% - 20px);}
}
@media only screen and (max-width:659px) {
.option li{width:48%;}


}

@media only screen and (max-width: 554px) {
  .news_list,
  .top {
    display: none;
  }
  .news ul li {
    width: 98%;
    margin-bottom: 20px;
  }
  .news_img,.news_img, .news_img img{
    height: auto;
  }
  .list > ul li a {
    /* width: 68%; */
  }
  .option li {
    width:98%;
   
  }
.sfq .shell .box{width:calc(98% - 20px);height:auto; }
.sfq .box img{height:auto;}
  .dp img,
  .cont img {
    max-width: 100%;
    display: block;
    height: auto !important;
  }
  .xue_right ul li a {
    width: 74%;
    margin-left: 3%;
  }
  .links{
    width: 100%;
  }
  .copy {
    line-height: 30px;
  }
  .top_wrap {
    position: static;
    padding-bottom: 0px;
    /* background-color: #003470; */
  }
  .tab-bd1 .more {
    top: -35px;
  }
  .dl-menuwrapper button {
    top: -65px;
  }

#myBtn{background-size: 100%;
    width: 30px;
    height: 60px;}
}

@media only screen and (max-width: 480px) {
.links ul li{width:50%}
.tab-hd1 li{padding:3px 0;}
}
@media only screen and (max-width: 400px) {
  .xrld dl dd .pic {
    float: none;
    margin: 0px auto;
  }
  .xrld dl dd .bt,
  .xrld dl dd .zz {
    width: 100%;
  }
 .contact,
  .yu {
    width: 100%;
  } .yu {text-align:center;}
.yu img{display: inline-block;}
.list > ul li a{width:100%}
.list>ul li .date1{display:none;}

}

@media only screen and (max-width: 320px) {
  body {
    min-width: 320px;
  }.links ul li{width:100%}
}