/***********全局重置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{border:0;display: block;}/***消除img默认边框*****/
a{text-decoration:none;color: inherit;}/* 链接无下划线 */
a:hover{cursor:pointer;text-decoration:underline;} /*鼠标在链接上出下划线,为手势形态 */
table {border-collapse:collapse;}/*细线表格*/
em{font-style:normal;}
html{ overflow-y:scroll;font-size:16px;}/***默认让所有浏览器出现右边滚动条****/
.clear{font-size:0;line-height:0;height:0;clear:both;overflow:hidden;display:block;}
:focus{ outline: 0;}
/***默认清除浮动****/
body {font-family:"微软雅黑","sans-serif","Arial";}


.header{height: 27.5rem;width: 100%;margin: 0 auto;background: url(jyjsj_bg_20240508.png) top center no-repeat; background-size:auto 100%;}
.header_top{max-width: 1440px;margin: 0 auto; padding-top: 1rem; display: flex;justify-content: space-between;align-items: center;}
.header_top .logo{display: block; width: 6.63rem;}
.header_top .logo img{width: 100%;}
.header_top .slh{display: flex;}
.header_top .slh a{padding: 0.5rem 1rem;margin-right: 1rem; background-color: #e55c00;color: #fff; font-size: 1.13rem;white-space: nowrap;}
.header_top .slh a:last-child{margin-right: 0;}
.center{max-width: 1440px;margin: 0 auto; }
.center .cont{display: flex;justify-content: space-between;}
.center .cont .cont_left,.center .cont .cont_right{width: 48%;}
.swiper01 a{display: block;width: 100%;position: relative;}
.swiper01 a img{width: 100%;}
.swiper01 a p{padding: 1.5rem 15rem 1.5rem 1rem;box-sizing: border-box; position: absolute;bottom: 0;width: 100%;background: rgba(0, 0, 0, 0.42);font-size: 1.38rem;color: #fff;white-space:nowrap;overflow: hidden; text-overflow: ellipsis;}
.swiper01 .swiper-pagination{ text-align: right;bottom: 1.5rem;padding-right: 2rem; box-sizing: border-box;}
.swiper01 .swiper-pagination-bullet{width: 1.31rem; height: 1.31rem;background: #fff;border-radius: 0;opacity: 1;}
.swiper01 .swiper-pagination-bullet-active{background: #f8b551;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 0.5rem; }
.center .cont .cont_right{}
.center .first_cont{padding-top: 1rem;}
.title{height: 4.56rem;display: flex;justify-content: space-between;background: url(jyxw20200628_16.jpg);}
.title p{height: 100%; padding: 0 0.5rem 0 0;position: relative;font-size: 2rem;  line-height: 4.56rem;background-color: #fff;}
.title p::before{content: "";display: block; width: 3.69rem;height: 0.31rem;background-color: #f7c533;position: absolute;bottom: 0;left: 50%;transform: translate(-50%, 0);}
.title a{float: right;color: #333;font-weight: bold;padding: 0 10px;}
.title a:hover{text-decoration: none;}
.list {padding-top: 3rem;}
.list li{line-height: 4rem; padding-left: 1.2rem;position: relative;}
.list li::before{content: '';display: block; width: 0.5rem; height: 0.5rem;background-color: #f8b551;border-radius: 50%; position: absolute;left: 0;top: 50%;transform: translate(0, -50%);}
.list li a{display: block; font-size: 1.25rem;white-space:nowrap;overflow: hidden; text-overflow: ellipsis;} 
.center  .last_cont .cont_right{width: 100%;}
.last_cont .list li{display: flex;justify-content: space-between;align-items: center;}
.last_cont .list li span{font-size: 1.25rem;color: #6b6b6b;white-space: nowrap;}
.last_cont .list li a{flex-grow: 1;margin-right: 2rem;}
.last_cont .list li:hover{background: #ebd18f24;}
.center  .last_cont {margin-bottom: 4rem;}
.page {margin-top: 3.13rem; display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
.page a{padding: 0.38rem 0.7rem;margin:  0.15rem; display: block; background-color: #fff; color: #666666;text-decoration: none; border: solid 0.06rem #999999;}
.page a:hover{color: #fff;background-color: #2196F3;solid 0.06rem #2196F3;}
@media (min-width:1920px){
    .header{background: url(jyjsj_bg_20240508.png) center center no-repeat; background-size:100% auto;}
}

@media (max-width:1440px){
    html{font-size: 14px;} 
}
@media (max-width:1260px){
    html{font-size: 12px;} 
    .header{height: 32.875rem;}
}
@media (max-width:1024px){
    .header_top,.center{margin: 0 3%;}
    .header{height: 28.875rem;}
}
@media (max-width:830px){
    html{font-size: 10px;} 
}
@media (max-width:680px){
    .center .cont{flex-wrap: wrap;margin-top: 3rem;}
    .center .cont .cont_left, .center .cont .cont_right{width: 100%;}
    .center .cont .cont_left{margin-bottom: 3rem;}
    .header { height: 17.375rem;}
    .header_top .logo{margin-right: 3rem;}
    .header_top .slh a { padding: 0.5rem 0.6rem;font-size: 1rem;}
}
@media (max-width:390px){
    .header { height: 16.375rem;}
}