.no-pad{padding: 0;} .internation-part01{padding:6% 0;} .internation-part01 h2,.internation-part02 h2{text-align: center; margin-bottom: 2%;} .internation-part01 p,.internation-part02 p{text-align: center; width:76%; margin:0 auto; line-height: 1.8;} .internation-part02{padding:5% 0; background: #F9F9F9;} .inp02-con .tab-t{ text-align: center; margin:2% 0;} .inp02-con .tab-t li{ cursor: pointer; display: inline-block; margin:0 20px;} .inp02-con .tab-t li.on{color:#0059C1; padding-bottom:3px; border-bottom:2px solid #0059C1;} .inp02-swiper .swiper-button-prev,.inp02-swiper .swiper-button-next{ width:24px; height:42px; margin-top:-21px; left:20px; background: url(../images/btn_l.png) no-repeat;background-size:100% auto} .inp02-swiper .swiper-button-next{left:auto; right: 20px;background: url(../images/btn_r.png) no-repeat;background-size:100% auto} .inp02-swiper .swiper-button-prev.swiper-button-disabled{opacity: 1;background: url(../images/btn_l_dis.png) no-repeat;background-size:100% auto} .inp02-swiper .swiper-button-next.swiper-button-disabled{opacity: 1;background: url(../images/btn_r_dis.png) no-repeat;background-size:100% auto} .inp02-swiper .swiper-slide .txt{ background: #F1F1F1; padding: 20px;} .inp02-swiper .swiper-slide:nth-child(2n) .txt{ background: #E3E9F1;} .inp02-swiper .swiper-slide .txt h3{ line-height: 1.5; height: 6em; overflow: hidden;} .pc-swiper { width:100%; } .pc-swiper .swiper-slide { -webkit-transition:transform 1s; -moz-transition:transform 1s; -ms-transition:transform 1s; -o-transition:transform 1s; -webkit-transform:scale(0.8); transform:scale(0.8); margin-top:70px; margin-bottom:70px } .pc-swiper .swiper-slide-active,.pc-swiper .swiper-slide-duplicate-active { -webkit-transform:scale(1.2); transform:scale(1.2); z-index:1002 } .pc-swiper .swiper-slide img { width:100%; display:block; height:100%; border:0 } .pc-swiper .swiper-slide .tbg{ opacity: 0; position: absolute; left:0; bottom:0; width:100%;height: 100%; background: url(../images/i_linebg.png) left bottom repeat-x;} .pc-swiper .swiper-slide h3{ opacity: 0;position: absolute; z-index: 10; lefT:0; bottom:20px; width:100%; color: #fff; padding:0 5%; text-align: center;} .pc-swiper .swiper-slide-active .tbg,.pc-swiper .swiper-slide-active h3{opacity: 1;} .pc-swiper .layer-bg { width:100%; height:100%; transition:all .5s; background:rgba(255,255,255,.6) border-box; opacity: 1; /*box-shadow:0 0 0 1px rgba(255,255,255,.3) inset,0 .5em 1em rgba(0,0,0,.6);*/ position:absolute; left:0; top:0; right:0 } .pc-swiper .layer-bg::before { content:''; position:absolute; top:0; right:0; bottom:0; left:0; margin:-30px; z-index:-1; -webkit-filter:blur(20px); filter:blur(20px) } .pc-swiper .swiper-slide-active .layer-bg { display:none } .pc-swiper .swiper-button-next { width:24px; background-image:url(../images/btn_r.png); background-size:100% auto; right:20px; } .pc-swiper .swiper-button-prev { left:20px; width:24px; background-image:url(../images/btn_l.png); background-size:100% auto } .ie9 .pc-swiper .layer-bg{opacity: 0;} @media only screen and (max-width: 767px){ .pc-swiper .swiper-slide{ -webkit-transform:scale(1); transform:scale(1); margin-top:0px; margin-bottom:0px } .pc-swiper .swiper-slide-active{-webkit-transform:scale(1);transform:scale(1);} .pc-swiper .swiper-slide .tbg{background-position: left 160px;} .pc-swiper .swiper-button-prev,.inp02-swiper .swiper-button-prev{ left:10px;width:16px;} .pc-swiper .swiper-button-next,.inp02-swiper .swiper-button-next{right:10px;width:16px;} .inp02-swiper .swiper-slide .txt h3{font-size: 14px;} }