.banner-case { position: relative; overflow: hidden; }
.banner-case .img-div { display: block; margin: 0 auto; }
.banner-case .cont { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding-bottom: 90px; background-color: rgba(0, 0, 0, 0.33); color: #ffffff; }
.banner-case .cont .cont-des { font-size: 20px; line-height: 1.4em; }
.banner-case .cont .cont-title { font-size: 58px; line-height: 1.4em; letter-spacing: 1px; }
@media (max-width: 1660px) {
.banner-case .cont { padding-bottom: 80px; }
.banner-case .cont .cont-des { font-size: 19px; }
.banner-case .cont .cont-title { margin-top: 5px; font-size: 54px; }
}
@media (max-width: 1550px) {
.banner-case .cont { padding-bottom: 70px; }
.banner-case .cont .cont-des { font-size: 18px; }
.banner-case .cont .cont-title { font-size: 50px; }
}
@media (max-width: 1400px) {
.banner-case .cont { padding-bottom: 60px; }
.banner-case .cont .cont-des { font-size: 16px; }
.banner-case .cont .cont-title { font-size: 40px; }
}
@media (max-width: 1300px) {
.banner-case .cont { padding-bottom: 50px; }
.banner-case .cont .cont-title { font-size: 36px; }
}
.case-block {
 --ww: var(--wrap-1760-width); overflow: hidden; }
.case-block .case-top { padding-top: 80px; }
.case-block .case-top .cont-text { width: 49.43%; }
.case-block .case-top .cont-title { font-size: 42px; font-weight: bold; line-height: 1.4em; color: #222222; }
.case-block .case-top .cont-des { margin-top: 30px; margin-bottom: 30px; font-size: 20px; line-height: 1.65em; color: #777777; }
.case-block .case-top .right-cont { width: 31.818%; }
.case-block .case-top .right-cont .big-txt { margin-left: -0.07em; font-family: DIN-Bold; font-weight: bold;  font-size: calc(var(--ww)*0.1755);
line-height: 0.8em; letter-spacing: -0.05em; color: #777777; opacity: 0.17; }
.case-block .select-list .line { margin: 0 55px; width: 1px; height: 16px; background-color: #dedede; }
.case-block .index-case2 { padding-top: 10px; padding-bottom: 80px; }
@media (max-width: 1660px) {
.case-block .case-top { padding-top: 70px; }
.case-block .case-top .cont-title { font-size: 38px; }
.case-block .case-top .cont-des { margin-top: 20px; margin-bottom: 20px; font-size: 18px; }
.case-block .select-list .line { margin: 0 50px; }
.case-block .index-case2 { padding-top: 10px; padding-bottom: 70px; }
}
@media (max-width: 1550px) {
.case-block .case-top { padding-top: 60px; }
.case-block .case-top .cont-title { font-size: 34px; }
.case-block .case-top .cont-des { margin-top: 15px; margin-bottom: 15px; font-size: 16px; }
.case-block .select-list .line { margin: 0 45px; }
.case-block .index-case2 { padding-top: 10px; padding-bottom: 60px; }
.case-block .page-btn-box { padding-top: 40px; }
}
@media (max-width: 1400px) {
.case-block .case-top { padding-top: 50px; }
.case-block .case-top .cont-title { font-size: 32px; }
.case-block .select-list .line { margin: 0 40px; }
.case-block .index-case2 { padding-top: 10px; padding-bottom: 50px; }
.case-block .page-btn-box { padding-top: 30px; }
}
@media (max-width: 1300px) {
.case-block .case-top { padding-top: 45px; }
.case-block .case-top .cont-title { font-size: 30px; }
.case-block .index-case2 { padding-top: 10px; }
.case-block .page-btn-box { padding-top: 25px; }
}
@media (max-width: 1200px) {
.case-block .case-top { padding-top: 7%; }
.case-block .case-top .right-cont { display: none; }
.case-block .case-top .cont-text { width: 100%; }
.case-block .case-top .cont-title { font-size: 26px; }
.case-block .index-case2 { padding-top: 1%; }
}
@media (max-width: 960px) {
.case-block .case-top .cont-title { font-size: 24px; }
.case-block .case-top .cont-des { font-size: 15px; }
}
@media (max-width: 640px) {
.case-block .case-top .cont-title { font-size: 22px; }
.case-block .case-top .cont-des { font-size: 14px; }
}
.index-case2 {
 --w: var(--wrap-1760-width); position: relative;  padding: calc(var(--w)*0.0714) 0 70px;
color: #222222; }
.index-case2 .auto-title-block { padding: 30px calc((var(--wrap-1760-width) - var(--wrap-1680-width))/2) 50px; }
.index-case2 .list2 {
 --p: 26px;
 margin: calc(var(--p)*-1); margin: -26px; }
.index-case2 .list2 .list2-li { padding: 26px; }
.index-case2 .list2 .list2-box { display: block; overflow: hidden; background: transparent; transform: translateY(0); border-radius: 0px; transition: all 0.3s; }
.index-case2 .list2 .list2-box:hover { transform: translateY(-15px); background: #ffffff; box-shadow: 0px 4px 29px 0px rgba(0, 0, 0, 0.11); border-radius: 10px; }
.index-case2 .list2 .list2-box .video { width: 100%; height: 100.2%; object-fit: cover; position: absolute; top: 0; left: 0; z-index: 1; }
.index-case2 .list2 .img-box::before { padding-top: 63.58%; }
.index-case2 .list2 .cont { padding: 27px 40px; transition: padding 0.3s; }
.index-case2 .list2 .cont .list2-title { font-size: 28px; line-height: 1.4em; color: #222222; }
.index-case2 .list2 .cont .list2-type { margin-top: 6px; font-size: 15px; line-height: 1.4em; color: #888888; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }


.prolist ul{ margin:0;}
.prolist ul li{ padding:15px; margin-bottom: 50px; width:100%; list-style:none; clear:both; display:block; overflow:hidden;background: #ffffff; box-shadow: 0px 4px 29px 0px rgba(0, 0, 0, 0.11); transform: translateY(0); border-radius: 0px; transition: all 0.3s; }

.prolist ul li:hover { transform: translateY(-15px);  border-radius: 10px;box-shadow: 0px 4px 29px 0px rgba(0, 0, 0, 0.2);  }



.prolist ul li a{ display:block; background:#fff; position:relative; overflow:hidden;}
.prolist ul li a i{ display:block; float: left; width: 40%; }
.prolist ul li a i .imgbox{  width: 100%; padding-bottom:50%; position:relative; overflow:hidden;}
.prolist ul li a i img{ position:absolute; display:block;
            transition: transform 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            will-change: transform;}

.prolist ul li a h4{ font-size:22px; color:#333;}
.prolist ul li a h5{ font-size:18px; color:#F18D0F;}
.prolist ul li a .txt{display: block; float:right; width: 60%; padding-left: 30px;}
.prolist ul li a .txt .tit{   }
.prolist ul li a .txt .ls{    font-size: 16px;color: #666666;font-family: arial;line-height:2;}
.prolist ul li a:after {content: '';position: absolute;bottom: 0;left: 50%;width: 0%;height: 4px;background: #1e4588;transition: all .4s ease;-webkit-transition: all .4s ease;}
.prolist ul li a:hover:after {width: 100%;left: 0%;}

.prolist ul li a:hover h4 {color:#1890FF;}




@media (max-width: 1660px) {
.index-case2 .auto-title-block { padding-bottom: 45px; }
.index-case2 .list2 {
 --p: 24px; margin: -24px; }
.index-case2 .list2 .list2-li { padding: 24px; }
.index-case2 .list2 .list2-box:hover .cont { transform: translateY(-10px); }
.index-case2 .list2 .cont { padding: 24px 35px; }
.index-case2 .list2 .cont .list2-title { font-size: 26px; }
.index-case2 .list2 .cont .list2-type { margin-top: 5px; }
}
@media (max-width: 1550px) {
.index-case2 { padding-bottom: 50px; }
.index-case2 .auto-title-block { padding-bottom: 40px; }
.index-case2 .list2 {
 --p: 15px; margin: -15px; }
.index-case2 .list2 .list2-li { padding: 15px; }
.index-case2 .list2 .list2-box:hover .cont { transform: translateY(-5px); }
.index-case2 .list2 .cont { padding: 22px 25px; }
.index-case2 .list2 .cont .list2-title { font-size: 24px; }
.index-case2 .list2 .cont .list2-type { font-size: 14px; }
}
@media (max-width: 1400px) {
.index-case2 .list2 {
 --p: 13px; margin: -13px; }
.index-case2 .list2 .list2-li { padding: 13px; }
.index-case2 .list2 .list2-box:hover .cont { transform: translateY(-3px); }
.index-case2 .list2 .cont { padding: 18px 20px; }
.index-case2 .list2 .cont .list2-title { font-size: 22px; }
.index-case2 .list2 .cont .list2-type { margin-top: 3px; }

.prolist ul li a i .imgbox{  width: 100%; padding-bottom:66%; position:relative; overflow:hidden;}
}





 @media (max-width: 1200px) {
.index-case2 .list2 .cont .list2-title { font-size: 20px; }
.index-case2 .list2 { margin: -10px; }
.index-case2 .list2 .list2-li { padding: 10px; }





}



 @media (max-width: 1200px) {
.index-case2 .list2 .cont .list2-title { font-size: 20px; }
.index-case2 .list2 { margin: -10px; }
.index-case2 .list2 .list2-li { padding: 10px; }





}



@media (max-width: 960px) {
.index-case2 .list2 { margin: -8px; }
.index-case2 .list2 .list2-li { width: 50%; padding: 8px; }
.index-case2 .list2 .cont .list2-title { font-size: 18px }




}
@media (max-width: 640px) {
.index-case2 .list2 .cont { padding: 18px 10px; }

.prolist ul{ margin:0;}
.prolist ul li{ padding:5px 0; margin-bottom:25px;}
.prolist ul li a i{ width:100%; float:left; }

.prolist ul li a .txt{ width:100%; float:right; padding:15px;}
.prolist ul li a .txt .tit{  }
.prolist ul li a:before,.prolist ul li a:after{ content:""; display:block; clear:both; opacity:0; position:relative; height:0;}
.prolist ul li a .txt .ls{ margin-top:5px;}
	
	.prolist ul li a .txt .ls p{	overflow: hidden; display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}


}
@media (max-width: 480px) {
.index-case2 .list2 { margin: -5px; }
.index-case2 .list2 .list2-li { padding: 5px; }
.index-case2 .list2 .cont .list2-title { font-size: 16px }
.index-case2 .list2 .cont .list2-type { font-size: 13px; }
}