/***********全局重置CSS*****************/
body, h1, h2, h3, h4, h5, h6, ul, ol, dl, dd {margin: 0;}
p {margin: 0;}
ul, ol, li {padding-left: 0;list-style-type: none;}
/***消除img默认边框*****/
img {border: 0;display: block;}
a {text-decoration: none  !important;color: inherit;}
/*细线表格*/
table {border-collapse: collapse;}
em {font-style: normal;}
/***默认让所有浏览器出现右边滚动条****/
html {font-size: 16px;}
/***默认清除浮动****/
body {font-family: "微软雅黑", "sans-serif", "Arial";position: relative;overflow: visible; background-color: #f9f9f9;}
.conter{max-width: 1520px;margin: 0 auto;position: relative;}

@font-face {
    font-family: 'rzzy';
    src: url(rzzy.ttf);
}

.zccx_header{ height: 100px;background: url(szft_zccxBanner_20240528.png) top center no-repeat;background-size: cover;}
.zccx_logo {max-width: 1693px;margin: 0 auto; padding-top: 3.56rem; display: block;}
.zccx_logo a{ width: 18.81rem;display: inline-block;}
.zccx_logo a img{width: 100%; height: auto;}
.zccx_center { max-width: 1200px;margin: 0 auto;padding: 3.05rem 0 3.25rem;}
.zccx_items {display: flex;justify-content: space-between;flex-wrap: wrap;}
.zccx_items .zccx_item{width: 48.5%;height: 13.38rem;padding: 1.13rem 0;box-sizing: border-box; border-radius: 0.75rem;transition: all .5s; background-color: #fff; display: flex;align-items: center; justify-content: center;}
.item_left div{width: 6rem;height: 6rem;border-radius: 100%;display: flex;align-items: center;justify-content: center;}
.item_left p{margin-top: 1.56rem;  font-size: 2rem;font-weight: bold;}
.zccx_items .bg1{border: solid 1px #a84789;margin-bottom: 2.44rem;}

.zccx_items .bg1 .item_left div{background-color: #a84789;}
.zccx_items .bg1 .item_left p{color: #a84789;}
.zccx_items .item_right{ width: 0; overflow: hidden;opacity: 0; transition: all .5s;}
.zccx_items .bg1 .item_right .swiper-container{ display: flex;justify-content: center;}
.zccx_items .bg1 .item_right .swiper-slide{ position: relative;height: auto;display: flex;justify-content: space-between;}
.zccx_items .bg1 .item_right .swiper-slide a{width: 44%;position: relative;}
.zccx_items .bg1 .item_right .swiper-slide a:last-child{margin-right: 5%;}
.zccx_items .bg1 .item_right .swiper-slide a:first-child{margin-left: 5%;}
.zccx_items .bg1 .item_right .swiper-slide a img{width: 100%;height: auto;}
.zccx_items .swiper-button-next:after,.zccx_items .swiper-button-prev:after{content: '';}
.swiper-button-next, .swiper-button-prev{width: auto;}
.zccx_items .swiper-button-next{right: 0;}
.zccx_items .swiper-button-prev{left: 0;}
.item_right .swiper-slide div{padding: 0.2rem 0.75rem 0.53rem; width: 100%;box-sizing: border-box; position: absolute;bottom: 0;left: 0;background: #a84789;}
.item_right .swiper-slide div span{margin-bottom: 0.34rem; padding: 0.15rem 0.31rem;background-color: #f9f9f9;border-radius: 0.53rem; display: inline-block;color: #a84789;font-size: 0.63rem;}
.item_right .swiper-slide div p{ font-size: 1rem;color: #fff; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;  -webkit-box-orient: vertical;white-space: normal;}
.zccx_items .zccx_item_hover .item_left{padding-right: 1.81rem;margin-right: 1.31rem; border-right: 1px solid #a84789;}



.zccx_items .bg2{border: solid 1px #d97260;}
.zccx_items .bg2 .item_left div{background-color: #d97260;}
.zccx_items .bg2 .item_left p{color: #d97260;}
.zccx_items .bg2 .item_left{border-color: #d97260;}
.zccx_items .bg2 .item_right{height: 100%;}

.zccx_items .bg2 .item_right .sear{height: 2.38rem; display: flex;justify-content: space-between;align-items: center; border: solid 1px #d97260;}
.zccx_items .bg2 .item_right .sear input{margin: 0 1rem; border: none;background-color: #fff;flex-grow: 1;}
.zccx_items .bg2 .item_right .sear .btn{width: 6.56rem;height: 100%; background-color: #d97260;color: #fff;font-size: 1.25rem;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.zccx_items .bg2 .item_right .sear input:focus {outline: none;border: none;box-shadow: none;}
.zccx_items .bg2 .item_right .link{margin: 0.5rem 0 0.81rem 0.2rem;}
.zccx_items .bg2 .item_right .link a{margin-right: 1rem; font-size: 0.88rem;color: #555555;}
.zccx_items .bg2 .item_right .link a:last-child{margin-right: 0;}
.zccx_items .bg2 .item_right .zcpp{display: flex;align-items: center;justify-content: center;}
.zccx_items .bg2 .item_right .zcpp a{width: 12.5rem;padding: 0.63rem 0;background-color: #d97260;border-radius: 0.5rem;border: solid 1px #d97260;display: flex;flex-direction: column;align-items: center;justify-content: center; }
.zccx_items .bg2 .item_right .zcpp a:first-child{margin-right: 1.19rem;}
.zccx_items .bg2 .item_right .zcpp p{margin-bottom: 0.65rem; font-size: 1.11rem;font-weight: bold;color: #fff; display: flex;justify-content: center;align-items: center;}
.zccx_items .bg2 .item_right .zcpp img{margin-right: 0.5rem;}
.zccx_items .bg2 .item_right .zcpp span{font-size: 0.88rem;color: #fff;}
.zccx_items .bg2 .item_right .zcpp span:last-child{margin-top: 0.25rem;}

.zccx_items .bg3{border: solid 1px #61bacd;}
.zccx_items .bg3 .item_left div{background-color: #61bacd;}
.zccx_items .bg3 .item_left p{color: #61bacd;}
.zccx_items .bg3 .item_left{border-color: #61bacd;}
.zccx_items .bg3 .item_right {display: flex;justify-content: space-between;flex-wrap: wrap;}
.zccx_items .bg3 .item_right a{width: 48%;height: 3.81rem;padding: 0 2rem;margin-bottom: 4%; box-sizing: border-box; background-color: #ffffff;border: solid 1px #61bacd;display: flex;justify-content: space-between;align-items: center;}
.zccx_items .bg3 .item_right a:last-child{margin-bottom: 0;}
.zccx_items .bg3 .item_right a p{font-size: 1.25rem;color: #61bacd;font-weight: bold;}
.zccx_items .bg3 .item_right a div{width: 2.19rem;height: 2.19rem;background-color: #61bacd;border-radius: 100%;display: flex;align-items: center;justify-content: center;}

.zccx_items .bg4{border: solid 1px #85abd0;}
.zccx_items .bg4 .item_left div{background-color: #85abd0;}
.zccx_items .bg4 .item_left p{color: #85abd0;}
.zccx_items .bg4 .item_left{border-color: #85abd0;}
.zccx_items .bg4 .item_right { display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.zccx_items .bg4 .item_right .bsfw{width: 48%;height: 5rem;padding: 0 0.94rem;box-sizing: border-box; background-color: #ffffff;border: solid 1px #85abd0;display: flex;align-items: center;justify-content: space-between; }
.zccx_items .bg4 .item_right .bsfw span{display: block;font-size: 1.25rem;color: #85abd0;font-weight: bold;}
.zccx_items .bg4 .item_right .bsfw div{display: flex;flex-direction: column;justify-content: center;align-items: center;}
.zccx_items .bg4 .item_right .bsfw div a{font-size: 0.88rem;color: #85abd0;}
.zccx_items .bg4 .item_right .bsfw div a:nth-child(2){margin: 0.2rem 0;}
.zccx_items .bg4 .item_right .last a{height: 100%;width: 100%;display: flex;justify-content: center;align-items: center;}
.zccx_items .bg4 .item_right .last {margin-top: 4%;}

.zccx_items .zccx_item_hover{width: 48.5%;}
.zccx_items .zccx_item_no_hover{width: 17.72%;}
.zccx_items .zccx_item_hover .item_right{width: 70%;overflow: visible;opacity: 1;}
.zccx_items .zccx_item_no_hover .item_right{width: 0;overflow: hidden;}



.zcjz{margin-top: 2.44rem; display: flex;justify-content: space-between;}
.zcjz .zcjz_left{width: 23.21%; padding: 2.06rem 1.69rem 0;box-sizing: border-box; background-color: #fff;}
.zcjz .zcjz_left .tit{margin-bottom: 1.5rem; font-family: 'rzzy';font-size: 2.88rem;color: #ad1931;}
.zcjz .zcjz_left ul{}
.zcjz .zcjz_left ul li{padding-left: 2.88rem;margin-bottom: 0.94rem; height: 4.56rem;background-color: #fdf8f4;display: flex;align-items: center;cursor: pointer;}
.zcjz .zcjz_left ul li span{font-size: 1.75rem;color: #ad1931;}
.zcjz .zcjz_left ul .active{background-color: #ad1931;}
.zcjz .zcjz_left ul .active span{color: #fff;}
.zcjz_right{width: 74.48%;padding: 1.06rem 3.13rem;box-sizing: border-box;background-color: #fff;}
.zcjz_right ul{display: none;}
.zcjz_right .show{display: block;}
.zcjz_right ul li{padding: 1rem 1.5rem 1.5rem;margin-bottom: 1rem; background-color: #ffffff;box-shadow: 0rem 0rem 1.5rem 0rem rgba(0, 0, 0, 0.09);border-radius: 0.5rem;}
.zcjz_right ul li:last-child{margin-bottom: 0;}
.zcjz_right ul li .article{margin-bottom: 1rem; display: block; font-size: 1.38rem;width: 100%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.zcjz_right ul li div{display: flex;}
.zcjz_right ul li div a{ width: 7.5rem;height: 2.25rem;margin-right: 1.31rem; background-color: #ad1931;border-radius: 0.25rem;font-size: 1.13rem;color: #fff; display: flex;justify-content: center;align-items: center;}
.zcjz_right li div a span{display: block;width: 1.13rem;height: 1.25rem;margin-right: 0.44rem;}
.zcjz_right li div a:first-child span{background: url(szft_zccx_icon5_20240528.png) left center no-repeat;background-size: 100% auto;}
.zcjz_right li div a:nth-child(0) span{background: url(szft_zccx_icon5_20240528.png) left center no-repeat;background-size: 100% auto;}
.zcjz_right li div a:nth-child(1) span{background: url(szft_zccx_icon5_20240528.png) left center no-repeat;background-size: 100% auto;}
.zcjz_right li div a:nth-child(2) span{background: url(szft_zccx_icon5_20240528.png) left center no-repeat;background-size: 100% auto;}
.zcjz_right li div a:nth-child(3) span{background: url(szft_zccx_icon6_20240528.png) left center no-repeat;background-size: 100% auto;}
.zcjz_right li div a:nth-child(4) span{background: url(szft_zccx_icon7_20240528.png) left center no-repeat;background-size: 100% auto;}
.zcjz_right li div a:last-child span{background: url(szft_zccx_icon7_20240528.png) left center no-repeat;background-size: 100% auto;}
.look_more{display: block; text-align: center;color: #ad1931;}


@media (max-width: 1600px) {
    html {font-size: 14px;}
}
@media (max-width: 1560px) {
    .zccx_logo{padding: 3%;}   
    .zccx_center{max-width:1200px; margin: 0 auto;}
    
}
@media (max-width: 1360px) {
    html {font-size: 12px;}
    .zccx_items .zccx_item{width: 48.5%;height: 15rem; margin-bottom: 3%;}
    .zccx_items{flex-wrap: wrap;height: auto;}
}
@media (max-width: 1200px) {
    .zccx_items .bg1 .item_right .swiper-slide a{width: 42%;position: relative;}
    .zccx_items .bg1 .item_right .swiper-slide a:last-child{margin-right: 7%;}
    .zccx_items .bg1 .item_right .swiper-slide a:first-child{margin-left: 7%;}
}
@media (max-width: 860px) {
    html {font-size: 10px;}
   
    .zccx_items .zccx_item{width: 49%;margin-bottom: 3%;}
    .item_left div img,.zccx_items .bg3 .item_right a div img{width: 60%;height: auto;}
}

@media (max-width: 680px) {
    html {font-size: 8px;}
    .zccx_header {height: 26rem;} 
    .zccx_items .zccx_item{width: 100%;margin-bottom: 3%;}
    .zccx_items .bg1 .item_right .swiper-slide a{width: 40%;position: relative;}
    .zccx_items .bg1 .item_right .swiper-slide a:last-child{margin-right: 6%;}
    .zccx_items .bg1 .item_right .swiper-slide a:first-child{margin-left: 6%;}
    .zcjz_right{padding: 3%;}
    .zcjz .zcjz_left{padding: 3%;}
    .zcjz .zcjz_left ul li{padding: 0.5rem;}
    .zcjz .zcjz_left .tit{text-align: center;}
    .zccx_items .bg1 .item_right .swiper-slide a:first-child{margin-left: 3rem;}
    .zccx_items .bg1 .item_right .swiper-slide a:last-child{margin-right: 3rem;}
    .zcjz_right ul li .article{ overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;white-space: normal; }
}
@media (max-width: 390px) {
    .zcjz .zcjz_left ul li span { font-size: 1.5rem;}
    .zccx_items .bg1 .item_right .swiper-slide a{width: 38%;position: relative;}
}