/*
Powered by ueeshop.com		http://www.ueeshop.com
广州联雅网络科技有限公司		020-83226791
*/

/* banner */
.banner{
	position: relative;
}
.banner img{
	width: 100%;
}
#banner_edit .banner_tab{
	display: block !important;
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 4.9vw;
	left: 0;
}
#banner_edit .banner_tab a{
	display: inline-block;
	width: 129px;
	height: 1px;
	opacity: 1;
	margin: 0 20px;
}

.title0{
	font-size: 30px;
	padding: 20px 0;
	line-height: 1.2em;
}
.title0_p{
	font-size: 16px;
	padding-bottom: 20px;
	line-height: 1.6875em;
}

/* pro4 */
.pro4_change a{
	display: inline-block;
	font-size: 15px;
	line-height: 1.3em;
	margin-right: 35px;
	margin-bottom: 10px;
}
.pro4_change a:last-of-type{
	margin-right: 0;
}
.pro4_change a:hover,
.pro4_change a.focus{
	text-decoration: none;
}
.pro_li{
	line-height: 2em;
}
.pro_li h3{
	margin: 5px 0;
	line-height: 18px;
	max-height: 36px;
	overflow: hidden;
}
.pro_li h3 a{transition:all .2s; -o-transition:all .2s; -webkit-transition:all .2s;}
.pro_li .img{width: 100%;position: relative;padding-top: 100%;display: block;margin-bottom: 25px;}
.pro_li .img img{position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin:auto; max-height: 100%;}
.pro_li del{padding-left: 3px;font-size: 12px;}

.pro4 .bx_ptb40{padding-bottom:24px;}
.pro4 .bx_pb50{padding-bottom:80px;}

.list_button{text-align:center;}
.list_button>a{display:inline-block; width:246px; height:44px; line-height:44px; text-decoration:none; text-transform:uppercase; font-size:16px; transition:all .2s; -webkit-transition:all .2s;}
/* pro4 */


/* adver */
.adver_bg {
	width: 100%;
	position: relative;
}
.adver_left{
	max-width: 701px;
	margin:0 auto;
}
.adver_left img{display: block;font-size: 0;}
.adver_right{
	max-width: 615px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: -1;
}
.postion_center{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.adver_cont{
	padding: 20px;
}
.adver_b{
	padding: 70px 30px;
}
.adver_cont h3{
	line-height: 1.5em;
}
/* adver */


/* pa_bottom */
.span_yell{
	position: absolute;
	left: 10px;
	top: 0;
	width: 56px;
	height: 22px;
	font-size: 16px;
	text-align: center;
	line-height: 22px;
	transform-origin: left top;
	border-radius: 11px;
	z-index: 1;
}
.span_yell.icon_seckill{display: none;}
.pa_bottom{
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 100%;
	text-align: center;
	transform:translateY(15px);
	opacity:0;
}
@media (min-width: 1000px ){
	.pro_li:hover .pa_bottom{
		display: block;
		transform:translateY(0);
		opacity:1;
	}
}
.circle_icon{
	width: 46px;
	height: 46px;
	position: relative;    
	display: inline-block;
	margin: 0 3px;
	vertical-align: middle;
	transition: all .5s;
	cursor: pointer;
	border-radius: 50%;
}
.circle_icon img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	transition: all .5s;
}
.circle_icon img:nth-of-type(2){
	opacity: 0;
}
.circle_icon:hover img:nth-last-of-type(1){
	opacity: 1;
}
.circle_icon:hover img:nth-last-of-type(2){
	opacity: 0;
}

.view_all{
	line-height: 20px;
}
.view_all a:hover{text-decoration:none;}
.view_all a span{transition:all .2s; -o-transition:all .2s; -webkit-transition:all .2s;}
.view_all span,
.view_all img{
	vertical-align: middle;
}

.default_gallery .gallery_img_show{position:relative; cursor:pointer;}
.default_gallery .gallery_img_show .hover_box{position:absolute; left:35px; right:35px; top:35px; bottom:35px; opacity:0;}
.default_gallery .gallery_img_show .hover_box .hover_box_inner{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) scale(1.3); text-align:center;}
.default_gallery .gallery_img_show .hover_box .hover_box_inner img{display:inline-block;}
.default_gallery .gallery_img_show .hover_box .hover_box_inner p{font-size:14px; margin-top:15px;}
.default_gallery .gallery_img_show:hover .hover_box{left:15px; right:15px; top:15px; bottom:15px; opacity:1;}
.default_gallery .gallery_img_show:hover .hover_box .hover_box_inner{ transform:translate(-50%,-50%) scale(1);}

@media (max-width: 1000px ){
	
	#banner_edit .banner_tab{
		bottom: 20px;
	}
	#banner_edit .banner_tab a{
		width: 51px;
		margin: 0 15px;
	}

	.pro4_change a{
		font-size: 14px;
	}
	.pro_li{
		padding-bottom: 10px;
		width: 100%;
		box-sizing: border-box;
	}
	.themes_prod:nth-child(2n-1) .pro_li{
		padding-right: 7.5px;
	}
	.themes_prod:nth-child(2n) .pro_li{
		padding-left: 7.5px;
	}
	.pro_li h3{
		height: 3.2em;
		line-height: 1.4em;
		overflow: hidden;
		text-overflow: ellipsis;
		padding: 0;
	}
	.span_yell{
		top: 6px;
		width: 40px;
		height: 16px;
		border-radius: 8px;
		font-size: 12px;
		line-height: 16px;
	}
	.themes_prod:nth-child(2n) .span_yell{
		left: 16px;
	}
	.start_box img{
		width: 8px;
	}

	.adver_bg{
		display: block;
	}
	.adver_right{
		max-width: 100%;
		position: static;
		transform: none;
	}
	.adver_right img{
		width: 100%;
		display: block;
		font-size: 0;
	}
	.postion_center{
		position: static;
		transform: none;
	}
	.adver_cont{
		padding: 15px 0;
	}
	.adver_b{
		padding: 40px 30px;
	}
	
	.circle_icon{
		display: none;
	}
	
	.start_box{height:24px;}

	.title0{
		font-size: 20px;
		padding: 10px 0;
	}
	.title0_p{
		font-size: 14px;
		padding: 10px 0 20px;
	}
	
	.list_button>a{
		width: 150px;
		font-size: 14px;
	}
	.default_gallery .gallery_img_show:nth-child(4){display:none;}
	.pro_li h3 a:hover{text-decoration:none;}

	.pro4 .bx_pb50{padding-bottom:45px;}
    .pro_li .bx_fs16{font-size: 14px;}
	.pro_li .col_xs_6{padding: 5px;}
	.pro_li del{font-size: 14px;}
	
	.pro_li .img{margin-bottom:12px;}
	.pro4 .bx_ptb40{padding-bottom: 12px;}

	.bx_pb70{padding-bottom: 25px;}

	body .app_gallery{padding-bottom: 30px;padding-top:20px}

}