/* 初始化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{

border-radius: 50%;

    box-shadow: 0px 0px 10px 1px #d7d0d0;

    border: 2px solid #fff;

    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("../images/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{

border-radius: 30px;

    box-shadow: 0px 0px 10px 1px #d7d0d0;

    border: 2px solid #fff;

    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(../images/14.png);

    }





    .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: auto;

    width: 88%;

    }



    

    

}











/* 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{

border-radius: 30px;

    box-shadow: 0px 0px 10px 1px #d7d0d0;

    border: 2px solid #fff;

    width: 100%;

object-fit: cover;

  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(../images/3.png) no-repeat;

     width: 1rem;

     height: 1rem;

     background-size: contain;

     cursor: pointer;

     position: absolute;

     right: 1rem;

     top: 50%;

     transform: translateY(-50%);



 }