.logo-wrap{overflow: hidden;}
.cmalogo {
    margin: 21px 0;
    width: 68px;
    height: 68px;
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
    display: block;
    float: left;
}

.webtitle {
    display: block;
    float: left;
    height: 110px;
    line-height: 110px;
    font-size: 28px;
    font-family: Arial-Bold, Arial;
    font-weight: bold;
    color: #fff;
    padding-left: 10px;
}
.webtitle:hover{color: #fff;}
.language-wrap{position: absolute; top: 0; right: 90px; color: #999; display: flex; height: 110px; align-items: center;}
.language-wrap a img{width:22px; height: 15px;}
.language-wrap a{color: #fff;font-size: 12px;margin:0 5px; display: flex; align-items: center; justify-content: center;gap:5px;}
.language-wrap a:hover{color: #fff;}
.language-wrap a.actived{color: #fff; background: rgba(255,255,255,0.3); border-radius: 10px; padding: 3px 10px;}

.header{background-color: #105BE0;}
.header ul li a{height: 52px; line-height: 52px; font-size: 18px;white-space: nowrap;}

#topBanner .header ul.navbar-nav{display: flex; justify-content: center; align-items: center; align-content: center;}
#topBanner .header ul.navbar-nav li{flex: 1;}
body{background-color: #fff;}

.header-top{height:110px; background:url('http://www.wmc-bj.net/assets/site/lm/img/topbg.png?v=20241222') no-repeat center top;background-size: cover;}

.topic-block{height: 610px;}

.carousel-indicators li{width: 40px; height: 8px;border-radius: 0;background-color: #D6DBED; border:1px solid #D6DBED;margin: 0 2px;}
.carousel-indicators .active{width: 40px; height: 8px;border: 0; background-color: #284B9F;}
.index-news .carousel{padding-bottom: 40px;}
.index-news .carousel-control{width: 50px;}
.index-news .carousel-control.left,.index-news .carousel-control.right{background: none;display: none;}
.index-news .carousel-indicators{bottom: 0; margin-bottom: 0;}
.index-news .carousel-inner .item .focus-img{margin-left:0;width:390px; height:230px; display:block; background-size:cover; background-position: center; background-repeat: no-repeat;}

.index-news .index-article{height: 230px; margin-right: 15px;}
.index-news .index-article-bottom{position: absolute; bottom: 0; left: 15px; right: 15px;}
.index-news .index-article-title{font-size: 20px; line-height:30px; height:60px; color: #333; font-weight: bold; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.index-news .index-article-desc{color: #999; font-size: 16px; line-height: 20px; margin-top:15px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; line-clamp: 5; -webkit-box-orient: vertical; height: 100px;}
.index-news .read-more-btn{display: inline-block; height:30px; line-height:30px; padding:0 30px; border-radius: 5px; border: 1px solid #004C97; color: #004C97;}
.index-news .index-article-pubtime{color: #999; font-size: 14px;display: flex; justify-content: right; padding-right: 15px;}

.box-title{font-size: 24px; color: #333; padding-bottom: 20px;}
.weathermap-wrap{padding: 30px 0;overflow: hidden;}
.weathermap-wrap .weathermap{width: 950px; height: 644px;float: left;}
.weathermap-wrap .weathermap-menu{width: 247px;height: 644px; float: left; background-color: #F7F8FC;padding: 3px; padding-right: 0;}
.weathermap-wrap .weathermap-menu .nmc-accordion .nmc-accordion-title{background: linear-gradient(90deg, rgba(40,75,159,0.2) 0%, rgba(40,75,159,0.08) 100%);height: 40px; line-height: 40px;font-size: 18px; color: #333; padding-left: 18px;}
.weathermap-wrap .weathermap-menu .nmc-accordion dl{margin-bottom: 0;}
.weathermap-wrap .weathermap-menu .nmc-accordion dl dt{background-color: #e1edf7; height: 30px; line-height: 30px; padding-left: 18px;}
.weathermap-wrap .weathermap-menu .nmc-accordion dl dd{padding-left: 18px; height: 38px; line-height: 38px; color: #666; cursor: pointer;background-color: #fff;}
.weathermap-wrap .weathermap-menu .nmc-accordion dl dd.actived{background-color: #284B9F; color: #fff;font-weight: bold;}

.service-product{padding: 30px 0;background: url("http://www.wmc-bj.net/assets/site/lm/img/Mask group.png") no-repeat center top; height: 500px;background-size: cover;}
.service-product ul{overflow: hidden;}
.service-product ul li{float: left; margin-left: 11px;}
.service-product .product-list ul{display: none;}
.service-product .product-list ul li{padding: 1px;}
/*.service-product .product-list ul li:hover{padding:0;background: #FFFFFF; box-shadow: 0px 6px 30px 0px rgba(0,0,0,0.08); border-radius: 5px 5px 5px 5px; border: 1px solid #284B9F;}*/
/*.service-product .product-list ul li:hover img{border-radius: 5px 5px 5px 5px;}*/
.service-product .product-list ul.actived{display: block;}
.service-product ul li:first-child{margin-left: 0;}
.service-product ul li a{display: block;}
.service-product ul li a img{width: 292px; height: 378px;}
.service-product ul li .product-title{color: #999; font-size: 14px; padding: 10px 0; text-align: center;}

.product-tabs{margin-bottom: 20px;}
.product-tabs ul{display: flex; justify-content: center; align-content: center; align-items: center;border-bottom: 1px solid #EBEBEB;}
.product-tabs ul li{flex: 1; text-align: center; color: #333; font-size: 14px;padding: 10px 0;cursor: pointer;}
.product-tabs ul li.actived{color: #284B9F; border-bottom: 2px solid #284B9F;font-weight: bold;}

.today-weather{padding: 30px 0;background: #F7F8FC;}
.today-weather a,.today-weather a:active,.today-weather a:hover{display: block; text-decoration: none;}
.today-weather .city-weather{color: #fff;width: 390px; border-radius:8px; padding:10px 20px; background: url("http://www.wmc-bj.net/assets/site/lm/img/Group 177193.png") no-repeat center; background-size: cover;}
.today-weather .city-weather.weather1{background: url("http://www.wmc-bj.net/assets/site/lm/img/Group 177193.png") no-repeat center;}
.today-weather .city-weather.weather2{background: url("http://www.wmc-bj.net/assets/site/lm/img/Group 177463.png") no-repeat center;}
.today-weather .city-weather.weather3{background: url("http://www.wmc-bj.net/assets/site/lm/img/Group 177464.png") no-repeat center;}
.today-weather .city-weather .city{font-size: 20px; height: 28px; line-height: 28px;}
.today-weather .city-weather .temp{font-size: 18px; font-weight: bold;margin-top: 10px;}
.today-weather .city-weather .desc{font-size: 14px; color: rgba(255,255,255,0.7);}

.hot-link{padding: 30px 0;}
.hot-link a{ text-align: center;display: block;border: 1px solid #fff; padding:0 10px 10px 10px;}
.hot-link a:hover {border: 1px solid #284B9F; border-radius: 10px;}
.hot-link .logo{width: 97px; height: 97px; margin: 0 auto;}
.hot-link .name{font-size: 12px; font-weight: bold; line-height: 14px; height: 42px;}
.hot-link .website{font-size: 10px; color: rgba(159,159,159,0.5); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}


#footer{color: rgba(255,255,255,0.7);background: #284B9F;margin-top: 0;height:314px; background: url("http://www.wmc-bj.net/assets/site/lm/img/slices/footbg.png?v=20241223") no-repeat center;}
#footer a{font-family: PingFangSC, PingFang SC;font-weight: 400;font-size: 14px;color: #FFFFFF;font-size:14px;color: #fff;padding-left: 42px;display: inline-block;}
#footer a.link{color: #fff; font-size: 14px;}
#footer dl dt{display: flex;width: auto;height: 20px; line-height: 20px;}
#footer dd{color: #fff; height: 20px; line-height: 20px;}
.copyright{background-color: #1A3577; height: 40px; line-height: 40px; color: #A7B8E1;}
#footer dl, #footer p{font-size: 12px;}



.navigation{background-color: #F7F8FC; margin-top: -15px;}
#breadcrumb{border: 0;height: 60px; line-height: 60px;padding: 0;}
#breadcrumb a{color: #999;}
#breadcrumb li.active{color: #333;}
.hp{box-shadow: none;}

.navbar-default{background: transparent; border: 0; font-size: 16px;border-bottom: 1px solid #E7E7E7;padding: 0;border-radius: 0;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{color: #0052D9;background: transparent;border-bottom: 2px solid #0052D9;}
.navbar-collapse{padding-left: 0;padding-right: 0;}

.article-list a{display: flex; justify-content: center; align-content: center; padding-bottom:20px; margin-bottom: 20px;border-bottom: 1px solid #EFF3F8;}
.article-list a h3{margin-top: 0;}
.article-list a .desc{color: #666;}
.article-list a .pubtime{color: #999;margin-top: 6px;}
.article-list a .left{margin-right: 15px;}
.article-list a .right{flex: 1;}
.article-list a .left img{width: 200px; max-width: none;}

/*分页的样式*/
.page-large{
    margin:10px 0px;
}
.page-large *{
    line-height: 25px;
    display: inline-block;
}
.page-large  a,
.page-large  input{
    border-radius: 3px;
    border:2px solid #d2dae4;
    padding: 0px 9px;
    margin: 0px 2px;
    color: #3887d6;
}

.page-large .next-page,
.page-large .prev-page,
.page-large .goPage,
.page-large  a.on{
    background: #0052D9;
    color: white;
    border:2px solid #0052D9;
}
.page-large .goPs{
    width: 80px;
    border:2px solid #d2dae4;
    border-radius: 3px;
}
.page-large .goPage[disabled="disabled"]{
    background: #d2dae4;
    border:2px solid #d2dae4;
}

.panel-group .panel+.panel{margin-top: 0;}
.panel-default{border-bottom: 1px solid #C8D5EA;}
.panel-default>.panel-heading{
    padding: 0;
    background: linear-gradient(90deg, rgba(40,75,159,0.2) 0%, rgba(40,75,159,0.08) 100%);
    border: 0;
}
.panel-default>.panel-heading .panel-title a{
    display: block;
    height: 52px;
    line-height: 52px;
    font-size: 16px;
    font-weight: 500;
    color: #284B9F;
    padding: 0 16px;
    background: url("http://www.wmc-bj.net/assets/site/lm/img/arrow_up.png") no-repeat 256px center;
}
.panel-default>.panel-heading .panel-title a.collapsed{
    color: #333333;
    background: url("http://www.wmc-bj.net/assets/site/lm/img/arrow_down.png") no-repeat 256px center;
}
.panel-body{padding: 0;}
#leftNav .panel-body div{background: none; padding-left: 0;}
#leftNav .panel-body div a{height: 45px; line-height: 45px;display: block; padding: 0 22px;font-weight: 400;color: #666666;}
#leftNav .panel-body div a:hover{border: 1px solid #284B9F;}
#leftNav .panel-body div a.actived{background: #284B9F;color: #fff;}

#menuNavBar .pmenu,.pmenu{background: #EEF3F7;border-radius: 4px;border: 1px solid #E7E7E7;display: flex;justify-content: center; align-items: center;}
#menuNavBar .pmenu .pmenu-label .label-name,.pmenu .pmenu-label .label-name{height: 40px;line-height:40px;display: block;padding: 0 16px;}
.pmenu .btn-default{height: 40px;line-height:40px;border: 0;background: #fff;color: #333; padding: 0 16px; border-radius: 0 4px 4px 0;}
.pmenu .dropdown.open .btn-default{background: #fff;border: 0;color: #333;}
.pmenu .dropdown-menu {background: #FFFFFF;box-shadow: 0px 6px 30px 5px rgba(0,0,0,0.05);border-radius: 3px 3px 3px 3px;border: 1px solid #DCDCDC; max-height: 400px; overflow-y:scroll;}
.pmenu .dropdown-menu a{height: 38px; line-height:38px;padding: 0 16px;margin: 5px 10px;border-radius: 4px 4px 4px 4px;border: 1px solid #EEEEEE;}
.pmenu .dropdown-menu .actived{background: #284B9F; border: 1px solid #284B9F; color: #fff;}

#menuNavBar{}
.bgwhite_{margin-top: 20px;}
#toolbar{background: #F1F4FB;margin: 0; padding: 0 10px;position: relative;}
#toolbar ul.time-step{display: flex;justify-content: center; align-items: center;background: #fff;margin: 0 -10px;padding: 0;}
#toolbar ul.time-step li{flex:1;list-style: none;margin: 0;padding: 0;border: 1px solid #E3E8F5; height: 7px; line-height: 7px;margin:0 0 -1px -1px;cursor: pointer;position: relative;}
#toolbar ul.time-step li div{
    position: absolute;
    background-color: rgba(0,0,0,0.8);
    padding: 8px 10px;
    border-radius: 5px;
    display: none;
    text-align: center;
    max-width: 200px; /* 设置最大宽度，以免内容过长导致溢出 */
    top: 15px; /* 距离li底部的距离，增加一些间距 */
    left: 50%; /* 位于li的正中间 */
    transform: translateX(-50%); /* 将div自身向左平移50%的宽度，实现居中 */
    white-space: nowrap; /* 禁止内容换行 */
    color: #fff;
    z-index: 99;
    font-size: 12px;
}
#toolbar ul.time-step li div::before {
    content: "";
    position: absolute;
    bottom: 100%; /* 小三角在div的顶部 */
    left: 50%; /* 位于div的正中间 */
    margin-left: -5px; /* 使小三角居中 */
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent rgba(0,0,0,0.8) transparent; /* 透明边框 */
}
#toolbar ul.time-step li.actived,#toolbar ul.time-step li:hover{background: #284B9F;}
#toolbar ul.time-step li:hover div{display: block;}
#toolbar .pmenu-wrap{display: flex; justify-content: flex-end;}
#toolbar .pmenu{background: #EEF3F7;margin: 0;margin-left: 20px;}
#toolbar .pmenu .pmenu-label .label-name{height: 26px;line-height:26px;display: block;padding: 0 10px;font-size: 12px;}
#toolbar .pmenu .btn-default{height: 26px;line-height:26px;}
#toolbar .pmenu .dropdown-menu a{height: 26px; line-height:26px;}

.index-block{margin-top: 50px;}
.index-block .link-list{padding: 15px 0;}
.index-block .link-list ul{margin: 0;padding: 0; padding-left: 15px;}
.index-block .link-list ul li{float: left;margin-right:35px;padding-top: 10px;}
.index-block .link-list ul li a{color: #999;}
.more-btn{margin: 20px 0;}
.more-btn a{width: 148px;height: 40px;line-height:40px;background: #105BE0;text-align:center;color:#fff;border-radius: 20px;display: inline-block;}
.content-image-title{text-align: center; padding: 10px 0;}
.content-image a{display: block;position: relative;display: inline-block;overflow: hidden;}
.content-image a img{border: 1px solid #ddd;transition: transform 0.3s ease; /* 添加平滑过渡效果 */}
.content-image .view-wrap{position: absolute; left:0; top:0; right:0; bottom:0;display: flex; justify-content: center; align-items: center; background-color: rgba(0,0,0,0.4);display: none;}
.content-image .view-wrap span{display: inline-block; height: 30px; line-height: 30px; border-radius: 15px;background-color: #fff;padding:0 15px;font-size:12px;}
.content-image a:hover .view-wrap{display: flex;}

.clearfix::after {
    content: "";
    display: table;
    clear: both;
}

.clearfix {
    zoom: 1; /* 兼容IE6/7 */
}

.article-wrap{margin-bottom: 50px;}
.article-wrap .news-title{font-size: 20px;line-height: 25px; height: 50px;overflow: hidden;padding:0;margin:15px 0;color: #191A1C;}
.article-wrap .news-time{color:#191A1C;}
.article-wrap .news-time .iconfont{font-size: 14px;padding-right: 8px;}
.article-wrap .news-view{height: 46px; line-height: 46px;background: #105BE0; border-radius: 23px;}
.article-wrap .news-remarks{font-size:14px; height:60px; line-height:20px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;overflow: hidden; text-overflow: ellipsis; padding:0; margin: 15px 0;color: #7B7B7B;}