@media screen and (max-width: 768px) {
    html {
        /* font-size: 14px; */
        /* font-size: 3.125px; */
        /* font-size: 12px; */
/* index设置了低于某宽固定12px */
    }



    /* 下列元素不显示 */
    .footer,.banner,.smallbox,.other_left_list,.link,.phone_none,.phone_hidden{
                                                                /* 只用来隐藏手机端 */
        /* 底部黑色  头部列表  更多按钮  右上角顶部按钮     其它页面左侧list，友情链接文字*/
        display: none;
        
    }
    /* 下面元素显示 */
    .pc_hidden,.phone_only{
        display: block;
    }

    /* 原本的间距缩小 */
    .paddingRoot{
        /* 控制左右边距 */
        /* padding: 0 2.6rem; */
        /* padding: 0 9.6rem; */
        padding: 0 1.88rem;
    }



    .phone666{
        /* 最大120 */
        width: 120rem;
        height: 200rem;
        background-color: #313131;
    }





/* 下为banner */

.header{

    height: 56.63rem;
    /* background-size: 74rem; */
}

.header .topLogo{
    height:3.31rem;

}
.header .topLogo img{
    height:3.31rem ;
    
}



.head_btm_list {
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    /* flex-basis: calc(25% - 10px); */
}

.head_btm_list .top_blue_box{


    width: 21%;
    /* height: 22.75%; */
    height: 7.56rem;
    /* margin-right: 3%; */
    margin-bottom: 1.56rem;
    border-radius: 0.94rem;
    box-sizing: border-box;
    padding: 1rem 0.63rem;
    font-size:1.5rem ;

    width: 9.06rem;
height: 6.56rem;
}




.head_btm_list .top_blue_box:hover{
    background-color: #014687;
    color: #02A0E7;
    box-shadow: 0 0 10px 5px #02A0E7;
    border-radius: 0.63rem;
}


.top_blue_box &:nth-child(4n) {
    margin-right: 0;
    
  }


.header .paddingRoot {
padding-bottom: 2rem;

    padding-bottom: 0;
    padding: 0;
}
/* banner下的灰色条 */
.grayList .grayPadding {
 padding-top: 3rem;
 padding-bottom:  3rem;
 flex-wrap: nowrap;

 
 box-sizing: border-box;
}
.input input{
    padding-left: 1rem;
}
.input .search_btn{
    width: 5.88rem;
    height: 3.75rem;
    line-height: 3.75rem;
    font-size: 1.63rem;
    background: #1857A4;
    border-radius: 0rem 0.63rem 0.63rem 0rem;
}

/* 下面是标题 */
.model_title .maintile{
    font-size: 1.88rem;
font-family: PingFang SC;
font-weight: bold;
color: #313131;
}








/* 下面是改掉的新闻 */

.contatiner .news .news_about .news_list .swiper-slide{
    display: flex;
    flex-direction: column;
}

.contatiner .news .news_about .recommend {
    /* 图片大小 */
    width: 100%;
    position: relative;

    /* width: 43.13rem; */
    height: 21.25rem;
  }


  .contatiner .news .news_classify {
    justify-content: space-around;
    padding: 0;
}

.contatiner .news .news_classify li span{
    font-size: 0.5rem;
}
.contatiner .news .news_classify li:nth-child(2){
    /* margin: 0; */
}

.contatiner .news .news_classify li {
    width: 10rem;
    /* padding: 0 0.5rem; */
    /* margin-left:0.5rem */
}

.contatiner .news .news_classify li span{

}


.contatiner .news .news_about .news_list ul{
padding: 2rem;
}
/* 1.63rem */
.contatiner .news .news_about .news_list ul a{
    height:5.25rem ;
    font-size: 1.63rem;
}




/* 下面是更改通知公告 */
.flexRow{
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
}
.notic_item{
    width: 45%;
    height: 45%;
    /* margin-right: 3%; */
    margin-bottom: 10px;
    border-radius: 19px;
    box-sizing: border-box;
}

.notic_item .notice_bg{
    width: 100%;
    height: 100%;
   /* width: 20.63rem;
   height: 17.5rem; */
}
.notic_item .notice_title{
    width: 100%;
    height: 5.4rem;
        /* height: .4rem; */

    overflow: hidden;

    /* height: 3rem; */
    font-size: 1.63rem;
    line-height: 3rem;
    margin-bottom: 2rem;

}




/* 下面是更改关于我们的样式 */
.phoneFlex{
    display: flex;
    flex-direction: column;
}
.more_btn_phone a{
    /* width: 20rem;
    height: 2.5rem; */
    background: #02A0E7;
    border-radius: .5rem;
    font-size:1.13rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    margin: 0 auto;
    margin-top: 3.375rem;
    text-align: center;
    line-height: 2.5rem;
    display: block;
}

.more_btn_phone{
    /* morebtn和phone */
width: 14.38rem;


padding:0 2.88rem;
background: #02A0E7;
border-radius: 0.94rem;
margin: 0 auto;
}



.aboutus .aboutus_pic{
    width: 100%;
    padding: 1rem;
    /* 多加了padding */
}
.aboutus_describe{
margin: 0 auto;
padding:1rem  ;
}





/* 宣传视频 */

.video .videoImg{
    border-radius: 1.25rem;
}





/* 底部灰条 */
.grayList .dropdown{
    margin: 1.31rem 0; 
   }


   .grayList .link{
     font-size: 1.25rem;
   font-family: Microsoft YaHei;
   font-weight: 400;
   color: #7D7D7D;
   }


.phone_btm_list {
    display: flex;
    flex-wrap: wrap !important;
}
.phone_btm_list .dropdown {
    flex: 0 0 calc((100% - 10px)/2);
    text-align: center;

    /* background-color: pink; */
    /* 间隙为5px */
    margin: 0 0.5rem 1.8rem 0;
}
.phone_btm_list .dropdown:nth-child(2n) {
    /* 去除第3n个的margin-right */
    margin-right: 0;
}

.link_phone{
    display: block;
    text-align: center;
    color: #7D7D7D;
    font-size: 1.63rem;
    padding: 1.8rem 0;
}



.phone_marginBtm{
    margin-bottom: 1.88rem;
}
.phone_sel{
    padding-left:1.3rem;

}
select{
    /* position: relative; */
}

.phone_sel img{
    width: 1.56rem;
    height: 0.81rem;
}


/* 
.select_line{
    position: relative;
    padding-right: 6.81rem;
}

.select_line::before{
    content: "";
    position: absolute;
    top: 2.2rem;
    right: 3.5rem;
    height: 100%;
    width: 1px;
    
    background-color: #ccc; 

} */


  




    /* 下面是新做的底部 */
    .footer_mobile{
        width: 100%;
        height: auto;
        padding-top: 4.38rem;
        padding-bottom:  4.38rem;
        background-color: #313131;
        /* align-items: center; */
    }
    .bottomFlex{
        display: flex;
        flex-direction: column;
        align-items: center;
        color: white;
    }

.phone_btmlogo{
    width: 8.56rem;
    /* height: 8.56rem; */
}




    .bottomFlex .server{
        font-size: 2rem;
        text-align: center;
        vertical-align: middle;
    }
    .bottomFlex .server img{
        width: 2.31rem;
        height: 2.31rem;
        background-color: white;
        border-radius:50% ;
        margin-right: 1rem;
    }
    .bottomFlex .serverPhone{
        font-size: 3rem;
        /* font-weight: bold; */
    }
.phone_bottom_2Dcode{
    width: 11.03rem;    
    margin-bottom: 1rem;

}
    
    .bottomFlex .tip{
        font-size: 1.63rem;
    }



    .footer_mobile .other{
        color:#AAAAAA ;
        font-size: 1.5rem;
    }




/* 学会书刊 */
.phone_only{
width: 35rem;
margin: 0 auto;

}

/* 必选加这个mySwiper区分，两个轮播样式会冲突 */
/* .mySwiper2 .swiper-slide {
    cursor: pointer;

    text-align: center;
    background-color: #F8F8F8;
    display: flex;
    width: 20%;
    align-items: center;
    height: auto;
    flex-direction: column;
    
  }
  .mySwiper2 .swiper-slide p{
    font-size:1.13rem ;
    margin-top: 1.6rem;
  }
  .mySwiper2 .swiper-slide img {

    width: 10.5rem;
    height: 15.25rem;
  }
   */







/* 必选加这个mySwiper区分，两个轮播样式会冲突 */
.mySwiper2 .swiper-slide {
    cursor: pointer;
  
    text-align: center;
    /* font-size: 18px; */
    /* background-color: #F8F8F8; */
    display: flex;
    width: 40%;
    align-items: center;
  
    font-size: 1.63rem;
    flex-direction: column;
    
  }
  .mySwiper2 .swiper-slide .imgBg{
    background-color: #F8F8F8;
    width: 100%;
    
    
  
  }



/* 按钮 */

.swiper-button-next1{
    overflow:visible !important;
  }
  
  
  .swiperfatherBtn1{
    position: absolute;
    
  }
  
  .swiper-button-prev1, .swiper-button-next1{
    color: #fff;
    background: #F5F5F5;
  background-image: url(../img/index/20.png);
  background-position: center;
  background-repeat: no-repeat;
    border-radius: 0.31rem;
  
    color: rgba(0, 0, 0, 0);
  
    
  
  }
  
  .swiper-button-prev1{
    background-image: url(../img/index/19.png);
    background-repeat: no-repeat;
  }
  
  
  .swiper-button-prev1:after, .swiper-button-next1:after {
    display: none;
    /* font-size: 14px; */
  }








/* 下面是临时改的 */
.contatiner .news .news_about .recommend .img, .contatiner .news .news_about .recommend .img img{
    /* 这是新闻移动端大图 */
    width: 100%;
    height: 100%;
  border-radius: 1.25rem;
    object-fit:cover;
  }
  
  
  .contatiner .news .news_about .news_list ul li .news_title{
    /* 新闻的移动端列表字体 */
    font-size:1.63rem ;
  
  }
  .more_btn a{
    /* 按钮样式更改 */
    width:14.38rem ;
    line-height:4rem;
    height: 4rem;

    border-radius: 0.94rem;
    font-size: 1.75rem;
  }



  .grayList .searchtext{
    /* 下面3个是搜索框调整 */
    font-size: 1.2rem;
  }

  .grayList .grayPadding   .searchtext {
    flex: 1;
  }

  .grayList .grayPadding   .input  input{
    width: 15rem;
    height: 3.75rem;
  }


  .contatiner .news .news_classify li{
    /* 新闻动态的四个 */
    height: 3.75rem;
  }

  .contatiner .news .news_classify li:nth-child(3) {
    margin:  0 0.875rem 0 0;
    /* margin: 0 0.875rem; */
  }
  .contatiner .news .news_classify li:nth-child(2){
    margin: 0 0.875rem;
  }

  .contatiner .news .news_classify li span{
    font-size: 1.63rem;
  }


/* 下面是手机点击公司新闻 */

.contatiner .news .news_classify li:nth-child(1).select {
    background-size: 1.2rem 1.2rem;
    background-position-x: 0.8rem;
    /* background-image: url(../img/index/22.png); */
    /* background-image: url(../img/index/icon-3.png); */
    
  }
  
  .contatiner .news .news_classify li:nth-child(2).select {
    background-size: 1.2rem 1.2rem;
    background-position-x: 0.8rem;
    /* background-image: url(../img/index/24.png); */
    /* background-image: url(../img/index/icon-5.png); */
  }
  
  .contatiner .news .news_classify li:nth-child(3).select {
    background-size: 1.2rem 1.2rem;
    background-position-x: 0.8rem;
    /* background-image: url(../img/index/26.png); */
    /* background-image: url(../img/index/icon-1.png); */

    
  }

  /* 下面是关于我们字体大小 */
  .aboutus_describe .text{
    font-size: 1.63rem;
  }
    .pc_right{

        float: none;
    }
/* 上面是临时修改 */

















.phone_navbar {
	display: block;
}


.floatheader{
    /* height: 7.44rem; */
    height: 6.44rem;
    padding-left:1.88rem ;
    padding-right: 1.88rem;

    align-items: center;

    box-sizing: border-box;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background-color: rgba(255, 255, 255, 1);


    display: block;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    /* padding:0.8rem; */



}


.tab-button{
	border: 0;
	border-color: transparent;
  	outline: none;
}

.programa a{
    color: #000 !important;
}
.floatheader .logo{
    height: 3.31rem;
    
}
.floatheader .logo img{
    height: 3.31rem;

}






/* 下面是新加的手机 */
.scroll_contatiner .yihua_header {
    width: 100%;
    height: 4rem;
    padding: 0 1.25rem;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #FFFFFF;
    z-index: 999;
    border-bottom: .0625rem solid #f5f5f5;
}

.yihua_header .logo {
    width: 19.0625rem;
}

.yihua_header .hotline {
    display: none;
}

.scroll_contatiner .yihua_header .phone_nav {
    height: 1.8rem;
    display: block;
}

.phone_navbar {
    position: fixed;
    height: 100vh;
    /* top: 4rem; */
    top: 7rem;
    top: 6rem;
    left: 0;
    z-index: 999;
    min-width: 100%;
    animation-name: navbar;
    animation-duration: 2s;
    animation-timing-function: ease;
    background-color: #FFFFFF;
    display: flex;
    overflow: hidden;
}

.phone_navbar::-webkit-scrollbar {
    display: none;
}

.phone_navbar .tab {
    width: 30%;
    display: flex;
    flex-direction: column;
    background: #f5f5f5;
    padding: .6875rem 0;
    box-sizing: border-box;
}

.phone_navbar .tab .tab-button {
    width: 100%;
    height: 3.4375rem;
}

.phone_navbar .about {
    width: 70%;
    padding: 0 .9375rem;
    box-sizing: border-box;
}

.phone_navbar .about .tab-content {
    display: none;
    width: 100%;
    height: auto;
    padding-bottom: 9.375rem;
}

.phone_navbar .about .tab-content .programa {
    width: 100%;
    /* height: 3.4375rem; */
    line-height: 3.4375rem;
    border-bottom: .0625rem solid #dfe1e6;
    text-align: left;
    font-size: 1rem;
}

.phone_navbar .about .tab-content .programa span,
.phone_navbar .about .tab-content .programa a {
    width: 100%;
    height: 100%;
    display: inline-block;
}

.phone_navbar .about .tab-content .programa #subtitle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 9999;
}

.phone_navbar .about .tab-content .programa #subtitle .transform {
    transform: rotate(90deg);
}

.phone_navbar .about .tab-content .programa a img {
    width: .5rem;
}

.phone_navbar .about .tab-content .programa .subnav {
    display: none;
}

.phone_navbar .about .tab-content .programa .subnav li {
    border-top: 0.0625rem solid #dfe1e6;
}

.phone_navbar .about .tab-content .programa .subnav li a {
    padding-left: 1.5625rem;
    box-sizing: border-box;
    position: relative;
}

.phone_navbar .about .tab-content .programa .subnav li a::after {
    content: "";
    width: .375rem;
    height: 0.0625rem;
    background-color: #000;
    position: absolute;
    left: .625rem;
    top: calc(50% - 0.0313rem);
}

.yihua_navbar {
    display: none;
}

@keyframes navbar {
    0% {
        height: 0;
    }

    100% {
        height: 100%;
    }
}

@keyframes navbar_a {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
/* 上面是手机 */




/* 补丁，改掉主图大小 */
.header .paddingRoot{
    /* height: 56.63rem; */
    /* background-image: url(../img/index/46.jpg); */
    /* background-size: cover; */
}

.header {
    height: 56.63rem;
    background-image:url(../img/index/46.jpg) ;
}











}



/*手机端头图大小*/
@media screen and (max-width: 768px) {
    .header{
        height:25rem !important; ;
        height: 32rem !important;
        height: 33.5rem !important;
    }
    .swiper-slide-active img {
        transform: scale(1.25);
        transform: scale(1);
        /* 添加过渡效果 */
        transform-origin: center top;
    }
}