@-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 {
    -webkit-transform: translate3d(0, 0, 0)
  }
  20%, 60% {
    -webkit-transform: translate3d(-10px, 0, 0)
  }
  40%, 80% {
    -webkit-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)
  }
}
.application_box {
  padding-top: 50px;
  padding-bottom: 50px
}
.application_box .flex_right{
  display: none;
}
.down_icon {
  background: url("../images/common/down_icons.png") no-repeat;
  background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  -ms-background-size: 100% 100%;
  -webkit-background-size: 100% 100%
}
.application_left h1 {
  padding: 60px 0 20px;
  font-size: 34px;
  color: #000000
}
.application_left h3 {
  color: rgba(0, 0, 0, 0.4)
}
.application_right: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 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: #0527af
}
.finished_list h2 {
  font-size: 24px;
  color: #222222;
  line-height: 50px
}

.article_topback{width: 100%;background: #000;}
.article_topback img{width: 100%;opacity: 0.5;height: 260px;object-fit: cover;}

.product_article1img .productdetail1_imgbox{width: 50%;float: left;min-height: 400px; border: 1px solid rgba(0,0,0,0.1);padding:0 0;box-sizing: border-box;}
.product_article1img .productdetail1_imgbox .swiper-slide img{width:100%;margin: 0 auto;display: block;}
.product_article1img .productdetail1_textbox{width: 50%;float: right;box-sizing: border-box;padding: 0 0 0 5vw;}
.product_article1img .productdetail1_textbox .j_title{margin-bottom: 20px;}
.product_article1img .productdetail1_textbox .j_title h2{font-size: 28px;}
.product_article1img .productdetail1_textbox .j_title h3{font-size: 22px;}
.product_article1img .productdetail1_textbox ul li{font-size: 18px; display: block;border-bottom: 1px solid rgba(0,0,0,0.1);}
.product_article1img .productdetail1_textbox ul li strong{float: left;}
.product_article1img .productdetail1_textbox ul li p{font-size: 18px;line-height: 3;text-align: right;}
.product_article1img .product_articleimg{margin-bottom: 0; }
.product_article1img .product_articleimg .swiper-slide img{}
.product_article1img .product_articleimg .swiper-button-prev{left: 15px;}
.product_article1img .product_articleimg .swiper-button-next{right: 15px;}
.product_article1img .content_box{margin-top: 50px;}
.product_article1img{margin-bottom: calc(30px + 3vw);}

.productdetail1_textbox .font p{font-size: 16px;}
@media screen and (min-width: 1000px) {
	
  .application_left {
    width: 47%;
    margin-right: 20%
  }
  .down_icon {
    position: relative;
    right: -90px;
    margin: 150px 0 0
  }
  .application_right {
	  display: none;
    width: 33%
  }
  .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 (min-width: 1000px) and (max-width: 1400px) {
  .application_left {
    width: 55%;
    margin-right: 5%
  }
  .application_left h1 {
    padding: 40px 0 10px;
    font-size: 26px
  }
  .application_left h3 {
    font-size: 16px
  }
  .application_right {
    width: 40%
  }
  .down_icon {
    position: relative;
    right: 0px;
    margin: 100px 0 0
  }
  .finished_list {
    padding: 20px 0 70px
  }
  .finished_list h2 {
    font-size: 20px;
    line-height: 30px
  }
  .finished_box h1 {
    font-size: 26px
  }
}
@media screen and (max-width: 999px) {
	
	.product_article1img .productdetail1_imgbox{width: 100%;min-height: inherit; margin-bottom: 30px;}
	.product_article1img .productdetail1_textbox{width:100%;}
	.product_articleimg .swiper-button{width: 40px;height: 40px;}
	.page_banner img{height: 100px;}
	.product_article1img .productdetail1_textbox{padding-left: 0;}

	
  .application_box {
    padding-top: 20px;
    padding-bottom: 0
  }
  .application_left, .application_right {
    width: 100%;
    padding: 15px 0
  }
  .application_left h1 {
    padding: 20px 0 10px;
    font-size: 18px
  }
  .application_left h3 {
    font-size: 12px
  }
  .down_icon {
    margin: 20px auto 0
  }
  .application_right img {
    width: 100%;
    height: 400px;
    object-fit: cover
  }
  .finished_box h1 {
    font-size: 18px
  }
  .finished_list {
    padding: 20px 0 20px
  }
  .finished_list li {
    width: calc(100%)
  }
  .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: 14px;
    line-height: 30px
  }
  .finished_list img {
    width: 100%;
    height: 250px;
    object-fit: cover
  }
}