@charset "utf-8";
/* CSS Document */
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	margin: 0;
	padding-top: 0;
}

.con1{ margin:0px 0 20px;}
.con1>div{ padding:0 1px; width:25%; position:relative; overflow:hidden; margin:2px 0;}
.con1 a{ display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:auto 100%; transform:scale(1,1); transition:all 0.5s ease;}
.con1 a:hover{transform:scale(1.008,1.008); transition:all 0.5s linear;}
.con1 .img{ width:100%; text-align:center; height:195px; overflow:hidden; transition:all 0.2s ease; background:#fcfcfc;}
/*.con1 img{ max-height:390px; max-width:100%;transition:all 0.2s ease;}
.con1 a:hover img{transform:scale(1.008,1.008);}*/
.con1 .icon-video{ width:73px; height:73px; position:absolute; background:url(../images/common/video_btn.png) no-repeat center center; background-size:80% 80%; top:50%; left:50%; margin-top:-37px; margin-left:-37px; transition:all 0.5s ease; opacity:1; filter:alpha(opacity 100); cursor:pointer;}
/*.con1 .video .icon-video:hover{opacity:0.5; filter:alpha(opacity 50);}*/
.con1 .video .icon-video:hover{transform:scale(1.08,1.08);}

.banners{ position:relative; width:100%; height:1100px; overflow:hidden;}
.bannerst{ width:100%; height:100%; overflow:hidden;}
.bannerst ul{ width:100%; background:#eee; transition:all 1s ease 0s; height:100%;}
.bannerst ul li{ width:100%; float:left; text-align:center; height:100%; background-repeat:no-repeat; background-position:center top; background-size:auto 100%;}
.bannerst ul li a{ display:block; width:100%; height:100%;}

.bannersb{ width:100%; position:absolute;  z-index:1; bottom:10px; left:0; right:0; height:30px; line-height:30px;}
.bannersb ul{ text-align:center; margin:0 auto;}
.bannersb ul li{ cursor:pointer; _float:none; *float:none; display:inline-block; *display:inline; zoom:1; width:12px; height:12px; margin:1px 6px; overflow:hidden; line-height:999px; background:#ccc; border:1px solid #ccc; border-radius:50%; transition:all 0.2s ease;}
.bannersb ul li.on{background:none;}

.con2{ margin:0px 0 20px;}
.con2 .Product{ padding:0 5px; width:33.33333%; float:left; height:195px; position:relative; overflow:hidden; margin:10px 0; border-radius:10px;}
.con2 .img{ text-align:center; height:195px; overflow:hidden; transition:all 0.2s ease; background:#fcfcfc; background-size:auto 100%; border:1px solid #eeeeee; border-radius:10px; z-index:1; position:absolute; top:0px; left:5px; right:5px;}
.con2 a{ display:block; width:100%; height:100%; border-radius:10px; background-repeat:no-repeat; background-position:center center; background-size:auto 100%; transform:scale(1,1); transition:all 0.5s ease;}
.con2 a:hover{transform:scale(1.008,1.008); transition:all 0.5s linear;}
/*.con1 img{ max-height:390px; max-width:100%;transition:all 0.2s ease;}
.con1 a:hover img{transform:scale(1.008,1.008);}*/
.con2 .video .img{ border:none;}
.con2 .icon-video{ width:73px; height:73px; position:absolute; background:url(../images/common/video_btn.png) no-repeat center center; background-size:80% 80%; top:50%; left:50%; margin-top:-37px; margin-left:-37px; transition:all 0.5s ease; opacity:1; filter:alpha(opacity 100); cursor:pointer; z-index:2;}
/*.con2 .video .icon-video:hover{opacity:0.5; filter:alpha(opacity 50);}*/
.con2 .video .icon-video:hover{transform:scale(1.08,1.08);}
@charset "utf-8";
/* CSS Document */
@media (max-width:2400px){
	.banners{ height:1000px;}
}
@media (max-width:1900px){
	.banners{ height:780px;}
}
@media (max-width:1440px){
	.banners{ height:700px;}
}
@media (max-width:1200px){
	.con1 .img{ height:195px;}
	
	.banners{ height:600px;}

}
@media (max-width:992px){
	.con1>div{ width:50%;}
	
	.banners{ height:500px;}
}
@media (max-width:480px){
	.con1>div{ width:100%;}
	
	.banners{ height:300px;}
	.con2 .Product{ width:100%;}
}
@media (max-width:400px){
	.banners{ height:200px;}
}