@charset "utf-8";
/* CSS Document */
:root{
    --bg-color:#c72027;
    --bg-font-color:#ffffff;
	--font-blu-color:#333;
	--font-a:#333;
	--font-a-hover:#c30000;
	--font-title:#c30000;
    --nav-bg:#ffffff;
    --tit-bg-color:#c72027;
    --tit-font-color:#c72027;
}
.f12{font-size: 12px;}
.f18{font-size: 18px;}
.p-0{padding:0 !important}
.p-1{padding:.25rem!important}
.p-2{padding:.5rem!important}
.px-3 {padding-left: .75rem;padding-right: .75rem;}
.w-100{width:100%;}
.mt-1{ margin-top: 1rem!important;}

.body-bg{background: url(../images/bg.jpg) no-repeat top center;}
a{color: var(--font-a);text-decoration: none !important;}
a:hover{color:var(--font-a-hover);}
/* p{color:#969696;line-height:24px;font-size:12px} */
.ellipsis{overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	-o-text-overflow: ellipsis;
	-m-text-overflow: ellipsis;}
/*一般企业站CSS样式*/

.index-bg{background: rgba(255,255,255,0.7);}
.cms_top{width:100%; height:38px; line-height:38px; background:#eee;} /*顶部状态条容器100%;*/
.cms_logo-right{width:245px;}

.cms_top-bar a{ margin-left:10px;}
/* .cms_logo-right{float:right;} */
.cms_header{background-color:var(--bg-color) ;color:var(--bg-font-color);background-color: #d51011;
    height: 182px;
    background-position: center center;
    background-image: url(../images/ad-top-logo.png);
    background-repeat: no-repeat;padding:50px 0px 0px 0px;}
.cms_header-block{display: flex;align-content: space-between; align-items: center;justify-content: space-evenly;padding:0 15px;}

.cms_tel{text-align: right;margin-bottom: 5px;}
.cms_search{display: flex;border:1px solid #f56869;border-radius:30px;padding-right:15px;}
.cms_btn-search{flex: 1 1 auto;display:block;width:65px; padding:0px 10px;height:37px;line-height:37px;border-top-right-radius:4px;border-bottom-right-radius:4px;background-image: url("../images/search.png");background-repeat: no-repeat; background-position: center center; background-color: transparent;}
.cms_input-search{flex: 1 1 auto;margin-left:16px;width:130px;padding:0 8px;height:37px; line-height:37px;background-color: transparent;color:var(--bg-font-color);}
.cms_input-search::placeholder{color:var(--bg-font-color);}

.cms_nav{background: rgb(242 242 242);}
.cms_nav ul{display: -webkit-flex; /* Safari */display: flex;flex-wrap:wrap;padding-top:2px;padding-bottom: 12px;}
.cms_nav ul li{flex: 0 0 auto;width: 11.111%;text-align: center;color:var(--font-blu-color);line-height:1.7;margin-top: 10px;}
.cms_nav ul li a{color:var(--font-blu-color);font-weight: 600;}
.cms_nav ul li a:hover{color:var(--font-blu-color);}

/* Holly Hack for IE \*/
* html .cms_nav ul li { float: left; height: 1%; }
* html .cms_nav ul li a { height: 1%; }

.ads-box{display: block;margin-top:1rem;}

/*页脚*/   
.footer{ padding:20px 0px; text-align:center; margin-top: 1rem !important;}
.footer-link{padding:0 .5rem 3rem .5rem }
.footer-link .title {
    height: 20px;
    margin-bottom: 30px;
    padding-top: 30px;
    position: relative;
} 
.footer-link .tiao {
    display: inline-block;
    width: 527px;
    height: 1px;
    background: #dadada;
    float: left;
}
.footer-link .font {
    font-size: 24px;
    margin: 0 20px;
    position: absolute;
    top: 12px;
    left: 509px;
}
.footer-link ul li {
    float: left;
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px#dadada solid;
}
.footer-link ul li a{color: black;
    font-size: 14px;}
    .footer-nav{background-color: #ededed;height: 60px;}
.footer-nav ul{display: flex;justify-content: space-between;}
.footer-nav li{flex: 1;min-width: 100px;line-height: 60px;}
.footer-content{padding-top: 10px;}
.footer-content a,.footer-content p{}
.footer-content .copy{padding-top: 5px;padding-bottom: 10px;}
.footer-content ul{margin-bottom: .5rem!important;justify-content:center;display:flex}
.footer-content ul li{border-right: 1px#4a76a1 solid;padding:0 .5rem;}
.footer-link li:last-child,.footer-content ul li:last-child {
		border-right: 0px;
	}
.footer-authentication{}	
/*新闻列表*/


/*内容页*/


 
/*广告*/
.ad-top-logo{float: left;margin-left: 10px;}
.ad-top-list{overflow: hidden;margin:8px;}
.ad-top-list li{padding-right: calc(30px/ 2);padding-left: calc(30px/ 2);}
.ad-top-list li img{width:100%;}
.barousel{width:100%;height:450px;}
.barousel li img{width:100%;height: 100%;}
.barousel .bg{position: absolute;width: 100%;height: 3em;bottom: 0;left: 0; z-index: 2;background-color: var(--bg-color);}
.barousel .desc{position: absolute;width: 100%;height: 3em;bottom: 0;left: 0; z-index: 3;display: flex;}
.barousel .desc .title{line-height:3em ;padding-left:.5rem}
.barousel .desc a{color:#fff}
.barousel .desc .num{position: relative;right: 0.5em;width: 165px;bottom:-20px;}
.barousel .desc .num em{color: #fff;height: 2em;line-height: 2em;font-size: 1.2em;position:relative;}
.barousel .desc .num span{line-height: 3em;}
.barousel .desc .curr-num{font-size: 2.4em!important;color:var(--bg-font-color)!important}
/*布局*/
.swiperlist h2{font-weight: normal;line-height:1.2;font-size:1.2rem;margin: 0px 0 8px;font-weight: bold;white-space: nowrap;  /* 强制不换行 */
    overflow: hidden;     /* 超出部分隐藏 */
    text-overflow: ellipsis;  /* 显示省略号 */
    display: inline-block; /* 或block根据需求调整 */
    max-width: 100%;      /* 限制容器宽度 */}
.swiperlist li {font-size: 16px;line-height: 35px;border-bottom: 1px dashed #e3e3e3;}
.swiperlist li:last-child {
    border-bottom: none;
}
.panel{height: auto;}
.panel-tit{display: grid;grid-template-columns:1fr auto;border-top:2px solid var(--tit-bg-color);padding-left:5px;}
.panel-tit a{display: block;line-height:35px;}
.panel-tit	h3{height:35px;line-height:35px;padding-right:11px;margin-bottom:13px;color: var(--tit-font-color);font-weight: bold;}
.panel ul{margin-top: 10px;}
.panel ul li{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	-o-text-overflow: ellipsis;
	-m-text-overflow: ellipsis;
	line-height: 36px;
}
.news-new{height: 210px;overflow: hidden;position: relative;}
.news-new img {
    width: 100%;
    height: 100%;
}
.news-new>p{display:none;padding-top: 10px;height: 120px;}
.news-new .news-new-tilte{
    width: 100%;
    position: absolute;
    bottom: 0px;
    padding-left: 5px;
   color: var(--bg-font-color);
   background-color: var(--bg-color);
    line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	-o-text-overflow: ellipsis;
	-m-text-overflow: ellipsis;
}

.image-list img{width:100%;}
.image-list .right img{width: 210px;height:160px;}
.image-list li{height: 180px;overflow: hidden;}
.image-list a{display: inline-block;overflow: hidden;}
.image-list .left a{width:100%;height: 340px;}
.image-list .right a{width:220px;height: 160px;}
.image-list .left p{width:100%;}
.image-list .right p{width:200px;}
.image-list p{transform: translate(0,0);
    transition: all .5s ease-in 0s;
    height: 30px;
    position: relative;
    background: rgba(0,0,0,0.5);
    line-height: 30px;
    top: 5px;
    color: white;font-size: 12px;display: block;padding-left:10px;}
.image-list	a:hover>p {
		margin-top: -34px;
		transition: margin-top 0.5s;
	}
/**/
.toggle-menu .navbar-toggler-icon {
    /* background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") */
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='%23ffffff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}
.toggle-menu .navbar-toggler-icon {
    width: 2em;
    height: 2em;
    vertical-align: middle;
    content: "";
    display: inline-block;
    color:var(--nav-bg)
}
.toggle-menu{display: none;vertical-align: middle;}

.btn-toggle-menu {
    display: block;
    width: 30px;
    height: 30px;
    position: relative;
}

.btn-toggle-menu .toggle-menu-text{display:none;}

/* .btn-toggle-menu:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: -15px;
    left: -15px;
    padding: 15px;
} */

.btn-toggle-menu span {
    /* .navbar-light .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
    } */
    height: 2px;
    background: var(--nav-bg);
    display: block;
    position: absolute;
    top: 50%;
    text-indent: -999em;
    left: 50%;
    width: 25px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: -webkit-transform 300ms cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition: -moz-transform 300ms cubic-bezier(0.86, 0, 0.07, 1);
    -ms-transition: -ms-transform 300ms cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition: -o-transform 300ms cubic-bezier(0.86, 0, 0.07, 1);
    transition: transform 300ms cubic-bezier(0.86, 0, 0.07, 1);
}

.btn-toggle-menu span:before, .btn-toggle-menu span:after {
    width: 25px;
    height: 2px;
    background: var(--nav-bg);
    content: '';
    position: absolute;
    left: 50%;
    -webkit-transition: -webkit-transform 300ms cubic-bezier(0.86, 0, 0.07, 1), width 300ms cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition: -moz-transform 300ms cubic-bezier(0.86, 0, 0.07, 1), width 300ms cubic-bezier(0.86, 0, 0.07, 1);
    -ms-transition: -ms-transform 300ms cubic-bezier(0.86, 0, 0.07, 1), width 300ms cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition: -o-transform 300ms cubic-bezier(0.86, 0, 0.07, 1), width 300ms cubic-bezier(0.86, 0, 0.07, 1);
    transition: transform 300ms cubic-bezier(0.86, 0, 0.07, 1), width 300ms cubic-bezier(0.86, 0, 0.07, 1);
}

.btn-toggle-menu span:before {
    -webkit-transform: translate(-50%, -7px);
    -moz-transform: translate(-50%, -7px);
    -ms-transform: translate(-50%, -7px);
    -o-transform: translate(-50%, -7px);
    transform: translate(-50%, -7px);
}

.btn-toggle-menu span:after {
    -webkit-transform: translate(-50%, 7px);
    -moz-transform: translate(-50%, 7px);
    -ms-transform: translate(-50%, 7px);
    -o-transform: translate(-50%, 7px);
    transform: translate(-50%, 7px);
}

.btn-toggle-menu.active span {
    width: 0;
    -webkit-transform: translateY(-2px) rotate(-180deg);
    -moz-transform: translateY(-2px) rotate(-180deg);
    -ms-transform: translateY(-2px) rotate(-180deg);
    -o-transform: translateY(-2px) rotate(-180deg);
    transform: translateY(-2px) rotate(-180deg);
}

.btn-toggle-menu.active span:after {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -moz-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    -o-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}

.btn-toggle-menu.active span:before {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -moz-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    -o-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
}

/*布局*/
/*布局*/
.gap-6 {
    gap: 1.5rem;
}
.grid-cols-12 {
    grid-template-columns: repeat(12,minmax(0,1fr));
}
.col-span-2{grid-column: span 2/span 2;}
.col-span-3{grid-column: span 3/span 3;}
.col-span-4{grid-column: span 4/span 4;}
.col-span-8{grid-column: span 8/span 8;}
.col-span-9{grid-column: span 9/span 9;}
.col-span-10{grid-column: span 10/span 10;}

.left-m40{padding-left:40px;}
.grid {
    display: grid;
}
.col-span-12 {
    grid-column: span 12/span 12;
}
.flex{display: flex;}
img, video {
    max-width: 100%;
}
.hidden{display: none;}
.mb_logo,.ad-top-logo{display: none;}
.mb_logo img{width:15rem;}
.ad-top-logo{text-align: center;}
.ad-top-logo img{height:1.4rem;}