﻿ .pro-slide {width:100%;position:relative;}  
 .swiper-container {width:100%;/*margin:35px 0;*/}  
.index-product .swiper-slide{-webkit-transition:transform 1.0s;-moz-transition:transform 1.0s;-ms-transition:transform 1.0s;-o-transition:transform 1.0s;-webkit-transform:scale(0.7);transform:scale(0.7);}

@media screen and (max-width:668px) {
	.index-product .swiper-slide {-webkit-transform:scale(0.97);transform:scale(0.97);}
}  

.index-product .swiper-slide-active,.index-product .swiper-slide-duplicate-active {-webkit-transform:scale(1);transform:scale(1);}  

@media screen and (max-width:668px){
.index-product .swiper-slide-active,.index-product .swiper-slide-duplicate-active {-webkit-transform:scale(0.97);transform:scale(0.97);} 
}  

.none-effect {-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;}  
.index-product .swiper-slide a {background:#fff;padding:10px;display:block;border-radius:14px;text-align:center;}  

@media screen and (min-width:668px) {
	 .index-product .swiper-slide a:after {position:absolute;top:0;left:0;display:block;box-sizing:border-box;border:10px solid #fff;content:"";width:100%;height:100%;background:url(images/top_slick_cover_bg01.png) 0 0 repeat;border-radius:20px;} 
}  

.index-product .swiper-slide-active a:after {background:none;}  

@media screen and (max-width:668px) {
.index-product .swiper-slide a {/*padding:5px;*/border-radius:7px;} 
}  

.index-product .swiper-slide img {width:90%;padding:0 5%;border-radius:14px;display:block;}  

@media screen and (max-width:668px) {
	 .index-product .swiper-slide img {border-radius:7px;} 
} 
.index-product .swiper-slide-active a p{font-weight:bold;font-size:18px;}
.index-product .swiper-pagination {position:relative;margin-bottom:30px;}  
.index-product .swiper-pagination-bullet {background:#00a0e9;margin-left:4px;margin-right:4px;width:17px;height:17px;opacity:1;margin-bottom:4px;}  
.index-product .swiper-pagination-bullet-active {width:13px;height:13px;background:#FFF;border:6px solid #00a0e9;margin-bottom:0;}  
@media screen and (max-width:668px) { 	
.index-product .swiper-pagination {position:relative;margin-bottom:20px;
}  	
.index-product .swiper-pagination-bullet {background:#00a0e9;margin-left:2px;margin-right:2px;width:8px;height:8px;margin-bottom:2px;}  	
.index-product .swiper-pagination-bullet-active {width:6px;height:6px;background:#FFF;border:3px solid #00a0e9;margin-bottom:0;} }  
.index-product .button {/*width:100%;margin:0 auto;position:absolute;top:50%;margin-top:-20px;*/}  
@media screen and (max-width:668px) {.button {width:70%;bottom:22px;} }  
.index-product .button div:hover {background-color:#ffad00;}  
.index-product .swiper-button-prev {left:10px;width:40px;height:40px;border-radius:50%;background:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l4.2%2C4.2L8.4%2C22l17.8%2C17.8L22%2C44L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") rgba(0, 0, 0, 0.5) center 50%/50% 50% no-repeat;}  
.index-product .swiper-button-next {right:10px;width:40px;height:40px;border-radius:50%;background:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L5%2C44l-4.2-4.2L18.6%2C22L0.8%2C4.2L5%2C0z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") rgba(0, 0, 0, 0.5) center 50%/50% 50% no-repeat;} 

