.indspace{padding-top: 60px;position: relative;overflow: hidden;    background: #f5f5f5;}
.case-menu{width: 100%;font-size: 0;margin-top: 32px;user-select: none;text-align: center;}
.case-menu li{display: inline-block;vertical-align: middle;margin: 0 54px;cursor: pointer;text-align: center;}
.case-menuimg{width: 100%;height: 84px;line-height: 84px;display: flex;align-items: center;}
.case-menuimg img{max-width: 100%;max-height: 100%;transition: all .4s ease;margin: 0 auto;}
.case-yimg{display: block;}
.case-himg{display: none;}
.case-menu li p{font-size: 16px;color: #666;margin-top: 10px;transition: all .4s ease;}
.case-menu li:hover .case-yimg{display: none;}
.case-menu li:hover .case-himg{display: block;}
.case-menu li:hover p{color: #ad1f24;}
.case-menu li.ontrue .case-yimg{display: none;}
.case-menu li.ontrue .case-himg{display: block;}
.case-menu li.ontrue p{color: #ad1f24;}
.case-loop{width: 100%;position: relative;margin-top: 52px;line-height: 0;}
.case-imgwd{width: 100%;position: relative;}
.case-img{width: 100%;height: 606px;object-fit: cover;}
.case-wd{position: absolute;top: 0;right: -160px;width: 400px;height: 500px;padding: 132px 36px 0;background: #ad1f24;box-shadow: 0 6px 16px 6px rgba(0, 0, 0, .3);}
.case-wd img{position: absolute;top: 48px;right: 36px;}
.case-wdft{width: 100%;color: #fff;}
.case-wdft h6{font-size: 28px;line-height: 1;}
.case-wdft i{display: block;width: 40px;height: 3px;margin: 26px 0 32px;background: rgba(255, 255, 255, .3);}
.case-wdft p{font-size: 14px;line-height: 26px;height: 78px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.case-wdft a{display: inline-block;margin-top: 44px;}
.case-wdft a span, .case-wdft a b{display: inline-block;vertical-align: middle;}
.case-wdft a span{font-size: 14px;margin-right: 14px;color: #fff;}
.case-wdft a b{width: 30px;height: 30px;border-radius: 50%;overflow: hidden;background: #fff url('../images/casearr.png') no-repeat center;}
.case-wdft a:hover b{animation: casearr .6s linear both;}
@keyframes casearr{0%{background-position: center center;}60%{background-position: 30px center;}60.0001%{background-position: -30px center;}100%{background-position: center center;}}
.case-wdft h6, .case-wdft i, .case-wdft p, .case-wdft a{opacity: 0;}
.swiper-slide-active .case-wdft h6{animation: casewdDh 1s ease both .7s;}
.swiper-slide-active .case-wdft i{animation: casewdDh 1s ease both .9s;}
.swiper-slide-active .case-wdft p{animation: casewdDh 1s ease both 1.1s;}
.swiper-slide-active .case-wdft a{animation: casewdDh 1s ease both 1.3s;}
@keyframes casewdDh {0%{transform: translateY(28px);opacity: 0;}100%{transform: translateY(0);opacity: 1;}}




@media all and (max-width:1700px) {
.indspace {padding-top: 60px;}
    .banner .swiper-pagination, .banner-scroll{bottom: 36px;}
    .indspace {padding-top: 60px;}
    .case-wd{right: -120px;}
    .product-wd li{width: 460px;}
    .product-wdtit h6{font-size: 42px;}
    .news {padding-bottom: 88px;}
}

@media all and (max-width:1599px) {

  .indspace {padding-top: 60px;}
    .case-wd{right: -80px;height: 468px;padding: 120px 36px 0;width: 368px;}
    .case-wdft h6 {font-size: 30px;}
    .case-wd img{top: 36px;}
    .case-img {height: 568px;}
    .case-loop, .product-imgwd{margin-top: 48px;}
}

@media all and (max-width:1439px) {
.indspace {padding-top: 60px;}
    .case-wd img{max-width: 100px;}
    .case-wd {height: 436px;padding: 100px 36px 0;}
    .case-img {height: 524px;}
   
}

@media all and (max-width:1359px) {

    .case-wd{width: 346px;right: -60px;}
   
}

@media all and (max-width:1279px) {

  .indspace {padding-top: 60px;}
    .case-menu li {margin: 0 48px;}
    .case-wd img {max-width: 88px;top: 28px;right: 28px;}
    .case-wd {height: 368px;padding: 78px 28px 0;width: 320px;}
    .case-wdft i {width: 40px;margin: 22px 0 24px;}
    .case-wdft a {margin-top: 34px;}
    .case-img {height: 448px;}
    
}

@media all and (max-width:1151px) {
 
    .case-menu li {margin: 0 38px;}
    .case-menuimg{height: 68px;line-height: 68px;}
    .case-wd{right: -20px;}
    .case-wdft h6 {font-size: 24px;}
    
}


@media all and (max-width:1000px) {

    .case-menu li {margin: 0 28px;}
    .case-menuimg {height: 58px;line-height: 58px;}
   
    .case-wd img {max-width: 68px;top: 24px;right: 20px;}
    .case-wdft h6 {font-size: 20px;}
    .case-wdft i {width: 38px;margin: 18px 0;}
    .case-wdft a {margin-top: 28px;}
    .case-wd {height: 340px;padding: 78px 20px 0;width: 300px;}
    .case-img {height: 400px;}
    .case-loop, .product-imgwd {margin-top: 40px;}
    
	
	.commPadding{padding: 40px 0 40px 0;}
	
	.section {
    padding: 40px 0;
}

	
}
@media all and (max-width:640px) {

   .indspace {padding-top: 40px;}
    .case-menuimg {height: 40px;line-height: 40px;}
    .case-menu li p {font-size: 14px;margin-top: 10px;}
    .case-menu{margin-top: 10px;}
    .case-menu li {margin: 0 20px;margin-top: 0;margin-bottom: 15px;}
    .case-img {height: auto;}
    .case-wd {position: relative;right: auto;left: 0;top: 0;height: auto;padding: 48px 4% 38px;width: 100%;box-shadow: none;}
    .case-wdft a {margin-top: 24px;}
    .case-loop, .product-imgwd {margin-top: 32px;}
    
}