@font-face{ font-family:myFirstFont;
  src:url(../font/tt0173m.jpg)}
  @media (max-width:1920px){html{font-size:16px;}}
  @media (min-width:1400px) and (max-width:1600px){html{font-size:15px;}}
  @media (min-width:640px) and (max-width:1399px){html{font-size:14px;}}
  @media (min-width:471px) and (max-width:639px){html{font-size:13px;}}
  @media (min-width:329px) and (max-width:470px){html{font-size:12px;}}
  @media (max-width:328px){html{font-size:12px;}}
  
  

  @media screen and (max-width: 1400px){
      body,.header{
          min-width: 100%;}
      .container{
          width: 100%;
          padding: 0 15px;
          box-sizing: border-box;
          overflow: hidden;}
    .containernews{
          width: 100%;
          padding: 0 10px;
          box-sizing: border-box;
          overflow: visible;}
      .fixed .menu>li {
          width: 90px;}
      .dynamic ul {
          float: right;
          width: 48%;}
      .banner h1{
          width: 1200px;}
  }
  
  
  @media screen and (max-width: 800px) {
  
    .news {width:100%;float: none;}
    .news-info{width:100%;float: none;margin-top:20px;}
       .mode01 .lf{width:100%;float: none;}
    .mode01 .rt{width:100%;float: none;margin-top:20px;}
  }
  
  @media screen and (max-width: 480px){
  
    body,.header,.kuang{
          min-width: 100%;}
      .container{
          width: 100%;
          padding: 0 10px;
          box-sizing: border-box;
          overflow: visible;}
      .containernews{
          width: 100%;
          padding: 0 10px;
          box-sizing: border-box;
          overflow: visible;}
  
  
   .header{
  
      height: auto;
          position: relative;
          background: #102fa3;}
  
     .header.navtop{
          display: none;}
  
  
  
  .header_box_li{
  
  height:1px;position: relative;z-index: 1;}
  
  
     .logo{
         float: left;
         clear: both;
      height: 20px;
        display: block;
          position: absolute;
          top: 5px;
          left: 10px;
           z-index: 999;
           width:100%;
  
      padding: 30px 0;}
  
  
  
  
  .logo .tqyb{
  
    display: none;}
  
  .top{
  
    display: none;}
  
      .logo i{
  
          width: 80%;
          height: 85px;
  
          background-size: contain;}
  
  
  
    .toggle{
          display: block;
          position: absolute;
          top: 16px;
          right: 18px;
          width: 30px;
          font-size: 0;}
      .toggle i{
          display: inline-block;
          width: 100%;
          height: 4px;
          background: #fff;
          margin: 3px 0;}
  
  
  
  
  
  
  
  
  
    .search{
          float: none;
          clear: both;
  
  
    display: block;
          position: absolute;
          top: 20px;
          right: 45px;
           z-index: 9999;
       width:20px;}
  
   .search .top{
          display: none;}
      .search form{
          margin-top: 15px;}
      .search input[type='text']{
          width: 100px;
          box-sizing: border-box;}
  
  
      .nav{
          display: none;
          float: none;
          width: 100%;
          height: auto;
          position: absolute;
          top: 70px;
          margin-top: 0;
          background: rgba(17,156,78,.9);
          z-index: 99999;}
        .menu{
          padding: 5px 0;}
      .menu>li{
          float: none;
          width: 100%;
          margin: 0;
          height: auto;
          line-height: 40px;
          text-align: left;
          border-bottom: 1px solid #ddd;}
      .menu>li:last-child{
          border-bottom: none;}
      .menu>li>a{
          display: block;
          font-size: 16px;
          padding-left: 15px;}
      .menu>li:hover{
          border-bottom: 1px solid #ddd;}
      .menu>li span{
          display: block;
          position: absolute;
          top: 5px;
          right: 15px;
          font-size: 24px;
          font-weight: bolder;
          line-height: normal;
          transition: .3s;}
      .menu>li span.active{
          transform: rotate(45deg);}
      .second-menu{
          position: static;
          width: auto;
          padding: 0;}
      .second-menu a{
          font-size: 14px;
          padding-left: 30px;
          border-bottom: 1px solid #eee;}
  
  
  
      .slideBox{
          margin-bottom: 0;
     z-index:-100;
  
   position: absolute;}
      .slideBox .hd{
          bottom: 5px;}
      .slideBox>a{
          display: none;}
  
      .title{
          padding: 25px 0;}
      .title h3{
          font-size: 20px;}
      .title h3 span{
          display: none;
          font-size: 12px;}
      .title h3:before{
          transform: scale(.8);}
  
  
  
  
  
  
  
  
  
    .nav{
          padding-bottom: 0;
      }
      .menu{
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          flex-direction: column;
          background-color: rgba(0,0,0,.9);
          transition: .5s;
          transform: translateX(-100%);
      }
      .menu.show{
          transform: translateX(0);
      }
      .menu>li>a{
          font-size: 16px;
      }
      .menu>li:hover>a{
          background-color: transparent;
      }
      .menu>li{
          width: 100%;
          position: relative;
          border-bottom: 1px solid #ddd;
      }
      .menu>li span{
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          width: 40px;
          line-height: 40px;
          color: #fff;
          font-size: 28px;
          text-align: center;
          display: block;
          transition: .3s;
      }
      .menu>li span.on{
          transform: rotate(45deg);
      }
      .sub-menu li a{
          margin-top: 0;
          border-top: 1px solid #ddd;
      }
   */
  
  
      .slide,.slideBox{
  
     height: 129px;
  
          padding-top: 0;}
  
  
  
  
  .slideBox .hd ul li.on{
      padding-right: 80px;
      font-size: 26px;}
  .slideBox .hd ul li.on:after{
      width: 75px;}
  .slideBox .bd,
  .slideBox .bd>div,
  .slideBox .bd ul{

   height: 129px;}
  .slideBox .bd li{

      height: 129px;
      zoom:1;
      vertical-align:middle;
      position: relative;}
  .slideBox .bd img{
      display:inline-block;
      width: 100%;

      height: 129px;}
  
  
  
  
  
  
  
  
  
  
  
      .slide .down{
          display: none;}
  
      .title{
          padding: 25px 0;}
      .title h1{
          font-size: 24px;}
      .title h1 span{
          font-size: 16px;}
      .title h1:after{
          width: 45px;
          height: 3px;}
      .title h2{
          font-size: 24px;}
      .title div span{
          font-size: 14px;}
  
  
    .mode01 .lf{width:100%;float: none;}
    .mode01 .rt{width:100%;float: none;margin-top:20px;}
  
  

  
    .news{

            width: 100%;}
      .news .bd{
          overflow-x: auto;}
   
  
      .wrapper {
          height: auto;
          padding-bottom: 25px;
          background-size: cover;}
      .wrapper .title {
          padding: 25px 0;}
      .dynamic{
          width: 100%;}
      .box{
          height: auto;
          overflow: hidden;
          opacity: 1;}
      .dynamic .box>.lf {
          width: 100%;}
      .dynamic ul{
          width: 100%;
          padding-top: 10px;
          margin: 0;}
      .dynamic ul li a{
          font-size: 16px;}
  
      .information{
          width: 100%;}
      .information ul{
          margin: 0;}
      .information ul li .date{
          width: 75px;
          height: 75px;
          padding: 8px 0;}
      .information ul li h2{
          line-height: 35px;
          font-size: 30px;}
      .information ul li p{
          margin-left: 90px;
          height: 50px;
          line-height: 25px;}
      .information ul li a{
          font-size: 16px;}
  
      .links ul{
          margin-bottom: 20px;
          opacity: 1;}
      .links ul li{

          margin: 5px 0;
          padding: 0 15px;
          font-size: 16px;}
  
      .service{
          height: auto;
          padding-bottom: 15px;}
      .service p{
          margin: 20px 0;
          font-size: 20px;}
      .service p span{
          font-size: 14px;}
      .service ul{
          display: block;}
      .service ul li{
          float: left;
          width: 50%;
          line-height: 30px;
          margin-right: 0;}
      .service ul li a{
          font-size: 16px;}
      .service ul li img{
          height: 18px;}
  
      .contact .lf img{
          margin: 20px 0;}
      .contact ul{
          padding: 0 0 15px;
          width: 100%;
          font-size: 12px;}
      .contact ul li{
          width: 45%;
          line-height: 30px;}
      .contact ul li:nth-child(even){
          width: 55%;}
      .contact ul li img{
          height: 14px;
          margin-right: 5px;}
  
      .copy{
          line-height: 25px;
          padding: 6px 0;
          font-size: 12px;}
      .copy span{
          display: block;
          margin-left: 0;}
  
      .banner{
          overflow: hidden;}
      .banner img{
          width: auto;
          max-width: none;
          height: 100px;}
  
      .side{
          float: none;
          width: 100%;
          margin-bottom: 30px;}
      .side>p{
          font-size: 20px;}
      .side p span{
          display: block;
          float: right;}
      .side ul{
          display: none;}
      .side img{
          display: none;}
      .column{
          margin-left: 0;}
      .column>h2{
          font-size: 22px;}
      .common-list li{
          padding: 10px;}
      .common-list li .date{
          padding-right: 15px;}
      .common-list li .date h3{
          line-height: 30px;
          font-size: 20px;}
      .common-list li>p{
          margin-left: 90px;
          font-size: 18px;
          background-size: 15px auto;}
  
      .detail>h3{
          line-height: 30px;
          font-size: 20px;}
      .detail>h4{
          font-size: 12px;}
      .detail>h4 span{
          margin: 0 5px;}
      .content {
          margin-top: 20px !important;
          font-size: 16px !important;}
  
      .org {
          margin: 0 0 20px;}
      .org:last-of-type{
          padding-bottom: 100px;}
      .org li{
          width: 100%;
          padding: 20px 0 5px;}
      .org li div {
          width: 100% !important;
          padding: 20px 30px;}
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  

  
  
   body{
          min-width: 100%;

        position: relative;}
  
      .container_teacher,
      .kuang{
          width: 100%;
          padding: 0 15px;
          box-sizing: border-box;}
  
      .container{
          width: auto;
          padding: 0 15px;}
  
      .header{
          height: auto;}
      .header .logo{
          float: none;
          width: 80%;
          line-height: normal;
          padding-top: 15px;}
  
      .toggle{
          display: block;
          position: absolute;
          top: 16px;
          right: 15px;
          width: 30px;
          font-size: 0;}
      .toggle i{
          display: inline-block;
          width: 100%;
          height: 4px;
          background: #fff;
          margin: 3px 0;}
  
      .navn{
          display: none;
          float: none;
          width: 100%;
          height: auto;
          position: absolute;
          top: 120px;
          margin-top: 0;
          background: #eee;
          z-index: 999;}
      .menu{
          padding: 5px 0;}
      .menu>li{
          float: none;
          width: 100%;
          margin: 0;
          height: auto;
          line-height: 40px;
          text-align: left;
          border-bottom: 1px solid #ddd;}
      .menu>li:last-child{
          border-bottom: none;}
      .menu>li>a{
          display: block;
          font-size: 16px;
          padding-left: 15px;}
      .menu>li:hover{
          border-bottom: 1px solid #ddd;}
      .menu>li span{
          display: block;
          position: absolute;
          top: 5px;
          right: 15px;
          font-size: 24px;
          font-weight: bolder;
          line-height: normal;
          transition: .3s;}
      .menu>li span.active{
          transform: rotate(45deg);}
      .second-menu{
          position: static;
          width: auto;
          padding: 0;}
      .second-menu a{
          font-size: 14px;
          padding-left: 30px;
          border-bottom: 1px solid #eee;}


      .news,.albumBox,.news-info,.notice{
          float: none;
          width: 100%;}
  
  
      .albumBox .bd2 img{
          height: 208px;}
  
  
  
  
  .albumBox{
     width: 100%;
  
   height: 208px;
      position: relative;}
  .albumBox .hd2{
      position:absolute;
      right: 0;
      bottom: 15px;
      width: 100px;
      z-index:1;}
  .albumBox .hd2 ul{
      text-align: right;}
  .albumBox .hd2 ul li{
      width: 20px;
      height: 20px;
      line-height: 20px;
      color: #fff;
      text-align: center;
      margin-left: 1px;
      background: rgba(0,0,0,.6);
      cursor: pointer;
      display: inline-block;
      margin-right: 5px;
      border-radius: 50%;}
  .albumBox .hd2 ul li.on{}
  .albumBox .bd2 li{
      zoom:1;
      vertical-align:middle;
      position: relative;}
  .albumBox .bd2 img{
      display:inline-block;
      width: 100%;
       height: 208px;}
  .albumBox .bd2 li>a{
      display: block;
      position: relative;
      overflow: hidden;}
  .albumBox .bd2 img:hover{
      transform: scale(1.05);}
  .albumBox .bd2 .info{
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      height: 50px;
      line-height: 50px;
      background: rgba(0,0,0,.5);}
  .albumBox .bd2 .info p{
      padding: 0 100px 0 15px;}
  .albumBox .bd2 .info a{
      color: #fff;
      font-size: 16px;}
  
  
  
  
  
  
  
  
  
  
  
      .news-info{
          margin-top: 25px;}
  
  
  
  
  
  
      .mid{
          height: auto;}
      .mid .title {
          padding-top: 25px;}
      .mid .container>div{
          float: none;
          width: 100%;
          margin: 0;}
  

  .zbcg {

  
  margin: 0 15px;
  
  
    width: 100%;}
  .zbcg .title h3:before{
      width: 36px;
      height: 36px;
      background-position-x: -69px;}
  

  
  .sbgl {
  margin: 0;
   width: 100%;}
  
  
  .sbgl .title h3:before{
      width: 35px;
      height: 35px;
      background-position-x: -106px;}
  
   .mid3{
          height: auto;}
      .mid3 .title {
          padding-top: 25px;}
      .mid3 .container>div{
          width: 100%;
          margin: 0;}

  
  .zsjy{

  margin: 0 15px;
   width: 100%;}
  
  .zsjy .title h3:before{
      width: 35px;
      height: 35px;
      background-position-x: -141px;}
  
  .zsjy .bkszs{
      padding: 15px 0;}

  
  .dxbwg{

  margin: 0 15px;
   width: 100%;}
  
  .dxbwg.title h3:before{
      width: 35px;
      height: 35px;
      background-position-x: -106px;}
  
  
       .mid2 .lxxx{
          display: none;}
  
      .mid2 .container>div{
          margin: 20px 0;}
  
       .mid2 .xxlogo{
         width: 100%;
          text-align: center;
           margin-top: 20px;}
  
        .mid2 .xxiang{
  
           width: 50%;
            margin-top: 0 !important;
          text-align: center;}
  
  
   .yqlink ul {
          text-align: center;
          margin: 20px 0;}
      .yqlink ul li {
          width: 100%;
          margin: 10px 0;}
      .yqlink ul li span {
          display: none;}
  
  
    .kstdlink  ul {
          flex-wrap: wrap;}
      .kstdlink  ul>li {
          width: 100%;
          margin: 0 0 15px 0;
          text-align: center;}
      .kstdlink  ul>li>div {
          display: inline-block;}
      .main-3{
          margin-bottom: 10px;}
      .mid2{
          margin-top: 0;}

      .footer{
          padding: 15px 0;}
      .footer select{
          height: 30px;
          line-height: 30px;}
      .footer .container>p{
          width: 100%;
          clear: both;
          padding-bottom: 20px;}
      .footer .container>p>a{
          float: left;
          padding-top: 15px;}
      .footer .container>p span{
          display: block;
          margin-left: 70px;
          font-size: 12px;
          line-height: 20px;
          left: 0;}
      .footer .container>.rt{
          position: absolute;
          left: 15px;
          bottom: 15px;}
  
      .section{
          min-height: 100%;}
  
      .side{
          float: none;
          width: 100%;
          margin-bottom: 30px;}
      .side p{
          height: 50px;
          line-height: 50px;
          font-size: 20px;
          position: relative;}
      .side p span{
          display: block;
          position: absolute;
          top: 10px;
          right: 20px;
          line-height: normal;
          font-size: 24px;
          font-weight: bolder;}
      .side>ul{
          display: none;}
      .side li a{
          font-size: 16px;}
      .column{
          margin-left: 0;}
      .bread h1{
          display: none;}
      .bread{
          height: 40px;
          line-height: 40px;
          overflow: hidden;}
      .bread .rt{
          float: left;}
      .common-list li{
          padding: 0;
          font-size: 16px;}
      .common-list li p{
          margin-right: 100px;}
  
      .caption h3{
          line-height: 30px;
          margin: 20px 0 0;
          font-size: 20px;}
      .content img{
          height: auto;}
      .detail>p{
          font-size: 14px;}
      .profile{
          padding: 20px 0;
          min-height: 150px;}
  
      .teacher li{
          width: 25%;
          padding-left: 0;}
  
      .leader ul{
          margin: 0;}
      .leader li {
          float: none;
          width: auto;
          margin: 0 0 20px 0;}
      .leader li .info{
          padding: 20px 15px;}
      .leader li .info h2{
          font-size: 20px;}
      .leader li .info h2 span{
          font-size: 14px;}

      .section_teacher {
          width: 100%;
          padding: 15px 0;
          min-height: 500px;}
         .left_aside {
          display: none;}
      .right_aside {
          margin: 20px 0 30px;
          padding: 0;}
      .right_aside .comment {
          min-height: 200px;
          padding: 8px 0;}
  
  
  
  
  
  
  
      .right_aside .comment .list li {
          font-size: 14px;}
      .article {
          padding: 0;
          min-height: 300px;}
      .article .caption {
          padding: 15px 0;}
      .article .caption h2 {
          font-size: 18px;
          line-height: 1.5em;}
      .caption p {
          font-size: 12px;}
      .caption p span {
          margin: 0 5px;}
      .list-img {
          margin: 0 -5px;}
      .list-img li {
          width: 50%;
          padding: 0 5px;
          margin: 10px 0;}
      .list-img li>a {
          width: 100%;
          height: 200px;}
      .list-img li img{
          height: 100%;}

      .footer {
          padding: 20px 0;}
      .footer p {
          font-size: 12px;}
  
  
      .main-1-r-text{
          width: 80%;}
  
      .dxbwg video{
          height: 200px;}
  
      .main-3-top>h3:before, .main-3-top>h3:after{
          width: 25%;}
      .main-3-top{
          margin-bottom: 25px;}
  
  }