@charset "utf-8";
@media (max-width: 1440px) {
	.menu > ul > li >a{
		 padding: 0 15px;
	}
}
@media (max-width: 968px) {
  .container {
    width: 100%;
  }
  .menu {
    display: none;
  }
  .slider-navigation .tel {
    font-size: 14px;
    justify-content: center;
  }
  .slider-navigation .tel p {
    font-size: 18px;
    margin-left: 0;
  }
  .navigation-box {
    display: none;
  }
  #indexSlider .swiper-pagination {
    bottom: 105px;
  }
  #indexSlider .swiper-button-next {
    bottom: 110px;
    left: 30%;
  }
  #indexSlider .swiper-button-prev {
    bottom: 110px;
    left: 10%;
  }
  .index-data {
    flex-wrap: wrap;
    padding-bottom: 20px;
  }
  .index-data-box {
    width: 50%;
    padding: 20px 0 0px 0;
  }
  .index-data-box .num .n,
  .index-data-box .num b {
    font-size: 32px;
  }
  .index-data-box::before {
    display: none;
  }
  .mtitle h2 {
    font-size: 24px;
  }
  .p100 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .index-jzbox {
    display: block;
    margin-top: 30px;
  }
  .index-jzbox .pic {
    width: 100%;
  }
  .index-jzbox .txt {
    width: 100%;
    padding: 30px 20px 20px 20px;
  }
  .jzitem > ul {
    flex-wrap: wrap;
  }
  .jzitem > ul > li {
    width: 50%;
    margin-bottom: 20px;
  }
  .jzlist p {
    height: auto;
  }
  .index-kc > ul {
    flex-wrap: wrap;
    margin-left: 0;
    margin-right: 0;
  }
  .index-kc > ul > li {
    width: 50%;
    padding: 0;
  }
  .index-kc-list .txt {
      padding: 20px 20px 10px 20px;
      text-align: center;
  }
  .kc-mode {
    display: block;
  }
  .kc-mode .pic {
    width: 100%;
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .kc-mode .pic img {
    max-width: 70%;
  }
  .kc-mode .txt {
    width: 100%;
  }
  .kc-mode .txt {
    padding: 20px;
  }
  .kc-mode .txt h3 {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .kc-mode .txt .num {
    padding: 8px 15px;
    font-size: 14px;
  }
  .kc-mode .kc-booklist > ul > li {
    
  }
  .kc-mode .kc-booklist > ul > li p {
    font-size: 14px;
  }
  .tabcontent > ul > li {
    width: 33.3333%;
  }
  .tab-book .txt {
    font-size: 12px;
  }
  .tab-book .pic {
    height: 100px;
    width: 100%;
  }
  .tab-book .pic img {
    width: 100%;
  }
  .index-teacher-item .pic {
    height: 140px;
  }
  .index-teacher-item .txt .des {
    font-size: 12px;
    height: 72px;
  }
  .mySwiper .swiper-button-prev {
    left: 20px;
    top: inherit;
    bottom: -20px;
  }
  .mySwiper .swiper-button-next {
    right: 20px;
    top: inherit;
    bottom: -20px;
  }
  .mySwiper {
    padding-bottom: 100px;
  }
  .index-news > ul > li {
    width: 50%;
  }
  .index-news-item .txt {
      padding: 20px;
      position: relative;
  }
  .index-news-item .pic {
    height: 220px;
  }
  .hp-pic {
    display: none;
  }
  .mtitle h2 {
    font-size: 20px;
  }
  .mtitle p {
    font-size: 16px;
  }
  #hpSwiper {
    padding-bottom: 50px;
  }
  #hpSwiper .swiper-slide {
    padding-top: 70px;
  }
  #hpSwiper .swiper-pagination {
    left: 0;
    width: 100%;
    bottom: 15px;
  }
  .hp-box {
    margin-top: 50px;
    margin-left: 0px;
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #1362B1;
  }
  .msform {
    width: 100%;
  }
  .gmjl {
    width: 100%;
    background: inherit;
    margin-top: 30px;
    height: 429px;
  }
  .form-list input {
    width: 100%;
  }
  .bm-box {
    position: inherit;
    left: inherit;
    top: inherit;
  }
  .bm-box .tit {
    width: 100%;
  }
  .bm-box .pic {
    display: none;
  }
  .index-news-box {
    width: 100%;
    margin-top: 30px;
  }
  .index-help {
    flex-wrap: wrap;
  }
  .index-help .t {
    width: 100%;
  }
  .index-help .index-help-list > ul > li {
    width: 100%;
    text-align: center;
  }
  .zjabout h2 {
    width: 100%;
    font-size: 20px;
  }
  .zjabout .txt {
    width: 100%;
    border: 0;
    margin-left: 0;
    padding-left: 0;
  }
  .zjabout {
    flex-wrap: wrap;
    padding: 20px;
  }
  .hj-tab > ul > li {
    margin-left: 10px;
    margin-right: 10px;
  }
  .hjcontent > ul {
    flex-wrap: wrap;
  }
  .hjcontent > ul > li {
    width: 48%;
    margin-bottom: 20px;
  }
  .links {
    margin-top: 30px;
  }
  .foot-nav > ul {
    flex-wrap: wrap;
  }
  .foot-nav > ul > li {
    width: 50%;
    margin-bottom: 20px;
  }
  .foot-dz .pic {
    float: left;
    margin-top: 20px;
  }
  .foot-dz .pic > div {
    margin-left: 0;
    margin-right: 50px;
  }
  .copy {
    flex-wrap: wrap;
  }
  .page-slider {
    height: 320px;
  }
  .page-slider .txt {
    left: 20px;
    margin-left: 0;
  }
  .page-slider .txt h1 {
    font-size: 20px;
  }
  .page-menu > ul > li {
    width: 50%;
    float: left;
  }
  .page-menu > ul > li a {
    padding: 15px 10px;
    text-align: center;
  }
  .page-menu > ul > li::after {
    display: none;
  }
  .news > ul > li {
    padding: 0;
  }
  .news > ul > li .pic {
    width: 100%;
    height: auto;
  }
  .news > ul > li .pic img {
    height: auto;
  }
  .news > ul > li .txt {
    width: 100%;
    margin-top: 0px;
    padding: 20px;
  }
  .news > ul > li .txt h3 {
    font-size: 18px;
  }
  .page-title {
    margin-bottom: 40px;
  }
  .help > ul {
    display: block;
  }
  .help > ul > li {
    width: 100%;
  }
  .news-left {
    width: 100%;
    padding: 20px;
    min-height: auto;
  }
  .news-right {
    width: 100%;
  }
  .help-m {
    padding-top: 0;
  }
  .news-tit {
    padding-top: 20px;
  }
  .news-tit h2 {
    font-size: 18px;
  }
  .newsad img {
    width: 100%;
  }
  .header {
    height: 80px;
    padding: 20px;
	min-width: 100%;
  }
  .logo{
	  padding-top: 0;
  }
  .logo img {
    height: 40px;
  }
  .m-menu {
    position: absolute;
    right: 18px;
    top: 23px;
    display: block;
    z-index: 99999;
  }
  .m-menu span {
    display: inline-block;
    width: 24px;
    height: 1px;
    background-color: #000;
    position: relative;
  }
  .m-menu span::before,
  .m-menu span::after {
    position: absolute;
    content: "";
    display: inline-block;
    width: 24px;
    height: 1px;
    background-color: #000;
    transition: all .4s;
  }
  .m-menu span::before {
    top: -8px;
  }
  .m-menu span::after {
    bottom: -8px;
  }
  .menu-close span {
    background-color: #fff;
  }
  .menu-close span::before {
    transform: rotate(45deg);
    top: 0;
  }
  .menu-close span::after {
    transform: rotate(-45deg);
    bottom: 0;
  }
  .menu > ul > li {
    display: block;
    width: 100%;
  }
  .menu > ul > li > a {
    display: block;
    margin-left: 0;
    text-align: center;
    line-height: 40px;
	height: auto;
  }
  .menu > ul > li:hover .child-class {
    display: none;
  }
  .menu-phone {
    position: fixed;
    top: 80px;
    right: 0;
    bottom: 0;
    padding-right: 0;
    left: 0;
    background: #fff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
    display: block;
    z-index: 999;
    margin-right: 0;
    width: 100%;
  }
  .menu-phone > ul {
    display: block;
  }
  #search {
    display: none;
  }
  .video-box>ul>li{
	  width: 100%;
  }
  .video-item .pic{
	  height: 220px;
  }
  .video-box>ul{
	  margin-left: 0;
	  margin-right: 0;
  }
  .form{
	  padding: 20px;
	  margin: 0;
  }
  .item .width{
	  width: 100%;
  }
  .item span{
	  display: block;
  }
  .inElement{
	  width: 100%;
  }
  .down-item .xz{
	  display: block;
	  float: left;
	  margin-top: 10px;
  }
  .td-box>ul>li{
	  width: 100%;
  }
  .td-item {
	  text-align: center;
  }
  .td-item .pic{
	  width: 150px;
	  height: auto;
	  position: inherit;
	  float: inherit;
	  margin: 0 auto;
  }
  .td-item .txt{
	  position: inherit;
	  float: inherit;
	  margin-top: 30px;
	  margin-left: 0;
  }
   .message-adv{
	   display: none;
   }
   
   .forms{
   	background-color: #fff;
   	padding: 30px 20px;
   	width: 100%;
   	margin: 0 auto;
   }
   .forms .width{
   	width: 100%;
   	height: 56px;
   	line-height: 56px;
   	border: 1px solid #ddd;
   	padding: 0 12px;
   }  
   .forms .item .yzm{
   	width: 50%;
   	height: 56px;
   	line-height: 56px;
   	border: 1px solid #ddd;
   	padding: 0 12px;
	float: left;
   }
   .forms .item .send{
   	width: 40%;
   	background-color: #007AFF;
   	height: 56px;
   	line-height: 56px;
   	border: 1px solid #007AFF;
   	padding: 0 12px;
   	margin-left: 20px;
   	color: #fff;
	float: right;
   }
   .forms .sub{
   	margin-top: 30px;
   	width:100%;
   }
   .page-mb40{
   	margin-bottom: 40px;
   }
   .page-title h2{
	   font-size: 20px;
   }
   .header .container{
	   padding: 0;
   }
   .m-menu{
	   top: 5px;
	   right: 0;
   }
   .index-slider{
	   height: auto;
	   padding-top: 80px;
   }
   .index-slier-item{
	   height: auto;
   }
   .slider-navigation{
	   position: inherit;
   }
   .side-c{
	   display: none;
   }	
   .page-slider{
					height: auto;
					padding-top: 80px;
				}
				.page-slider img{
					height: auto;
					object-fit: cover;
				}
    
    
    .m-foot {
        height: 46px;
        background-color: #d70c19;
        position: fixed;
        bottom: 0;
        z-index: 10;
        width: 100%;
        left: 0;
        display: block;
      }
      .m-foot li {
        width: 50%;
        float: left;
        text-align: center;
        color: #fff;
      }
    .pro-list li>div a.pic img{
    height:auto}
      .m-foot li a {
        height: 46px;
        display: block;
        line-height: 46px;
        color: #fff;
        font-size: 16px;
      }
      .m-foot li.dz a {
        background-color: #000;
      }
}