@-webkit-keyframes animationOpacity {
  0% {
    opacity: 1
  }
  90% {
    opacity: 0
  }
}
@-moz-keyframes animationOpacity {
  0% {
    opacity: 1
  }
  90% {
    opacity: 0
  }
}
@-o-keyframes animationOpacity {
  0% {
    opacity: 1
  }
  90% {
    opacity: 0
  }
}
@keyframes animationOpacity {
  0% {
    opacity: 1
  }
  90% {
    opacity: 0
  }
}
@-webkit-keyframes shake {
  from, to {
    transform: translate3d(0, 0, 0)
  }
  20%, 60% {
    transform: translate3d(-10px, 0, 0)
  }
  40%, 80% {
    transform: translate3d(10px, 0, 0)
  }
}
@-moz-keyframes shake {
  from, to {
    transform: translate3d(0, 0, 0)
  }
  20%, 60% {
    transform: translate3d(-10px, 0, 0)
  }
  40%, 80% {
    transform: translate3d(10px, 0, 0)
  }
}
@-o-keyframes shake {
  from, to {
    transform: translate3d(0, 0, 0)
  }
  20%, 60% {
    transform: translate3d(-10px, 0, 0)
  }
  40%, 80% {
    transform: translate3d(10px, 0, 0)
  }
}
@keyframes shake {
  from, to {
    transform: translate3d(0, 0, 0)
  }
  20%, 60% {
    transform: translate3d(-10px, 0, 0)
  }
  40%, 80% {
    transform: translate3d(10px, 0, 0)
  }
}
.introduce_box {
  padding-top: 50px;
  padding-bottom: 50px
}
.introduce_box h1 {
  font-size: 36px;
  font-weight: bold;
  color: #000000;
  margin-bottom: 20px
}
.introduce_box h4 {
  color: rgba(0, 0, 0, 0.4);
  line-height: 2;
  max-width: 670px
}
.introduce_box .right_box .imgs_box {
  max-width: 480px
}
.introduce_box .right_box .imgs_box:hover img {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -moz-transform: scale(1.2)
}
.finished_box {
  background: #fff
}
.finished_box h1 {
  font-size: 34px;
  color: #000000
}
.finished_list {
  text-align: center
}
.finished_list li:hover img {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -moz-transform: scale(1.2)
}
.finished_list li:hover h2 {
  color: #3f5aba
}
.finished_list h2 {
  font-size: 24px;
  color: #222222;
  line-height: 50px
}
.mold_boss{width: 100%;position: relative; padding-top: calc(100px + 10vw);}
.mold_boss h1{font-size:40px;text-align: center;display: block; color: #fff;display: block;margin-bottom: calc(25px + 2.5vw);white-space:nowrap;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;
overflow:hidden;}
.mold_boss:before{width: 100%;height: 100%;content: '';z-index: -1;background: url(../images/mould_back.jpg) no-repeat;background-size: cover;position: fixed;top: 0;left: 0;}
.mold_boss .mold_list{margin-bottom: calc(25px + 4vw);}
.mold_boss .mold_list ul{}
.mold_boss .mold_list ul li{margin-bottom: 10px;background: rgba(255,255,255,0.95);}
.mold_boss .mold_list ul li .img{width: 50%;float: left;overflow: hidden;}
.mold_boss .mold_list ul li .img img{width: 100%;transition: all 0.5s ease;-ms-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;display: block;}
.mold_boss .mold_list ul li .img:hover img{transform: scale(1.1);}
.mold_boss .mold_list ul li .text{width: 50%;float: right;color: #000;}
.mold_boss .mold_list ul li .text h2{font-size: 28px;display: block;margin-bottom: calc(15px + 1vw); padding: calc(10px + 3vw) 90px 0;}
.mold_boss .mold_list ul li .text .font{font-size: 17px;display: block;opacity: 0.6; padding: 0 90px;line-height: 1.6;margin-bottom:calc(20px + 1.5vw);display: -webkit-box;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
.mold_boss .mold_list ul li .swiimg_box{width: 100%;box-sizing: border-box;padding: 0 90px;position: relative;}
.mold_boss .mold_list ul li .swiimg_box .swiper-button{width: 60px;height:60px;border: 1px solid rgba(0,0,0,0.3);border-radius: 50%;background-repeat: no-repeat;background-size: contain;}
.mold_boss .mold_list ul li .swiimg_box .swiper-slide{width: calc(50% - 4px);margin-right: 8px;}
.mold_boss .mold_list ul li .swiimg_box .swiper-slide img{width: 100%;}
.mold_boss .mold_list ul li .swiimg_box .swiper-button-next{background:url(../images/common/right_icon.png);right: 20px;}
.mold_boss .mold_list ul li .swiimg_box .swiper-button-prev{background:url(../images/common/left_icon.png);left: 20px;}
.mold_boss .mold_list ul li:nth-of-type(2n) .img{float: right;}
.mold_boss .mold_list ul li:nth-of-type(2n) .text{float: left;}

@media screen and (min-width: 992px) {
  .introduce_box {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start
  }
  .finished_list {
    padding: 40px 0 110px
  }
  .finished_list li {
    width: calc(33.333% - 10px)
  }
  .finished_list li:not(:nth-child(3n)) {
    margin-right: 15px
  }
  .finished_list img {
    display: block;
    width: 100%;
    height: auto
  }
}
@media screen and (max-width: 992px) {
  .introduce_box {
    padding-top: 30px;
    padding-bottom: 30px
  }
  .introduce_box .right_box {
    margin-top: 20px
  }
  .introduce_box h1 {
    font-size: 20px;
    margin-bottom: 10px
  }
  .introduce_box h4 {
    font-size: 14px
  }
  .finished_box h1 {
    font-size: 18px
  }
  .finished_list {
    padding: 20px 0 20px
  }
  .finished_list li {
    width: calc(50% - 5px)
  }
  .finished_list li:nth-child(2n) {
    margin-left: 10px
  }
  .finished_list li:last-child {
    width: 100%
  }
  .finished_list li:last-child img {
    height: 250px
  }
  .finished_list h2 {
    font-size: 10px;
    line-height: 30px
  }
  .finished_list img {
    width: 100%;
    height: 150px;
    object-fit: cover
  }
}
@media screen and (max-width: 768px) {
  .introduce_box {
    padding-top: 20px;
    padding-bottom: 20px
  }
  .introduce_box .right_box {
    margin-top: 10px
  }
  .introduce_box h1 {
    font-size: 16px;
    margin-bottom: 10px
  }
  .introduce_box h4 {
    font-size: 10px
  }
	.application_right{display: none;}
	.product_boxa .finished_list li{width: 100%;}
	.finished_list li{width: 100%;}
	.finished_list img{height: inherit;}
	.finished_list li:nth-child(2n){margin-left: inherit;}
	.finished_list.if2 li{width: 100%; margin-right: 0;}
	.finished_list.if3 li{width: 100%!important;margin-right: 0!important;}
	.mold_boss h1{font-size: 24px;}
	.mold_boss .mold_list ul li .img{width: 100%;}
	.mold_boss .mold_list ul li .text{width: 100%;box-sizing: border-box;padding: 20px;padding-top: 0;}
	.mold_boss .mold_list ul li .text h2{width: 100%;padding: calc(10px + 3vw) 0px 0;}
	.mold_boss .mold_list ul li .text .font{padding: 0 0;}
	.mold_boss .mold_list ul li .swiimg_box{padding: 0 50px;}
	.mold_boss .mold_list ul li .swiimg_box .swiper-button{width:45px;height: 45px;background-size: 100%;}
	.mold_boss .mold_list ul li .swiimg_box .swiper-button-next{right: 0;}
	.mold_boss .mold_list ul li .swiimg_box .swiper-button-prev{left: 0;}
	
}
@media (min-width: 1000px) and (max-width: 1400px) {
  .finished_list {
    padding: 20px 0 70px
  }
  .finished_list h2 {
    font-size: 20px;
    line-height: 30px
  }
  .finished_box h1 {
    font-size: 26px
  }
}