@font-face{ font-family:myFirstFont; src:url(../font/tt0173m.ttf);}
@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;}}



/*1400以下分辨率显示样式*/
@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;
    }
}



/*新加手机端样式20220929*/
@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{*/ 
  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;
    }
 /* 加新TOP屏蔽 */
   .header.navtop{
        display: none;
    }

   /*   .logo{
        height: 10px;
        padding: 10px 0;
 z-index: 9999;
width:60%;
    }*/


.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: 100%; */
        width: 80%;
        height: 85px;
       /*  background-image: url(../images/logo_dky.png);*/
        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{
         display: none; 
 

    }*/
  
   


 /*  新加入搜索测试0401 */
  .search{
        float: none;
        clear: both;
      /*   background:#cccccc;
       padding-bottom: 15px;*/

 /* 新加属性*/
  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: #163ccc; */
  background: rgba(1,53,191,.9);
        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;
    }



  /* 加新版轮播图开始 */

    .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: auto; 设置轮播图高度 */  
   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: 100%;    */ 
 height: 129px;
}
.slideBox .bd li{
  /*全屏 height: 100%;    */ 
    height: 129px;
    zoom:1;
    vertical-align:middle;
    position: relative;
}
.slideBox .bd img{
    display:inline-block;
    width: 100%;
  /*全屏 height: 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{
      /* 原开启自动高度 height: auto;*/
          width: 100%;
      
    }
    .news .bd{
        overflow-x: auto;
    }
   /*暂时关闭  .news ul{
        width: 300vw;
        margin: 0 -10px;
        opacity: 1;
    }
    .news ul li{
        width: calc(100vw - 20px);
        margin: 0 10px 20px;
    }
    .news ul li>a{
        height: 200px;
    }
    .news ul li .date{
        top: 160px;
        padding: 5px 15px;
    }
    .news ul li .date h2{
        line-height: 35px;
        font-size: 28px;
    }
    .news ul li .info {
        padding: 40px 20px 25px;
    }
    .news ul li h3{
        font-size: 18px;
    }
    .news ul li p{
        margin: 15px 0 25px;
        height: 60px;
        line-height: 20px;
        font-size: 14px;
    }
    .news ul li .info>a{
        line-height: 20px;
        padding-left: 28px;
        font-size: 14px;
        background-size: contain;
    } */

   

/*新版新闻开始   
   .news,.albumBox,.news-info,.notice{
        float: none;
        width: 100%;
    }

    .albumBox .bd img{
        height: 238px;
    }
    .news-info{
        margin-top: 35px;
        margin-left:-10px;
     width:320px;
    }
   
  

  .main-1-r-text {
          width: 30%;
      }
      
      .main-1-r-text a {
          display: block;
          line-height: 30px;
          max-height: 60px;
          font-size: 16px;
          overflow: hidden;
          margin-top: 3px;
      }


 新版新闻结束  */


    .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{
        /*width: 50%;*/
        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;
    }


/*新加顶部链接信息
    .header .top{
      
        display: none;
 

  }


    .search{
        float: none;
        clear: both;
        padding-bottom: 15px;
    }

 .search .top{
        display: none;
    }
    .search form{
        margin-top: 15px;
    }
    .search input[type='text']{
        width: 100%;
        box-sizing: border-box;
    }
*/



 
 /* 导航 */
    .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;
    }

  /* 轮播图 

    .slideBox{
        margin-bottom: 0;
    }
    .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);
    }*/


    /* 主体 */
    .news,.albumBox,.news-info,.notice{
        float: none;
        width: 100%;
    }


    .albumBox .bd2 img{
        height: 208px;
    }




.albumBox{
    float: left;

   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{
    background: #0063be;
}
.albumBox .bd2 li{
    zoom:1;
    vertical-align:middle;
    position: relative;
}
.albumBox .bd2 img{
    display:inline-block;
    width: 100%;
     /*  原 height: 296px;*/
     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 45px;*/

margin: 0 15px; 

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


/*学术科研*/

.sbgl {
   /* margin: 0 45px;*/
margin: 0 0px; 
 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{
        float: none;
        width: 100%;
        margin: 0;
    }



/*招生就业*/

.zsjy{
   /* margin: 0 45px;*/
margin: 0 15px; 
 width: 100%;
  
}



.zsjy .title h3:before{
    width: 35px;
    height: 35px;
    background-position-x: -141px;

   
}

.zsjy .bkszs{
  

margin: 0 10 0 0px; 

 float: left;
     border-bottom: 1px solid #cccccc;
}
.zsjy .yjszs{
   

margin: 0 10 0 0px;

 float: left;
  }
.zsjy .jydt{
 

margin: 0 10 0 0px;

 float: left;
  }




/*地学博物馆*/

.dxbwg{
   /* margin: 0 45px;*/
margin: 0 15px; 
 width: 100%;
  
}



.dxbwg.title h3:before{
    width: 35px;
    height: 35px;
    background-position-x: -106px;

   
}






     .mid2 .lxxx{
        display: none;
        }


     .mid2 .xxlogo{

       width: 100%;

        text-align: center;
        }
            
      .mid2 .xxiang{

         width: 100%;

        text-align: center;
 
        } 

   


  
 .yqlink ul {
        text-align: center;
        margin: 20px 0;
    }
    .yqlink ul li {
        width: 100%;
        height: 30px;
    }
    .yqlink ul li span {
        display: none;
    }
    



  .kstdlink  ul {
        margin-left: 0;
    }
    .kstdlink  ul>li {
        width: 50%;
        float: left;
        margin: 0 0 15px 0;
        text-align: center;
    }
    .kstdlink  ul>li>div {
        display: inline-block;
    }

 
  /* footer */
    .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;
    }



  /* .bread span:before {
        display: none;
    }
    .bread {
        padding-left: 15px;
        margin: 0;
    }

    .bread p {
        display: none;
    }
    .bread .rt {
        float: left;
    }*/





    .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%;
    }






    /* 轮播图 
    .slideBox {
        margin: 0 0 20px 0;
    }
    .nav-lunbotu {
        background: none;
        height: unset;
    }
    .slideBox2 .prev,
    .slideBox2 .next {
        display: none;
    }
    .slideBox2 .bd {
        padding: 0;
    }
    .slideBox2 .hd {
        right: 31%;
        bottom: 10px;
    }
    .slideBox2 .hd ul li {
        width: 10px;
        height: 10px;
    }*/
    /* 主体 
    .main-1,
    .main-1-l,
    .main-1-r,
    .main-2,
    .main-2-l,
    .main-2-r {
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }
    .mytitle,
    .main-3-top>h2>a {
        font-size: 20px;
    }
    .main-1-con>a {
        float: none;
    }
    .main-1-con>div {
        margin-top: 20px;
        margin-left: 0;
    }
    .main-2-intro,
    .main-2-l>div>a {
        width: 100%;
    }
    .main-2-intro-img {
        float: none;
    }
    .main-2-l,
    .main-2-l>div>a {
        height: unset;
        margin-bottom: 0;
    }
    .main-2-intro {
        padding: 18px 30px 11px;
    }
    .main-2-r {
        padding: 24px 24px 0;
    }
    .mien ul {
        text-align: center;
    }
    .mien li {
        float: none;
        display: inline-block;
    }
    .link ul {
        text-align: center;
        margin: 20px 0;
    }
    .link ul li {
        width: 100%;
        height: 30px;
    }
    .link ul li span {
        display: none;
    }*/


    /* footer */
    .footer {
        padding: 20px 0;
    }
    .footer p {
        font-size: 12px;
    }
    







}