@charset "utf-8";
/* CSS Document */
body{ }

.site-header nav li >em a,
.site-header nav li >em a:before,
.index-more a,
.index-section1 .tabs li h3,
.pic-list li .word h3 a,
.index-section3 .text-list li time,
.index-section3 .text-list li .more a,
.index-section3 .text-list li .tit a,
.link-list li .Ispic,
.designer-info .content .btns a,
.partner-invit .form .btn,
.new-list .Ispic,
.index-banner .swiper-button>div,
.gallerybox .swiper-button-prev,
.gallerybox .swiper-button-next
{
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.link-list li {text-align:center;}
@media(min-width:1001px){
	.pic-list li .layer,
	.designer-list li .layer,
	.link-list li .layer{
		-webkit-transition: all 0.8s ease-in-out;
		-ms-transition: all 0.8s ease-in-out;
		-moz-transition: all 0.8s ease-in-out;
		transition: all 0.8s ease-in-out;
	}
	.pic-list li .pic:hover .layer{ opacity: 1;}
	.designer-list li .pic:hover .layer{ opacity: 1;}
	.index-section1 .tabs li .Ispic,
	.pic-list li .Ispic{
		-webkit-transition: -webkit-transform 0.8s ease-in-out;
		-ms-transition: -ms-transform 0.8s ease-in-out;
		-moz-transition: -moz-transform 0.8s ease-in-out ;
		transition: transform 0.8s ease-in-out;
	}
	.index-section1 .tabs li a:hover .Ispic,
	.pic-list li .pic:hover .Ispic,
	.new-list .Ispic:hover{
		-webkit-transform: scale(1.15);
		-ms-transform: scale(1.15);
		-moz-transform: scale(1.15);
		transform: scale(1.15);
	}
}



.gallerybox{ overflow: hidden;}
.gallerybox .swiper-container { width: 100%;  height: 300px;  margin-left: auto;  margin-right: auto;}
.gallerybox .swiper-slide { background-size: cover; background-position: center;}
.gallerybox .gallery-top { height: 80%; width: 100%;}
.gallerybox .gallery-top .swiper-slide{ padding-bottom: 53%;}
.gallerybox .gallery-thumbs { height: 20%; box-sizing: border-box; padding: 10px 0;}
.gallerybox .gallery-thumbs .swiper-slide {width: 100px;height: 100px; opacity: 0.4; border: 2px solid #303c49; cursor: pointer;}
.gallerybox .gallery-thumbs .swiper-slide-active { opacity: 1;}
.gallerybox .swiper-button-prev{ opacity: 0; left: -20px;}
.gallerybox .swiper-button-next{ opacity: 0; right: -20px;}
.gallerybox .swiper-button-prev.in{ opacity: 1; left: 10px;}
.gallerybox .swiper-button-next.in{ opacity: 1; right: 10px;}
@media (max-width:767px) {
	.gallerybox .gallery-thumbs .swiper-slide{ width: 40px; height: 40px;}
}