@media screen and (min-width: 1200px){
 .logo{
  animation: nav-box 1s;
 }
 .top_link{
  animation: nav-lianjie 1.0s;
 }


}

@media screen and (max-width: 1630px){
 .ad02{
  display: none;
 }
}
@media screen and (max-width: 1470px){
 .major>div{
  width: 98% !important;
  padding: 0 1%;
 }
 .areaheart{
  width: 98%;
  padding: 0 1%;
  overflow: hidden;
 }
 .ad01{
  margin-right: 0;
 }
 .major_list li span{
  display: none;
 }
 .major_list li a{
  display: block;
 }
 .major_list li a{
  height: 36px;
 }
 .major_list2 li a{
  height: 46px;
 }
 .major_list3 li{
  background: none;
 }
 .major_list3 li a{
  margin-left: 0;
 }
 .friend_link p{
  display: none;
 }
 .friend_link .link_box{
  width: 20%;
  margin: 15px 2.5%;
 }

}

@media screen and (max-width: 1000px){
 .ad01{
  display: none;
 }
 .nav li span{
  display: none;
 }
}

@media screen and (max-width: 768px){
 .nav{
  display: none;
  position: fixed;
  right: 0;
  top: 0;
  width: 120px;
  z-index: 100;
  background: #fff;
  height: auto;
 }
 .nav li{
  float: none;
  width: 100%;
  line-height: 40px;
  height: 40px;
  border-bottom: 1px solid #066bbf;
 }
 
 .nav_icon2{
  display: block;
 }
 .logo{
  width: 80%;
  margin-top: 0;
  height: 118px;
  display: flex;
  align-items: center;
 }
 .logo img{
  width: 100%;
  height: auto;
 }
 .slides li,
 .flexslider{
  height: 400px;
 }
 .part_ug{
  height: auto;
  margin-top: 20px;
 }
.part_ug ul{
 position: static;
 background: #286fbf;
}

 .part_ug li{
  width: 50% !important;
  margin-bottom: 1px;
  height: 40px;
  padding: 10px 0;
 }
 .part_ug li a{
  padding-top: 0;
  line-height: 20px;
 }

 .part_ug li a .line{
  display: none;
 }
 .picScroll .bd li{
  width: 25%;
 }
 .books{
  height: auto;
  padding-bottom: 30px;
  background: #164479;
 }
 .picScroll .hd{
  height: 110px;
 }
 .picScroll .hd .line_lf, .picScroll .hd .line_rgt{
  display: none;
 }
 .friend_link{
  padding: 8px 0;
 }
 .friend_link .link_box{
  width: 45%;
  margin: 8px 2.5%;
 }
 .foot_rgt{
  display: none;
 }

 .side_left{
  margin-top: 10px;
 }
 .g-title1{
  padding: 0;
  text-align: center;
 }
 .g-title1 h3{
  font-size: 18px;
 }
 .snav dl a{
  padding: 0;
 }

}

@media screen and (max-width: 600px){
 .part_ug{
  margin-top: 10px;
 }
 .part_ug li a{
  font-size: 14px;
 }

 .slides li,
 .flexslider{
  height: 160px;
 }
 .news_box{
  width: 100%;
 }
 .major_box{
  width: 100%;
  margin: 0;
  margin-top: 50px;
 }
 .major{
  padding-bottom: 20px;
 }
 .major_pic img,
 .major_pic,
 .major_box{
  height: auto;
 }
 .friend_link .link_box{
  width: 95%;
  margin: 8px 2.5%;
 }
 .foot{
  min-height: auto;
 }
 .foot_lf{
  background: none;
  padding: 10px 0;
  text-align: center;
  width: 100%;
  font-size: 12px;
 }
 .banner_sm{
  width: 100% !important;
  padding: 0;
 }
 .side_left{
  width: 100%;
  min-height: 10px;
 }
 .snav .s1{
  line-height: 38px;
 }
 .count_right{
  width: 100%;
 }
 .g-title1 h3{
  line-height: 40px;
 }
 .m-tit1 h3{
  font-size: 20px;
 }
 .m-listmt li{
  margin-bottom: 10px;
  padding-bottom: 10px;
 }
 .m-listmt .time{
  float: none;
  font-size: 16px;
 }
 .m-listmt .txt{
  padding: 0;
  line-height: 28px;
 }
 .m-txt3 img{
  max-width: 100%;
  height: auto !important;
 }
 .pic_list li{
  width: 46%;
 }
}

@media screen and (max-width: 500px){
 .logo,
 .head{
  height: 80px;
 }
 .nav_icon2{
  bottom: 28px;
 }
 .picScroll .bd li{
  width: 50%;
 }
 .picScroll .bd li:nth-child(even){
  margin-top: 0;
 }
}

@media screen and (max-width: 400px){
 .logo,
 .head{
  height: 60px;
 }
 .nav_icon2{
  bottom: 19px;
 }
 .part_ug li a{
  line-height: 20px;
  font-size: 12px;
 }
 .slides li,
 .flexslider{
  height: 120px;
 }
}