/* 初始化a的颜色 */
a{
    color: black;
}




/* 最顶部的 */






/* banner颜色临时修改 */
.banner{
    background-color:#0D6FB8 ;
}

.banner a .bannerchild:hover{
 
    background: #28A7E1;   
}

/*  */







/* title_row 一行显示的模块标题 */
.title_row{
    background-color: none;
    /* padding-bottom: 1.25rem; */
    /* margin-bottom: 3.13rem;
    margin-top: 6rem; */
}
.title_row .rootW{
    /* padding: 1.2rem  0  1.2rem   0; */
    /* padding:0 0 1.2rem 0; */
    border-bottom:0.06rem  solid #EEEEEE ;

}

.title_row p{
    color: black;
    font-weight: 400;
    font-size: 2rem;
}
.title_row .title_row_little{
        color: #AAAAAA;
        font-size:1.25rem ;
        margin-left: 0.9rem;
        
}
.title_row_more{
    color:#7D7D7D ;
    font-size:1.25rem ;
}
.title_row .rootW .align-center{
    /* align-items: flex-end; */
    
}






/* card_gary 一行两个，左1右3 */
.card_gray{
    background: #FBFBFB;
    padding: 2rem;

    border: 0.06rem solid #F5F5F5;
    border-radius: 0.63rem;

    margin-bottom: 2.5rem;
}

@media screen and (min-width: 768px) {
    /* PC端样式 */
    .rootW .two_inline:last-of-type,
    .rootW .two_inline:nth-last-of-type(2) {
      margin-bottom: 0;
    }
  }
  
  @media screen and (max-width: 767px) {
    /* 移动端样式 */
    .rootW .two_inline:last-of-type {
      margin-bottom: 0;
    }
  }





.card_gray   .img{
    flex: 0.25;
    width:7.19rem ;
    height: 7.19rem;
    margin-top: auto;
    margin-bottom: auto;
}

.card_gray .main{
    flex: 0.7;
}


.card_gray   .img img{
    width: 100%;

}
.card_gray .main p{
    font-size: 1.25rem;
    color: #313131;
}
.card_gray .main .tip{
    font-size: 1rem;
    color: #999999;

    margin-top: 1.75rem;
    margin-bottom: 1.81rem;
    line-height: 1.63rem;
}





/* 标题 */
.title_easy .title_l{
    font-size: 2rem;
    color: #000000;
}

.title_easy .title_s{
    font-size: 1.25rem;
    color: #AAAAAA;
    
}






/* 蓝色按钮 */
.blue_btn_m{   
    color: #FFFFFF;
    border: none;
    font-size: 1rem;

    width: 8.13rem;
    height: 2.5rem;
    background: #0068B7;
    border-radius: 0.31rem;
}
/* 蓝色按钮大号的 */
.blue_btn_l{
    width: 10rem;
    height: 3.13rem;
    font-size: 1.25rem;
    font-weight: 400;
    background-color: white;
    color: #00A0E9;
    
    line-height: 2.22rem;
}








/* box_row_item 一行显示的 长条*/
.box_row_item{
    background-color: #F8F8F8;
    border-radius: none;
    font-size: 1.13rem;
    padding: 1.88rem;
    margin-bottom: 1.88rem;

    
}
.box_row_item .box_row_item_tit{
    color: #28A7E1;
    font-size: 0.88rem;
    padding-right: 1.81rem;
    border-right: #E5E5E5 solid 0.06rem;
    margin-right: 1.81rem;
}

.box_row_item_tit .day{
    font-size:1.75rem ;
}
.box_row_item_tit .month{
    font-size:0.88rem ;
}




.box_row_item .box_row_item_main {
    color: #313131;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;

}
.box_row_item .box_row_item_arrow{
    color: #BFBFBF;
}


/* top_tip  最顶上显示的细长的信息 */
.top_tip {
    background-color:#F9FAFC ;
    font-size: 1rem;
}
.top_tip .rootW{
    height: 3.5rem;
}


.top_tip .top_tip_left{
    color: #313131;
}
.top_tip .top_tip_right{
    color: #313131;
}
.top_tip  .top_tip_icon{
    width: 1.13rem;
    height: 1.13rem;
}











/* four_box_inline 一行4个盒子，文字在外 ，宽度变小改2个 */
.four_box_inline{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    
    /* width: calc((100%-2.44rem) / 4 ); */


}
.four_box_inline_item{
    width: 16.88rem;
}

.four_box_inline_item img{
    width: 100%;
}
.four_box_inline_item .itemname{
    color: #313131;
    font-size: 1.13rem;
    display: block;
    padding:1.81rem 0 1.81rem 0;
    /* 试验下只用padding topbtm */
    text-align: center;
}

.four_box_inline_item .topbox{
    padding:2.5rem 0   2.5rem 0;
    background-color:#F8F8F8 ;
}



/*  一行显显示4个，卡片，能多显示几行文字 */
.four_card{
    /* display: flex; */
}

.four_card .four_card_item{
    border-radius: #EEEEEE 0.06rem solid;
    /* 本来可以去掉，但是不生效 */
    margin-right: 2.31rem;

    border: 0.06rem solid #EEEEEE;   
}
.four_card .four_card_item:last-child {
    /* margin-right: 0; */
}





.four_card_item .four_card_item_pic{
    height: 16rem;
    /* width: 16.93rem;
    height: 11.88rem; */
    /* width: 17.25rem; */
    /* height: 17.25rem; */
}
.four_card_item_pic img{
    width: 100%;
    height: auto;
    
}

.four_card_item_btm{
    padding: 1.5rem;
}

.four_card_item_main{
    /* font-size: 1.13rem; */
    font-size: 1.25rem;
    line-height: 1.63rem;
    white-space:wrap;
    color: black;
}

.four_card_item_detail{
    margin-top: 2.3rem;
    
    /* font-size: 1.13rem; */
    font-size: 1rem;
    color:#AAAAAA ;    
}
.four_card_item_detail img{
    width: 1.81rem;
    height: 0.56rem;
}


.four_card .four_card_item:hover .four_card_item_btm{
    transition: background-color 0.5s ease; /* 过渡属性和时间 */
    background: #3F7CF8;
    color: white;
}
.four_card .four_card_item:hover .four_card_item_main{
    color: white;
}
.four_card .four_card_item:hover .four_card_item_detail{
    color: white;
}






/* */






/* 一行2个， 列表带日期盒子 */
.rootW .news_list_box{
    /* margin-bottom: 2.5rem; */
}



.news_list_box{
    /* background-color: #FFFFFF; */
    /* border: 0.06rem solid #EEEEEE; */
}
.news_list_box_title{
    background: rgba(233, 246, 252, 1);
    color: #0868AB;
    font-weight: 700;
    padding:0 1.8rem  0  1.8rem;

    height: 3.75rem;
}

.news_list_box_title p{
    font-size: 1.25rem;
    font-weight: bold;
}


.news_list_box_title  .blueIcon{
    display: inline-block;
    width: 0.19rem;
    height: 0.69rem;
    /* background: #236BB3; */
    background: #1AA0DF;
    border-radius: 0.09rem;
    margin-right:0.9rem ;

}

.news_list_box .news_list_box_main{
    /* padding: 0 1.94rem 0 1.94rem; */
}
.news_list_box .news_list_box_main li a{
    font-size: 1rem;
    /* display: block; */
    /* height: 3.44rem; */
    height: 4.06rem;
    /* line-height: 3.44rem; */
    color: #313131;

    /* border-bottom: 0.06rem solid #F5F5F5; */
}

.news_list_box .news_list_box_main li a .name{
    flex: 0.7;
}
.news_list_box .news_list_box_main li a .date{
    /* margin-left: 3rem; */
    text-align: right;
    flex: 0.3;
    color: #AAAAAA;
}
.news_list_box .news_list_box_main li a:hover{
    color: #0D6FB8;
}






/* 下面大部分是临时样式 */
/* 背景色 */
.grayBg{
    background-color: #F9FAFC;
    padding-bottom: 5rem;
}
.whiteBg{
    background-color: white;
    padding-bottom: 5rem;

}


/* top_logohead  logo和搜索框*/
.top_logohead .rootW{
    /* height: 8.19rem; */
    height: 5.63rem;

}
.top_logohead .top_logohead_logo{
    /* width: 24.14rem; */
    /* width: 15.63rem; */
    width: 11rem;
}
.top_logohead .top_logohead_logo img{
    width: 100%;
}



.search_input{
    border: 0.0625rem solid #dcdcdc;
    padding-left: 0.9rem;
    overflow: hidden;
    /* color: #DCDCDC; */
    color: #000;
    outline: none;
    border-radius: 0.3125rem 0 0 0.3125rem;
    height: 2.5rem;
    background-color:#F8F8F8 ;
}

.search_searchbtn{
    width: 5rem;
    height: 2.5rem;
    background: #28A7E1;
    border-radius: 0rem 0.3125rem 0.3125rem 0rem;
    font-size: 1rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #ffffff;
    text-align: center;
    line-height: 2.5rem;
    cursor: pointer;
}

.graysearch .input{
    position: relative;
}
.graysearch .search_input {
    padding-right: 2rem;
    color: black;
  /* 调整文本框的左内边距，以便给图标留出空间 */
  }
.input::after {
    content: "";
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1rem;
    height: 1rem;
    background: url("../img/imgtop/3.png");
    background-size: contain;
    background-repeat: no-repeat;
    display: none;


    /* 下面是左侧border */
    /* border-left: 0.06rem solid #E5E5E5;
    padding-left: 2.2rem; */
  }







/* 4个一排的小a链接 */
.row_link{
    margin-bottom: 0.56rem;
}
.row_link a{
    color: #7D7D7D;
    font-size: 1rem;
}
.row_link a:hover{
    color: #28A7E1;
}



/* 文章纵向两个 */
.profile {
  margin-bottom:2.5rem ;  

  margin-bottom: 0;
}
.profile .pic img{
    width: 100%;    
    
}

.article .article_name{
    color:#0868AB ;
    /* font-size: 1.25rem; */
    font-weight: 400;

    font-size: 1.38rem;
    color: #313131;

}
.article .article_detail{

    font-size: 1rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #7D7D7D;
    line-height: 1.88rem;

    
}







/* 搜索框 */
.search{
    width: 30.31rem;
    height: 2.81rem;
    background: #F8F8F8;
    border: 0.06rem solid #E5E5E5;
    border-radius: 0.31rem;
    color: black;
}






















.phone_showonly{
    display: none !important;
}
.pc_showonly{
    display: block  !important;
}

@media screen and (max-width: 768px) {
    .phone_showonly{
        display: block !important;
    }
    .pc_showonly{
        display: none !important;
    }
}



.rootW{
    /* max-width: 1200px; */
    /* padding: 1000px; */
    max-width:75rem ;
    margin: 0 auto;
}

/* 下为 */
.one_inline{
    width: calc((100%));

}
.two_inline{
    width: calc((100% - 2.75rem) / 2);

}
.four_inline{
    width: calc((100%-2.44rem) / 4 );
}
.three_inline{
    width: calc((100%-4rem) / 3 );
}


.five_inline{
    width: calc((100%-1.88rem) / 5 );
}

/* 隐藏超过一行的字 */
.overflowhidden_one{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}
.overflowhidden_two{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}






/* 手机端换行，超过768不换行 */
.phone_wrap{
    flex-wrap: nowrap;
}
/* 手机端给他重置一下 */
@media screen and (max-width: 768px) {
    .two_inline{
        width: calc((100%) / 1);
    
    }
    .four_inline{
        /* width: calc((100%-2.44rem) / 2 ); */
        width: calc((100%-0.01rem) / 2 );        
    }
    .rootW{
        padding: 0 1.88rem 0 1.88rem;
    }
    .phone_wrap{
        flex-wrap: wrap;
    }

    .phone_card_temp{
        /* 卡片临时设置的宽和底部巨利 */
        width: 16.93rem;
        margin-bottom: 1.88rem;
    }
}



/*  */
.flex_only{
    display: flex;
}
.flex_between {
    display: flex;
    flex-direction: row;
    justify-content: space-between;


}
.flex_around {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.flex_start{
    display: flex;
    flex-direction: row;
    justify-content: start;
}




.flex_column{
    display: flex;
    flex-direction: column;
    
}



.flex_center {
    display: flex;
    justify-content: center;
}
.align_center {
    align-items: center;
  }
.flex_wrap {
    flex-wrap: wrap;
}
.flex_col{
    flex-direction: column;
}




.align-center{
    align-items: center;
}










/* 底部修改 */
.btm_logo{
    
    width: 11.38rem;
    /* width: 6.88rem;
    height: 6.88rem; */
    
}
.footer .footer_about .btm_logo img{
    width: 100%;
}
.btm_phone{
font-size: 1.38rem;
color: white;
font-weight: 700;
}
.footer_about .btm_phone .btm_icon img{
    width: 1.63rem;
height: 1.63rem;
marker-start: 1rem;
margin-right: 0.94rem;
}
.btm_phone .btm_icon{
margin-bottom:0.8rem ;
}







/* 手机端补丁 */

@media screen and (max-width: 768px) {

    .title_row .rootW{
        margin: 0 1.4rem; 
    }

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


    .news_list_box .news_list_box_main li a{
        /* height: 5.23rem;  */
        /* line-height: 5.23rem;       */
        font-size: 1.63rem; 
    }
    .news_list_box .news_list_box_main li a .name{
        font-size: 1.63rem;
    }
    .news_list_box_title p{
        font-size: 1.75rem;
    }
    .news_list_box_title a{
        font-size: 1.63rem;
    }

    
    .article .article_name:nth-child(1){
        margin-top: 2.44rem;
    }


    .four_box_inline_item {
        width: 19.88rem;
    }
    .four_box_inline_item .itemname{
        font-size:1.63rem ;
    }
    

    .bottomFlex{
        border-bottom: rgba(255, 255, 255, 0.1) solid 0.06rem;
        margin-bottom: 4.94rem;

        /* 去样式 */
        margin-bottom: 0.01rem;
        border-bottom: none;
    }


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


    .phone_nav{
        width: 2.88rem;
        height: 2.31rem;
    }
    .phone_nav img{
        width: 100%;
    }





    .phone_navbar .tab{
        font-size: 2.2rem;
    }
    .phone_navbar .about .tab-content .programa {
        width: 100%;
        /* height: 3.4375rem; */
        line-height: 6.4375rem;
        padding-left: 2rem;
        border-bottom: 0.0625rem solid #dfe1e6;
        text-align: left;
        /* font-size: 1rem; */
        font-size: 2rem;
    }
    .phone_navbar .tab .tab-button {
        width: 100%;
        /* height: 3.4375rem; */
        height: 5.4375rem;
    }
    .floatheader .logo {
        height: 4.31rem;
    }

    
    
}





/* new-class */
.list_item .new-class{
    background-color: white;
    border-left: none;
    color: #7d7d7d;
}
















/* 灰色的搜索 */
.graysearch input{
    color: #BFBFBF;
    font-size: 1rem;
    border-radius: 1.09rem;
    background-color: white;
}











/* col式的标题 */
.title_col .rootW{
    padding-top: 5rem;
    padding-bottom: 4.31rem;
}
.title_col .rootW .title{
    font-size: 2.25rem;
    color: #000;
    
}
.title_col .rootW  .title_s{
    color:#AAAAAA ;
    font-size: 1rem;
}
.title_col .rootW  .title_col_iconimg{
    width: 7.06rem;
    height:0.39rem;
    margin: 1.06rem auto 1.25rem;
}
 .title_col_iconimg img{
    display: block;
    width: 100%;
    height: 100%;
}










/* 一行3个的卡片 */
.three_card .rootW .three_inline{
    background-color: white;
    padding: 2.5rem 2.75rem;
    width: 21.88rem;
    /* height: 25.38rem; */
}

.three_card .rootW .three_inline .iconimg{
    width: 5rem;
    /* height: 5rem; */
}
.iconimg img{
    width: 100%;
    height: 100%;
}

.three_card .rootW .three_inline .cardtitle{
    font-size: 1.38rem;
    font-weight: bold;
    color: #313131;
    margin: 1.8rem 0;
}
.three_card .rootW .three_inline .cardmain{
    font-size: 1rem;
    color: #7D7D7D;
    line-height: 1.88rem;
}




/* 一行五个 */
.friends .rootW .five_inline img{
    width: 100%;
    margin-bottom:1.63rem ;
}
.friends .rootW .five_inline{
    width: 13.44rem;
    margin-bottom: 3rem;
}

.more_btn{
    width: 11.25rem;
    height: 3.13rem;
    background: #FFFFFF;
    border: 0.06rem solid #1AA0DF;
    color: #1AA0DF;
    border-radius: 0.31rem;    
}
.more_btn:hover{
    background-color:#1AA0DF;
    color: white;    
    transition: background-color 0.2s ease; /* 过渡属性和时间 */
}




/* 宣传视频样式 */
.video .videoImg{
    margin: 0 auto;
    width:62.84rem;
    height: 30.03rem;
    position: relative;
    cursor: pointer;
}

.video .videoImg img {
    width: 8.38rem;
    height: 8.38rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

#myVideo {
    /* width: 100%; */
    display: none;
}
.videoBox {
    width:62.84rem;
    height: 30.03rem;
    margin: 0 auto;
    /* margin-bottom: 7.5rem; */
}
.videoBox_v{
        /* margin: 0 auto; */
        width:62.84rem;
        height: 30.03rem;

        width: 75rem;
}

@media screen and (max-width: 768px){
    .videoBox{
        width: 43.13rem;
    }
    .videoBox_v{
        width: 43.13rem;
    }
}






/* 下面是新闻列表的左边表 */
.news .newshead{
    /* width: 28.13rem;
    height: 14.38rem; */

    width: 30rem;
    height: 23.13rem;
    height: auto;
    border-radius: 0.63rem;
    margin-bottom: 1.88rem;
}
.news .newshead img{
    width: 100%;

    /* height: 100%; */
}


.newsmain {
    margin-bottom: 1.88rem;
    margin-bottom: 0;
}

.news .newsmain .data{
    /* padding-right: 1.88rem; */
    /* margin-right: 1.88rem; */
    margin-right: 3rem;
    /* border-right: #F5F5F5 solid 0.06rem; */

    text-align:center;

    flex: 0.2;
}
.news .newsmain .data .year{
    font-size:1.5rem ;
    color: black;
}
.news .newsmain .data .month{
    font-size: 1rem;
    color: #AAAAAA;
    margin-top: 0.88rem;
    margin-bottom: 1.25rem;
    
}

.news .newsmain .data .type{
    font-size: 0.88rem;
    color: white;
    /* background: #3F7CF8; */
    background: #EF8D2B;
    border-radius: 0.31rem;
    width: 2.81rem;
    height: 1.44rem;
    text-align: center;
    line-height: 1.44rem;    
    margin: 0 auto;
}


.news .newsdetail{
    width:20.44rem ;
    width: 26rem;
    /* height: 7rem; */
    flex: 1;
}
.news .newsdetail .tit{
    /*  */
    font-size: 1.13rem;
    font-size: 1.25rem;
    margin-bottom: 2.38rem;
}
.news .newsdetail .main{

    font-size: 0.88rem;
    font-size: 1rem;
    line-height: 1.63rem;
    color: #7D7D7D;
}














/* 顶部的banner小型版本 */
.banner_small{
    width: 46.25rem;
    margin-left: 4.8rem;
    margin-right: 2.44rem;
}
.banner_small .rootW a{
    font-size: 1.13rem;
    color: #000;
    position: relative;  /* 设置父元素为相对定位 */
}



.banner_small .rootW a:hover{
    color: #1AA0DF;
}

.banner_small .rootW a:hover::after{
  content: "";
  position: absolute;  /* 将伪元素绝对定位到父元素内 */
  bottom: -2.05rem;  /* 将伪元素放置在父元素底部 */
  left: 50%;  /* 将伪元素水平居中 */
  transform: translateX(-50%);  /* 水平居中偏移修正 */
  width: 1.38rem;  /* 设置伪元素的固定长度为100像素 */
  height: 0.19rem;  /* 设置伪元素的高度为2像素 */
  background-color: #1AA0DF;  /* 设置伪元素的背景颜色为蓝色 */   
}



.banner_small .rootW .bannerActvie{
    color: #1AA0DF;
    background: none;
}
.banner_small .rootW  .bannerActvie::after{
    content: "";
    position: absolute;  /* 将伪元素绝对定位到父元素内 */
    bottom: -2.05rem;  /* 将伪元素放置在父元素底部 */
    left: 50%;  /* 将伪元素水平居中 */
    transform: translateX(-50%);  /* 水平居中偏移修正 */
    width: 1.38rem;  /* 设置伪元素的固定长度为100像素 */
    height: 0.19rem;  /* 设置伪元素的高度为2像素 */
    background-color: #1AA0DF;  /* 设置伪元素的背景颜色为蓝色 */   
}



.passage{
    display: block;
    /* text-indent: 2.26rem;
    font-size: 1.13rem;
    line-height: 2.25rem;
     */
    margin: 3.13rem  0;


    font-size: 1rem;
    text-indent: 1rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #626262;
    color: #313131;
    line-height: 1.88rem;
    
    
}



/* 把一行5个变一行两个 */


@media screen and (max-width: 768px) {
    .friends .rootW .five_inline{
        /* width:  calc((100%-2.44rem) / 2 ); */
        width: 20.63rem;
        /* height: 9.11rem; */
        height: 13.9rem;
        font-size: 1.63rem;
    }
    
}



/* 超出隐藏 */
.overflowhidden{
    color: #313131;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}
.overflowhidden_2{
    color: #313131;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}



.overflowhidden_3{
    color: #313131;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}

.overflowhidden_7{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
    overflow: hidden;
    text-overflow: ellipsis;
}
.overflowhidden_9{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 9;
    overflow: hidden;
    text-overflow: ellipsis;
}
.overflowhidden_8{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
    overflow: hidden;
    text-overflow: ellipsis;
}


@media screen and (max-width: 768px) {
    .phone_overflowhidden_2{
        -webkit-line-clamp: 2;

    }
}


/* 补丁-后面可删除 */
@media screen and (max-width: 768px) {
    .article .phone_bold{
        font-weight: 800;
        font-size: 1.88rem;
    }
    .article .article_detail {
        font-size: 1.63rem;
        display: block;
        overflow:visible;
        /* margin-top: 2.3rem;
        margin-bottom: 4.3rem; */
    }
   
    .phone_center{
        margin: 0 auto;
    }


    .title_col .rootW .title_s{           
        /* 小标题 */
        font-size: 1.5rem;
    }
    



    .phone_flexcol{
        display: flex;
        flex-direction: column;
    }
    .news .newshead{
        width: 43.13rem;
        height: 18.75rem;
    }
    .news .newshead img{
        height:18.75rem;
    }


    .newsmain{
        margin-bottom: 6.25rem;
        margin-bottom: 2.5rem;
        padding-bottom: 2.5rem;
        border-bottom: 0.06rem solid #F5F5F5;
    }
    .news .newsmain .data .year{
        font-size: 2rem;
    }
    
    .news .newsmain .data .month{
        font-size: 1.63rem;
    }
    .news .newsmain .data .type{
        width: 4.25rem;
        height: 2.19rem;
        line-height: 1.94rem;   
        font-size: 1.5rem;
    }
    .news .newsdetail .tit{
        font-size:1.75rem ;
    }
    .news .newsdetail .main{
        font-size:1.63rem ;
    }
    .news .newsdetail{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }



    /* 顶部搜索 */
    
    .graysearch .search_input{
        width: 18.38rem !important;
        height: 3.44rem  !important;
        border-radius: 1.72rem;
        padding-right:3rem;
    }
    .input::after{
        width: 1.63rem;
        height: 1.63rem;
    }
    .top_tip{
        height: 7.44rem;
    }
    

    /* 视频企业风采 */
    .video .videoImg{
        width: 43.13rem;
        height: 25rem;
        border-radius: 0;
    }

}




/* 右侧fixed按钮 */
/* 下面是fixed按钮，只有实验样式 */

.fixedBox{
    /* background-color:#F5F5F5 ; */
    background-color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  
    border-radius: 0.63rem;
    width: 5.63rem;
    height: 5.63rem;
    font-size: 0.88rem;
  }
  
  .fixedBox_  {
    position: absolute;
    height: 5.63rem;
    color: #7D7D7D;
    font-size: 1rem;
    line-height: 1.25rem;
  
  }
  /* 给img外面加个盒子先 */
  .fixedBox img{
    width: 100%
  }


.fixedBox{
    z-index: 9999;
    right: 2%;
    bottom: 45%;
    position: fixed;
    display: flex;
    flex-direction: column;
}


.fixedBox .fixedBox_item {
    width: 6rem;
    height: 6rem;
    padding: 0.8rem;
    background: #f5f5f5;
    background-color: white;
    border-radius: 0.94rem 0.94rem 0 0;

    font-size: 1rem;
    /* z-index: 9999; */
    display: flex;
    flex-direction: column;
    align-items: center;

    border: 0.06rem solid #EEEEEE;
}
.fixedBox .fixedBox_item:last-child{
    border-radius:0 0 0.94rem 0.94rem ;

}
.fixedBox_item .fixedBox_item_img{
    width: 2.2rem;
    /* height: 3.2rem; */
}
.fixedBox_item .fixedBox_item_name{
    margin-bottom: 0.81rem;
}

#popup1.show {
    position: absolute;
    top: 0;
  right: 6rem;
    /* right: -200px; 初始时隐藏在右侧 */
    transition: right 0.3s; /* 使用过渡效果 */

    /* background-color: white; */
    background-color: #F8F8F8;
    color: #999999;
  padding: 0.7rem;
  border: 0.06rem solid #F5F5F5;
  border-radius: 0.63rem;

  display: flex;
  flex-direction: column;
  justify-content: space-between;

  
  width: 11.25rem;
  height: 5.63rem;
  line-height: 1.25rem;
}

#popup2.show{
  position: absolute;
    top: 0;
    right: 8rem;
    /* right: -200px; 初始时隐藏在右侧 */
    transition: right 0.3s; /* 使用过渡效果 */

    background-color: white;
  padding: 0.7rem;
  border: 0.06rem solid #F5F5F5;
  border-radius: 0.63rem;

  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  
  width: 8.81rem;
  height: 8.81rem;
  line-height: 1.25rem;
  text-align: center;
}
#popup2 img{
  width:5.25rem ;
  height: 5.25rem;
}


/* 轮播的主图 */
.swiper.mySwiper_banner img{
    /* object-fit: cover; 
    background-position-x:50%;
    background-position-y:50%;
    width: 100%;
    height: 100%;

    object-fit: contain; */



    /* object-fit: cover; */
    background-position-x: 50%;
    background-position-y: 50%;
    width: 100%;
    height: 100%;
    /* object-fit: contain; */


}


/* 里面swiper的样式 */
/* CSS 代码 */
.swiper-pagination-bullet {
    /* width: 10px; /* 设置椭圆的宽度 */
    height: 5px; /* 设置椭圆的高度 */
    background-color: #000; /* 设置椭圆的背景颜色 */
    margin: 0 0.5rem; 


    width: 1.25rem;
    height: 0.19rem;
    background: rgba(255, 255, 255,0.6);
    border-radius: 0.09rem;

    width: 0.44rem;
    height: 0.44rem;
    border-radius: 50%;
    background: rgba(49, 49, 49,0.6);

  }


  .swiper-pagination-bullet-active {
    background-color: white; /* 设置激活状态下椭圆的背景颜色 */
    width: 1.19rem;
    border-radius: 0.22rem;
  }



  .banner_small .rootW a{
    color: #EBD29F;
  }
  .banner_small .rootW .bannerActvie{
    background: #EF8D2B;
    color: white;
    font-size: 1.25rem;
    border-radius: 3rem;
    padding:0.69rem 0.69rem;

  }



 .tosearchicon{
     border: none;
     background: url(../img/imgtop/3.png) no-repeat;
     width: 1rem;
     height: 1rem;
     background-size: contain;
     cursor: pointer;
     position: absolute;
     right: 1rem;
     top: 50%;
     transform: translateY(-50%);

 }