.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{width:100%;max-width:unset;}
.main-boxs.case-box main{width:85.8%; /*max-width: 1200px;*/padding: 0px;border: 0px;}
.main-boxs.case-box main .row{margin:0px;}
.title-h2{padding: 20px 0px 0px 0px; font-size:1.6rem;}
.title-time{font-weight: 300; font-size:14px;}

.news-content{ margin: 10px auto;padding: 0px 10px;}
.news-wrap{border-bottom:1px dashed #ccc;padding: 20px 0px;}
.news-content .news-img{display: inline-block; width: 30%; vertical-align: top;}
.news-content .news-img img{max-width: 90%;}
.news-content .news-panel{display: inline-block; width: 65%; vertical-align: top; padding-left: 5px; box-sizing: border-box;}
.news-content .news-panel strong a{display: block; color: #555; font-size: 18px; line-height: 26px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.news-content .news-panel p.detail{color: #777; line-height: 24px;}
.news-content .news-panel p.read-push{color: #AAA; padding-top: 5px;}

@media screen and (max-width: 1023px)
{
	.news-c{width:100%;}
}
@media  screen and (max-width: 767px)
{
	.news-wrap{display:flex;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 0px;}
	
}
@media  screen and (max-width: 414px)
{
	
}
@media  screen and (max-width: 375px)
{
	
	
}
@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%;}




/*============================================
CaseBox
===========================================*/
/*caseLyBox*/
.CaseBox .caseLyBox{min-height: 1px;width:100%;margin:0px;padding: 0px;}
.CaseBox .caseLy{padding:0px 0px 0px 0px; margin:0 auto; margin-top:25px; width:100%; display:none;}
.CaseBox .list{padding:0px 0px 0px 0px; margin:0 auto; margin-top:25px; width:100%;list-style:none; border:0;display: flex;flex-wrap: wrap;}
.row {display: block;flex-wrap: wrap;margin-right: -15px; margin-left: -15px;}
.CaseBox .caseTu{width:100%; padding:0px 0; float:left;margin:0; list-style:none; border:0;}
.caseTuBox .aboutBdiv2{}
.CaseBox .caseTu .caseTuBox{ border:1px solid #e9e9e9;margin-right:15px;margin-left:15px;margin-bottom:15px;margin-top:15px;}
.CaseBox .caseTu .bt{ display:block;/*background:#f5f5f5;padding: 1rem 2rem !important;*/padding: 1rem 0 20px 0 !important;}
.CaseBox .caseTu .bt .title{border-bottom:1px solid #e9e9e9;width:auto;height: auto;line-height: normal;float:unset;text-indent: unset;    padding-bottom: 10px;}
.CaseBox .caseTu .bt .title .t1{overflow:hidden; font-size:20px !important;}
.CaseBox .caseTu .bt .title .t1 a{ color:#333333;}
.CaseBox .caseTu .bt .title .t2{ color:#a0a0a0; overflow:hidden;}

.CaseBox .caseTu .bt .title ul{padding: 5px 0px;display: flex;justify-content: space-between;}
.CaseBox .caseTu .bt .title ul li{display: flex;margin: 0;align-items: center;padding-right: 2px;font-size: 16px;}
.CaseBox .caseTu .bt .title ul li h5{font-size: 16px;margin: 0px;padding: 0px;margin-right: 5px;}
.CaseBox .caseTu .bt .desc{padding: 1rem 2rem 0px 2rem;font-size: 14px;line-height: 1.8;/*height: 90px;overflow: hidden;*/}

.CaseBox .caseTu .bt{padding:5.357142857142857vw 0 13.75vw 0;}
.CaseBox .caseTu .bt .title{margin:0 6.071428571428571vw 0 6.071428571428571vw;}
.CaseBox .caseTu .bt .title .t1{font-size:4.285714285714286vw;line-height:8.035714285714286vw;height:8.035714285714286vw;}
.CaseBox .caseTu .bt .title .t2{font-size: 16px !important; color:#666  !important;font-weight: 300;font-family: hwhm-l;}
.case-cont{text-align: center;}
.case-cont .case-desc{max-width:1000px; padding:2rem;margin: auto;}
.case-desc ul{width:100%; list-style: none;}
.case-desc ul li{width:100%; display:flex; list-style: none;justify-content: flex-start;font-size: 24px;align-items: baseline;color: #000;}
.case-desc ul li h5{width:120px; flex-shrink: 0; text-align: left;font-size: 24px;}
.case-desc ul li p{text-align: left;}

@media (min-width: 557px) {
.CaseBox .caseTu{width:50%;}
.CaseBox .caseTu .bt{padding:1.818181818181818vw 0 6.493506493506494vw 0;}
.CaseBox .caseTu .bt .title{margin:0 2.597402597402597vw 0 2.597402597402597vw;}
.CaseBox .caseTu .bt .title .t1{font-size:1.948051948051948vw;line-height:3.896103896103896vw;height:3.896103896103896vw;}
.CaseBox .caseTu .bt .title .t2{ font-size:1.558441558441558vw;line-height:3.896103896103896vw;height:3.896103896103896vw;margin-bottom:1.298701298701299vw;}
}

@media (min-width: 768px) {
.row {display: flex;}
.CaseBox .caseTu{width:33.33%;}
.CaseBox .caseTu .bt{padding:1.770833333333333vw 0 4.427083333333333vw 0;}
.CaseBox .caseTu .bt .title{margin:0 1.979166666666667vw 0 1.979166666666667vw;}
.CaseBox .caseTu .bt .title .t1{font-size:1.354166666666667vw;line-height:2.291666666666667vw;height:2.291666666666667vw;}
.CaseBox .caseTu .bt .title .t2{ font-size:1.041666666666667vw;line-height:2.083333333333333vw;height:2.083333333333333vw;margin-bottom:1.197916666666667vw;}
}
@media (width: 1920px) {
.row {display: flex;}
.CaseBox .caseTu{width:33.33%;}
.CaseBox .caseTu .bt{padding:34px 0px 85px 0px;}
.CaseBox .caseTu .bt .title{margin:0 38px 0 38px;}
.CaseBox .caseTu .bt .title .t1{font-size:26px;line-height:44px;height:44px;}
.CaseBox .caseTu .bt .title .t2{ font-size:20px;line-height:40px;height:40px;margin-bottom:23px;}
}


/*caption */
.CaseBox .aboutBdiv2 a .caption {position: absolute;top: 0;bottom: 0;right: 0;left: 0;display: flex;flex-direction: column;justify-content: center;padding: 15px;
background-color: rgba(4, 38, 161, 0.6);transition: 250ms ease-in-out;}
.CaseBox .aboutBdiv2 a .caption > * {color: #fff;}
.CaseBox .aboutBdiv2 a .caption > * + * {margin-top: 5px;}
.CaseBox .aboutBdiv2 a{position: relative;display: block;text-align: center;overflow: hidden;cursor: pointer;width: 100%;}
.CaseBox .aboutBdiv2 a img {width: 100%;}
.CaseBox .aboutBdiv2 a .icon {font-size: 30px;}
.CaseBox .aboutBdiv2 a .arrow-right {font-size: 30px;}
.CaseBox .aboutBdiv2 a .list-inline-tag {font-size: 12px;font-style: italic;}
.CaseBox .aboutBdiv2 a .label-custom {position: absolute;z-index: 11;top: 18px;left: 18px;padding: 2px 7px;font-size: 12px;font-style: italic;background-color: #fff;border-radius: 4px;color: #000;}
.CaseBox .aboutBdiv2 a img {width: 100%;height: auto;max-width: 100%;}
.CaseBox .aboutBdiv2 a .caption {opacity: 0;transform: scale(0.8);}

.CaseBox .aboutBdiv2 a .hover-top-element {opacity: 0;transform: translateY(30px);transition: 250ms 320ms linear;}
.CaseBox .aboutBdiv2 a .hover-bottom-element {opacity: 0;transform: translateY(-40px);transition: 250ms 320ms linear;}
.CaseBox .aboutBdiv2 a:hover .hover-top-element, .CaseBox .aboutBdiv2 a:hover .hover-bottom-element {opacity: 1;transform: translateY(0);}
.CaseBox .aboutBdiv2 a .icon {display: inline-block;line-height: 1;text-align: center;}
.CaseBox .aboutBdiv2 a .icon:before{display: inline-block;font-weight: 400;font-style: normal;speak: none;text-transform: none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing: grayscale;}
.CaseBox .aboutBdiv2 a .linear-icon-picture:before {content:"";background:url(../images/icon_pic.png) no-repeat center center;background-size:30px; width:30px;height:30px;}
.CaseBox .aboutBdiv2 a .list-inline-tag li {display: inline-block;font-size: 14px;font-style: italic; line-height:22px;}
.CaseBox .aboutBdiv2 a .linear-icon-plus:before {content: ""; background:url(../images/icon_plus.png) no-repeat center center;background-size:30px; width:30px;height:30px;}
.CaseBox .aboutBdiv2 a h5, .CaseBox .aboutBdiv2 a .heading-5 {font-size: 16px;font-weight: 600;line-height: 1.45;}
@media (min-width: 768px) {
    .CaseBox .aboutBdiv2 a h5, .CaseBox .aboutBdiv2 a .heading-5 {font-size: 20px;line-height: 1.5;}
}
.CaseBox .aboutBdiv2 a .divider {display: block;width: 100%;height: 1px;background: #ececee;}
.CaseBox .aboutBdiv2 a .caption .divider {position: relative;margin-top: 8px;margin-bottom: 8px;max-width: 116px;margin-left: auto;margin-right: auto;}
.CaseBox .aboutBdiv2 a .caption .divider {background: transparent;}
.CaseBox .aboutBdiv2 a .caption .divider:before {position: absolute;content: "";display: inline-block;left: 50%;right: 50%;height: 1px;background-color: #fff;transition: 250ms 280ms ease-in-out;}
.CaseBox .aboutBdiv2 a .small {display: block;font-size: 14px;line-height: 1.71429;}
@media (min-width: 1200px) {
	.CaseBox .aboutBdiv2 a .small {font-size: 16px;line-height: 1.625;}
}
@media (min-width: 1200px) {
.CaseBox .aboutBdiv2 a .icon {font-size: 40px;}
.CaseBox .aboutBdiv2 a .linear-icon-picture:before {content:"";background:url(../images/icon_pic.png) no-repeat center center; background-size:40px; width:40px;height:40px;}
.CaseBox .aboutBdiv2 a .linear-icon-plus:before {content: "";background:url(../images/icon_plus.png) no-repeat center center; background-size:40px; width:40px;height:40px;}
.CaseBox .aboutBdiv2 a .caption {padding: 50px 55px 45px;}
.CaseBox .aboutBdiv2 a .caption > * + * {margin-top: 0px;}
.CaseBox .aboutBdiv2 a .caption .divider {margin-top: 19px;margin-bottom: 19px;}
.CaseBox .aboutBdiv2 a .arrow-right {position: absolute;right: 18px;bottom: 13px;}
}
/*caption hover*/
.CaseBox .aboutBdiv2 a:hover .caption {opacity: 1;transform: scale(1);}
.CaseBox .aboutBdiv2 a:hover img {filter: blur(3px);}
.CaseBox .aboutBdiv2 a:hover .caption .hover-top-element, .CaseBox .caseMenu ul li a:hover  .caption .hover-bottom-element {opacity: 1;transform: translateY(0);}
.CaseBox .aboutBdiv2 a:hover .caption .divider:before {left: 0;right: 0;}
@keyframes hover-blur {
    100% { filter: blur(3px);}
}



/*readmore*/
.CaseBox .readmore { width:100%;margin:0 auto;text-align:center;margin-bottom:77px;margin-top:45px;}
.CaseBox .readmore a{ width:45%; display:block;margin:0 auto;text-align:center; border-radius:5px; background: #61cdda; color:#fff; line-height:40px; height:40px; font-size:14px;}
.CaseBox .readmore a:hover{background:#59bcc7;}
.CaseBox .readmore { margin-bottom:13.75vw;margin-top:8.035714285714286vw;}
.CaseBox .readmore a{ width:40.53571428571429vw;line-height:9.821428571428571vw; height:9.821428571428571vw;font-size:2.857142857142857vw;}	

@media (min-width: 557px) {
.CaseBox .readmore { margin-bottom:10vw;margin-top:5.844155844155844vw;}
.CaseBox .readmore a{ width:29.48051948051948vw;line-height:7.142857142857143vw; height:7.142857142857143vw;font-size:2.077922077922078vw;}	
}
@media (min-width: 768px) {
.CaseBox .readmore { margin-bottom:7.7vw;margin-top:4.5vw;}
.CaseBox .readmore a{ width:22.7vw;line-height:5.5vw; height:5.5vw;font-size:1.6vw;}	
}

@media (min-width: 1009px) {
.CaseBox .readmore { margin-bottom:77px;margin-top:45px;}
.CaseBox .readmore a{ width:227px;line-height:55px; height:55px;font-size:16px;}	
}


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

@media screen and (max-width: 1023px)
{
	
	.main-boxs.case-info main img{height:auto !important;}
}
@media (min-width: 375px) and (max-width: 767px)
{
	
}
@media (min-width: 321px) and (max-width: 375px)
{
	
	
}
@media screen and (max-width: 320px)
{
	
	
}

.main-boxs.case-box {
    max-width: unset;width: 100%;
    padding: 0px 7vw;
    margin: 0px;
}

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

.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) 的百分比 */
padding-top: 56.25%; }
.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 / 5%);
    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 / 10%); 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 / 10%); color:#FFFFFF;}