/*滚动条样式*/
.expert_by::-webkit-scrollbar, .expert_wy::-webkit-scrollbar {
    width: 6px; // 滚动条宽度
    background: rgba(30,60,90,0.2); // 滑块颜色
}

.expert_by::-webkit-scrollbar-thumb, .expert_wy::-webkit-scrollbar-thumb {
    background: rgba(30,60,90,0.2); // 滑块颜色
    border-radius: 4px; // 滑块圆角
}

.expert_by::-webkit-scrollbar-track, .expert_wy::-webkit-scrollbar-track {
    /*background: rgba(30,60,90,0.2); // 滑块背景颜色*/
    border-radius: 4px; // 滑块圆角
}

.expert_by::-webkit-scrollbar-thumb:hover, .expert_wy::-webkit-scrollbar-thumb:hover {
    background: #ccc; // 鼠标移入滑块颜色
}




/* PC端手机端通用样式 */
.Hot { color: #355e87;}  /* 高亮颜色 */
.Width { margin: 0 auto; }
.title_wrap { text-align: center; }
.title_h1 { font-size: 36px; margin: auto 18px; }
.title_h2 { font-size: 26px; }
.title_line {background: #355e87; width: 5px; height: 26px; float: left; position: relative; top: 8px; margin-right: 10px;}
.title:hover { color: #355e87; }
/*.header { position: fixed; top: 0; width: 100%; background: #fff; z-index: 999; display: flex; align-items: center; justify-content: space-between; }*/
/*.header { position: fixed; top: 0; }*/
.header { width: 100%; background: rgba(255,255,255,0.8); z-index: 999; position: absolute; }
.nav_bg { background: #355e87; }
.top_left { display: flex; align-items: center; justify-content: space-between; }
.indexheader { width: 100%; z-index: 999; }
.index_top { width: 100%; position: relative; }
.top_logo { max-height: 90%; max-width: 80%;}
.slogan { font-size: 24px; font-style: italic; font-weight: 600; letter-spacing: 1px }
/* .top { padding: 6px 0; display: flex; align-items: center; justify-content: space-between; }  */
/* .search { border: 1px solid #355e87;} */
/* foot */
/*.footer { background: url(../images/bg_footer.jpg) no-repeat center center; background-size: cover; }*/

/*关于我们下面二级导航*/
.middle_nav { height: 60px; box-shadow: 0 3px 5px 2px rgba(0, 0, 0, .05); } 
.minnav_ul { overflow-x: auto; white-space: nowrap; }
.midnav_wrap li { display: inline-block; font-size: 16px; line-height: 60px; margin-right: 70px; }
.midnav_wrap li a { font-size: 18px; }
.mid_active {  color: #355e87; }


.footer { background: #355e87; }
.footer_wrap { padding: 30px 0 20px; }
.footer_span { color: #fff; line-height: 1.8rem; }
.foot_info { margin: 1rem 0 3rem; }
.foot_left { display: flex; align-items: center; }
.footer_p { margin-left: 4rem; }
.foot_bq { color: rgba(255, 255, 255, 0.3); font-size: 14px;}
.links { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 10px; }
.links li { padding: 5px 20px; background: #436a8f;}
.links li a { color: rgba(255, 255, 255, 0.5); }
.links li a:hover { color: #fff; }
.footer_lyb { }
.footer_icp { padding-top: 1rem; border-top: 1px solid rgb(255 255 255 / 10%); }

/*信箱留言板*/
#footyzxxbtn { cursor: pointer; }
#indexyzxxbtn { cursor: pointer; }
.footer_lyb ul { display: flex; margin-bottom: 25px }
.footer_lyb li { font-size: 15px; color: rgba(255, 255, 255, 0.5); padding: 8px 18px; background: #22486e; border-radius: 4px; margin-right: 10px }
.footer_ewm { text-align: center; }
.footer_ewm p { font-size: 14px; color: rgba(255, 255, 255, 0.5); }



/* 根据媒体查询 */
@media (max-width:768px){
    .Width { width: 94%; }
    .header { position: relative; }
    .search { display: none;}
    
    /**/
    .midnav_wrap li { margin-right: 30px; }
    
    .neiye_top { height: 150px;}
    .main { padding-top: 30px; padding-bottom: 50px; }

     
}

@media (min-width: 768px) {
    .search { height: 36px; display: flex; z-index: 9999; }
    
    .nav { height: 55px; background: #355e87; display: flex;  justify-content: space-between;}

    
    .menu-item, .dropdown { flex: 1;  text-align: center; overflow: hidden;}
    .menu-item:hover, .dropdown:hover { overflow: visible; background: rgba(0, 0, 0, 0.1);}
    /* .nav.active{ background: rgba(0, 0, 0, 0.1);} */
    .nav_active{ background: rgba(0, 0, 0, 0.1);}
  

    .submenu_name { display: block; color: rgba(255, 255, 255, 0.6); font-size: 16px; line-height: 36px; }
    .submenu_name:hover { color: #fff;}
    .neiye_top { height: 420px;}
    
    .midli_active { border-bottom: 2px solid #355e87; }

    .main { padding-top: 50px; padding-bottom: 80px; }
    .Width { width: 90%; }

    /* foot */
    .foot_info { display: flex; justify-content: space-between; }
   
    /* 搜索 */
    .ssmargin { margin: -50px 0 -80px; } 
    .ssmargin .list02_details { padding: 10px 0;}
}


@media (max-width: 992px){
    .header { background: none; margin-top: 5px; margin-bottom: 5px; }
    
    .nav_bg, .slogan { display: none; }
    .menu_name{ color: #fff; font-size: 18px; line-height: 50px; text-align: center; }
    .btn_mobnav {display:flex !important; align-items: center; justify-content: center; Width: 46px; height: 46px; background: #355e87; 
                 cursor: pointer; border-radius: 6px; z-index: 9999;}
    .mob_nav { position: fixed; z-index: 9998; top: 0; Width: 100%; height: 100%; 
                padding-top: 60px; padding-bottom: 20px; background: rgba(53, 94, 135, 0.9);}

    .mob_nav>.menu-item {display: flex}
    .mob_nav>.menu-item>.menu_name {flex: 1}
    .mob_nav>.menu-item:hover {background: none}
    
    .mfooter_p { text-align: center; margin-top: 15px; margin-bottom: 25px; }
    
    .mfooter_span, .mfoot_bq { color: #fff; }
    .footer_ewm { margin-top: 30px;}
    .links li { padding: 5px 5px; }
    .links li a { font-size: 14px;
}
    /*.links { display: none;}*/
    .pcfooter { display: none;}
    .footer_icp { padding-top: 10px; }
    

    

}

@media (min-width: 992px){

    .mob_nav, .btn_mobnav { display: none !important; }
    .top_left { height: 80px; }
    .top_logo { max-height: 90%; max-width: 95%;}
    /* 导航 */
    .dropdown-menu { background: rgba(25, 67, 109, 0.8); padding: 10px 0;}
    .menu_name{ color: #fff; font-size: 18px; line-height: 55px; }
    
    .top_right {background: #355e87; height: 55px; display: flex; align-items: center; justify-content: flex-end;}
    .nav { width: calc( 100% - 30px); }
    
     .mfooter { display: none;}



}


@media (min-width:1200px){
    .Width { width: 1200px; }
    


}

/* 搜索样式 */


/* .search select {
    padding: 0 10px;
    border: none;
    outline: none;
} */

/* .el-select-dropdown__item.selected,
.el-select-dropdown__item:hover,
.el-select-dropdown__item.hover {
    color: #fff;
    background: #355e87;
} */

.search input {border-radius: 8px 0 0 8px; padding: 0 10px; width: 160px; background: #ffffff; }

.search_btn { width: 36px; height: 36px; border-radius: 0 8px 8px 0; cursor: pointer; 
              background: url(../images/ico_search.png) no-repeat center center #355e87; }






