.titleBox{width:100%; float: left; overflow: hidden;margin:0px auto 20px auto;}
.titleBox h2{color:#333333; font-weight: 500;font-size:22px; text-align: center;margin: auto;}
.titleBox h5{color:#777777; font-weight: 500;font-size:12px; text-align: center;margin: 10px auto auto auto;}
.titleBox h5 span{padding:0px 10px;}
.ArtBack{display: none;}
.topRecord{font-size:14px;}
.main-box{padding: 20px 0 75px;}
.topRecord{padding: 0px 0 20px;}


.Pagination{clear: both;padding: 10px 0px;text-align: center;}
.Pagination span{padding: 5px 10px;margin: 0px 5px;background-color: #1c90d0;color: #FFFFFF;font-size: 12px;}
.Pagination a{padding: 5px 10px;margin: 0px 5px;background-color: #09ADC2;color: #FFFFFF;font-size: 12px;}
.Pagination a:hover{color: #FFEB3B;background-color: #FF9800;}

.main-boxs.case-box{max-width: unset;}
.main-boxs.case-box main{width:100%; max-width: unset;padding: 0px 2rem;}
.main-boxs.case-box main .row{margin:0px;}
.case-box.case-list main{border:0px;}
.title-h2{padding: 20px 0px 0px 0px; font-size:2rem;}
.title-time{font-weight: 300; font-size:14px;}
.case-box .card-img-c{height: auto;overflow: hidden; max-height:400px;}
.case-box .card-img-c img{height: 400px;}
.case-box .lh-2{margin-top:0px;}

.case-box ul{display:flex; justify-content: space-between; flex-wrap: wrap;}
.case-box ul li{width:calc(24% - 0px);margin:0;}
.case-box ul li:last-child:nth-child(4n - 1) {
    margin-right: calc(24% + 4% / 3);
}
.case-box ul li:last-child:nth-child(4n - 2) {
    margin-right: calc(48% + 8% / 3);
}
.case-box ul li:last-child:nth-child(4n - 3) {
    margin-right: calc(72% + 12% / 3);
}

.case-box figure{width:100%;padding: 0px 20px;}
.case-box .card-img-c{position: relative;
  width: 100%; /* 容器宽度 */
  padding-top: 133.33%; /* 宽高比为 (100/16:9) 的百分比 */}
.case-box .card-img-c img{position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* 裁剪并覆盖到容器 */}

.main-boxs.case-box.video-wrap main{border: 0px;padding: 0px;margin: 0;}
.video-wrap figure{width:100%;padding: 0px 0px;}
.video-wrap .card-img-c{position: relative;
  width: 100%; /* 容器宽度 */
  padding-top: 133.33%; /* 宽高比为 (100/16:9) 的百分比 */}
.video-wrap .card-img-c img{position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* 裁剪并覆盖到容器 */}
.case-box .card-img-c .img-dask:before{    background: rgb(0 0 0 / 50%);
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    border: 0;
    z-index: 15;}
.case-box .card-img-c:hover{cursor: pointer;}
.case-box .card-img-c:hover .img-dask:before{background: none;}
.video-wrap .card-img-c a{width:100%; height: 100%; position: absolute; top: 0;right: 0;bottom: 0;left: 0; display: flex; color:#FFFFFF;z-index: 10;align-items: center;justify-content: center;}
.video-wrap .card-img-c a:before{width:80px; height: 80px; display: flex; border-radius: 100px; content: "\e63e"; background: rgb(255 255 255 / 80%); font-family: "iconfont"; color:#000000;z-index: 20;align-items: center;justify-content: center;font-size: 1.5rem;}
.video-wrap .card-img-c:hover a:before{transform: translateY(-20px);width:80px; height: 80px; transition: 0.5s;background: rgb(0 0 0 / 80%); color:#FFFFFF;}

.main-boxs.news-box main{width: 100%;padding: 0px 3rem;}
.news-content{ margin: 10px auto;padding: 0px 0px;padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;border-bottom:1px solid rgba(17,17,17,.1);}
.news-wrap{display: flex;padding: 20px 0px;}
.news-content .news-img{display: flex;; width: 60%; vertical-align: top;flex-shrink: 0;}
.news-content .news-img img{max-width: 100%;}
.news-content .news-panel{display: flex;padding: 0px 20px 0px 60px;width: auto;flex-direction: column; box-sizing: border-box;overflow: hidden;}
.news-content .news-panel strong a{display: block; color: #000; font-size: 1.6rem; line-height: 1.5; overflow: hidden;}
.news-content .news-panel .detail{color: #555;line-height: 1.8;font-size: 16px;padding-top: 0.5rem;}
.news-content .news-panel .more{font-size:14px;color: var(--color4);text-decoration: underline;}
.news-content .news-panel .read-push{color: var(--color4); font-size: 15px;margin-top: 1rem;}
.news-more{margin-top:auto;}

.news-box main h2{font-size:1.5rem;}
.title-time{font-size:14px; font-weight: 300;}

.news-box .news-info{padding-top: 2rem; color:#000;max-width: 800px;margin: auto;}
.news-box .news-info img{width:100% !important; height: auto !important; margin:1rem auto;}
.news-box .news-info p{ font-size:1rem !important; line-height: 2 !important;}
.news-box .news-info b,.news-box .news-info strong{font-size:1.5rem !important; padding-bottom:1rem;}

@media screen and (max-width: 1600px){.case-box .card-img-c{height: 380px;}}
@media screen and (max-width: 1440px){.case-box .card-img-c{height: 350px;}
@media screen and (max-width: 1366px){.case-box .card-img-c{height: 330px;}}
@media screen and (max-width: 1280px){.case-box .card-img-c{height: 325px;}}
@media screen and (max-width: 1200px){.case-box .card-img-c{height: 320px;}}
@media screen and (max-width: 1024px){.case-box .card-img-c{height: 320px;}}
@media screen and (max-width: 1023px)
{
	.news-wrap{flex-direction: column;}
	.news-content .news-img{width:100%;}
	.news-content .news-img img{width:100%;max-width:100%;}
	.news-content .news-panel{width: 100%;padding: 1rem;}
}
@media screen and (max-width: 767px)
{
	
}
@media screen and (max-width: 425px)
{
	
}
@media screen and (max-width: 414px)
{
	
}


@media screen and (max-width: 375px)
{
	
}

@media screen and (max-width: 360px)
{
	
}

@media screen and (max-width: 320px)
{
	
}

.container.cp_container{padding:0px;margin: auto;}

.artCont{width:100%;word-wrap: break-word;word-break: normal;}
.artCont .cpyy_list img{width:100%; max-width: 100%; max-height: 300px;}
.artCont .cpyy_list p{text-align: center;  padding:10px 0px;}
.artCont img{max-width:100%;}

.ny-list-anli img{max-width: 100%;}

@media screen and (max-width: 1600px)
{
	.main-boxs.case-box{max-width: 1400px;}
}
@media screen and (max-width: 1500px)
{
	.main-boxs.case-box{max-width: 1280px;}
}
@media screen and (max-width: 1366px)
{
	.main-boxs.case-box{max-width: 1200px;}
}

@media only screen and (max-width: 1199px) {
	.titleBox h2{font-size:20px;}
	
}

@media screen and (max-width: 1023px)
{
	
	
}
@media (min-width: 375px) and (max-width: 767px)
{
	
}
@media (min-width: 321px) and (max-width: 375px)
{
	
	
}
@media screen and (max-width: 320px)
{
	
	
}