.ban-box{width:100%;}
.tit {
    text-align: center;
    background: url(/uiFramework/commonResource/image/2025042416201494462.png) no-repeat center #fff;
    padding: 10px 10px;
    margin: 30px 0;
}
.tit h2 {
  font-size:24px;color:#666;
}

.item1 {
    background: #ccc;
    overflow: hidden;
    background: linear-gradient(to bottom, #f6d5d4, rgba(255, 234, 233, 0));
    padding: 40px;
}

.item1left {
    width: 47%;
    height: 100%;
    float: left;
    margin-right: 35px;
}

.item1left img {
    width: 100%;
    height: 100%;
}

.item1left h3 a{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    letter-spacing: 3px;
}

.item1left p a {
    font-size: 16px;
    color: #666;
    line-height: 30px;
    margin-bottom: 10px;
    text-indent: 2em;
    letter-spacing: 5px;
}

.item1right {
    width: 47%;
    padding: 15px;
    display: inline-block;
}

.item1right img {
    width: 100%;
    height: 100%;
}

.item1right h3 a {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    letter-spacing: 3px;
}

.item1right p a {
    font-size: 16px;
    color: #666;
    line-height: 30px;
    margin-bottom: 10px;
    text-indent: 2em;
    letter-spacing: 0px;
}

.item2 {
    overflow: hidden;
    display: flex;
}

.item2left {
    width: 40%;
    height: 100%;
    float: left;
    margin-right: 35px;
}

.item2left img {
    width: 100%;
    height: 100%;
}

.item2right {
    width: 55%;
    padding: 15px 0 0;
    display: inline-block;
}

.item2right h3 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    letter-spacing: 3px;
}

.item2right p {
    font-size: 16px;
}

.item2 {
    overflow: hidden;
    display: flex;
}

.item2left {
    width: 40%;
    height: 100%;
    float: left;
    margin-right: 35px;
}

.item2left img {
    width: 100%;
    height: 100%;
}

.item2right {
    width: 55%;
    padding: 15px 0 0;
    display: inline-block;
}

.item2right h3 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    letter-spacing: 3px;
}

.item2right p {
    font-size: 16px;
}

.container2 {
    overflow: hidden;
   
}

.tag {
    float: left;
    margin: 15px 30px;
    padding: 10px 20px;
    border-radius: 5px;
    text-align: center;
    font-size: 18px;
    color: white;
    width: 200px;
    /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); */
}

.dot::before {
    content: "•";
    margin-right: 10px;
    font-size: 20px;
    color: white;
    
}

.tag1 {
    margin-left: 0px; 
}
.container2 .tag:nth-of-type(1){
    background: url(img/tag1.png) no-repeat;
    background-size: cover;
}
.container2 .tag:nth-of-type(2){
    background: url(img/tag2.png) no-repeat;
    background-size: cover;
}
.container2 .tag:nth-of-type(3){
    background: url(img/tag3.png) no-repeat;
    background-size: cover;
}
.container2 .tag:nth-of-type(4){
    background: url(img/tag4.png) no-repeat;
    background-size: cover;
}
.container2 .tag:nth-of-type(5){
    background: url(img/tag5.png) no-repeat;
    background-size: cover;
}
.container2 .tag:nth-of-type(6){
    background: url(img/tag6.png) no-repeat;
    background-size: cover;
}
.container2 .tag:nth-of-type(7){
    background: url(img/tag7.png) no-repeat;
    background-size: cover;
}
.container2 .tag:nth-of-type(8){
    background: url(img/tag8.png) no-repeat;
    background-size: cover;
}
.container2 .tag:nth-of-type(9){
    background: url(img/tag9.png) no-repeat;
    background-size: cover;
}
.container2 .tag:nth-of-type(10){
    background: url(img/tag10.png) no-repeat;
    background-size: cover;
} 

.title {
    text-align: center;
    margin-bottom: 20px;
    font-size: 20px;
    color: #333;
}

/* 添加一个清除浮动的元素 */
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

.item2 .fr {
    float: right;
}

.container1 {
    width: 47%;
    float: left;
    flex: 1;
}

.card {
    display: block;
    overflow: hidden;
    margin: 0 15px 10px; 
    padding: 0 0 15px;
    border-bottom: 1px dashed #ccc; 
}
.card2 {
    height: 145px;
}
.card>a{
    display: block;
    overflow: hidden; 
    height: 160px;
    background: #EEF2F3;
} 

.card img {
    float: left; 
    width: 44%; 
    height: 160px;
    margin-right: 20px;
    border-radius: 5px;
}

.card-content {
    overflow: hidden;
    width: 100%;
    color: #333;
    margin-top: 10px; 
    box-sizing: border-box;
}

.card-content1 {
    width: 52%;
}

.card-title {
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: bold;
}
.card-title span{
    color: #bd1a2d;
}

.card-text {
    font-size: 16px;
    line-height: 1.5;
    color: #6f6f6f;
    text-indent: 2em;
}

.card-footer {  
    font-size: 16px;
    color: #999;
    margin-top: 10px;
    float: right;
}

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



.item1right h3{font-size:18px;font-weight:bold;margin-bottom:10px;letter-spacing:3px}
.item1right p{font-size:16px;color:#666;line-height:30px;margin-bottom:10px;text-indent:2em;letter-spacing:0px}


/*冠军来了*/
.item5{width:1200px;position:relative;margin:0 auto}
.item5 .item5Ul{width:100%;background:url(/eportal/imageDir/bjtz/2025/12/img_pc_site/2025122313415549206.png) no-repeat center top;background-size:100%;height:525px;position:relative}
.item5 .item5Ul li{position:absolute;z-index:3;cursor:pointer}
.item5 .item5Ul li i{display:block}
.item5 .item5Ul li.nav01{width:78px;left:5px;top:147px}
.item5 .item5Ul li.nav02{width:78px;left:154px;top:59px}
.item5 .item5Ul li.nav03{width:78px;left:314px;top:124px}
.item5 .item5Ul li.nav04{width:85px;left:450px;top:40px}
.item5 .item5Ul li.nav05{width:96px;left:578px;top:120px}
.item5 .item5Ul li.nav06{width:114px;left:725px;top:17px}
.item5 .item5Ul li.nav07{width:116px;left:925px;top:83px}
.item5 .item5Ul li.nav08{width:109px;left:1090px;top:0}
.item5 .item5Ul li.nav01 i{background-position:0 -118px;width:78px;height:78px}
.item5 .item5Ul li.nav02 i{background-position:-118px -116px;width:78px;height:79px}
.item5 .item5Ul li.nav03 i{background-position:-321px -111px;width:78px;height:78px}
.item5 .item5Ul li.nav04 i{background-position:-234px -111px;width:85px;height:85px}
.item5 .item5Ul li.nav05 i{background-position:-345px 0;width:96px;height:97px}
.item5 .item5Ul li.nav06 i{background-position:-118px 0;width:114px;height:114px}
.item5 .item5Ul li.nav07 i{background-position:0 0;width:116px;height:116px}
.item5 .item5Ul li.nav08 i{background-position:-234px 0;width:109px;height:109px}
.item5 .item5Ul li span{display:block;font-size:18px;color:#333;line-height:24px;text-align:center;margin:40px auto;writing-mode:vertical-lr;letter-spacing:5px;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s}
.item5 .item5Ul li:hover span{ transform: scale(1.05); -webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);}
.item5 .item5Ul li:hover span {color: #2c8bed;}



@media (max-width: 1200px) {

*{box-sizing: border-box;}
.w1200{width:95%;}

.item5{width:100%;}
.item5 .item5Ul li.nav02{left:12%}
.item5 .item5Ul li.nav03{left: 25%;}
.item5 .item5Ul li.nav04{left: 36%;}
.item5 .item5Ul li.nav05{left: 47%;}
.item5 .item5Ul li.nav06{left: 59%;}
.item5 .item5Ul li.nav07{left: 76%;}
.item5 .item5Ul li.nav08{left: 89%;}

.tag{width:22%;margin: 15px 0;margin-right: 4%;font-size:16px;}
.tag:nth-child(4n){margin-right:0;}

}

@media (max-width: 768px) {

.item1{padding:10px;width: 100% !important; }
.item1left{margin-right:4%;width:48%;}
.tongyong .bd ul{width: 100% !important;}
.item1right{width:48%;padding: 0;}
.item1right h3{font-size:16px;}
.item1right p{display:none;}
.item5{overflow: hidden;}
.item5 .item5Ul li span{font-size: 14px;margin: 0;letter-spacing: 2px;line-height: 17px;}

.tag{width:48%;padding: 5px 10px;}
.tag:nth-child(2n){margin-right:0%;}

.item1left h3 a{font-size:16px;}
.item4 .cont1:nth-child(1) .item1left{float:right;margin-right: 0;margin-left: 4%;}
.item4 .item1left p{display:none;}
.item1right h3 a{font-size:16px;}

.item2{flex-wrap:wrap;}
.container1{width:100%;float: none;flex: none;flex: none;}
.item2 .fr{float: none;}
.card>a{background:none;}
.card img{display:none;}
.card-content1{width:100%;}
.card-text{font-size:14px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }





}