@charset "utf-8";

/* CMS_img */
.but-device {width:99%;height:100px;padding:0px 0px;position:relative;margin:0 auto;}
.but-device .arrow-left {position:absolute;left:10px;top:50%;	margin-top:-15px;	width:17px;	height:30px;background-image: url(../images/arrows.png);background-repeat: no-repeat;background-position: left top; z-index:1000}
.but-device .arrow-right {	background:url(../images/arrows.png) no-repeat left bottom;	position:absolute;	right:10px;	top:50%;margin-top:-15px;width:17px;height:30px; z-index:1000}
.swiper-main {width: 100%;	height: 100px;	position: relative;}
.swiper1, .swiper1 .swiper-slide{width: 100%;height: 240px;margin:0 auto;}
/* Swiper Styles */
.swiper-container {	width:88%;margin:0 auto;	position:relative;	overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;	-ms-backface-visibility:hidden;	-o-backface-visibility:hidden;
	backface-visibility:hidden;	/* Fix of Webkit flickering */	z-index:1;}
.swiper-wrapper {position:relative;	width:100%;}
.swiper-slide {float:left;}

/* IE10 Windows Phone 8 Fixes 
.swiper-wp8-horizontal {-ms-touch-action: pan-y;}
.swiper-wp8-vertical {	-ms-touch-action: pan-x;}*/


/* index_news */
.index_main_news .but-device {width:99%;height:246px;padding:0px 0px;position:relative;margin:0 auto;}
.index_main_news .but-device .arrow-left {position:absolute;left:5px;top:50%;	margin-top:-15px;	width:17px;	height:30px;background-image: url(../images/arrows.png);background-repeat: no-repeat;background-position: left top; z-index:1000}
.index_main_news .but-device .arrow-right {	background:url(../images/arrows.png) no-repeat left bottom;	position:absolute;	right:5px;	top:50%;margin-top:-15px;width:17px;height:30px; z-index:1000}
.swiper-index_main {width: 95%;	height: 265px;	position: relative; margin:0 auto; background-color:#efefef;}
.swiper-index_main .swiper1, .swiper-index_main .swiper1 .swiper-index_main .swiper-slide{width: 100%;height: 246px;margin:0 auto;}
/* Swiper Styles */
.swiper-index_main .swiper-container {	width:270px;/*width:88%;*/margin:0 auto;	position:relative;	overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;	-ms-backface-visibility:hidden;	-o-backface-visibility:hidden;
	backface-visibility:hidden;	/* Fix of Webkit flickering */	z-index:1;}
.swiper-index_main .swiper-wrapper {position:relative;	width:100%;}
.swiper-index_main .swiper-slide {float:left;}
/* IE10 Windows Phone 8 Fixes 
.swiper-index_main .swiper-wp8-horizontal {-ms-touch-action: pan-y;}
.swiper-index_main .swiper-wp8-vertical {	-ms-touch-action: pan-x;}*/



@media (max-width: 480px) {
.cms_imgs ul{margin:0px 0px 0px 10px;}
.cms_imgs ul li{width:23%; margin:0px 2px 0px 2px; line-height:0px; display:block; background-color:#eee; height:100px;}
}
@media (min-width: 481px) and (max-width: 820px) {
.cms_imgs ul{margin:0px 0px 0px 3px;}
.cms_imgs ul li{width:23%; margin:0px 4px 0px 4px; line-height:0px; display:block; background-color:#eee; height:100px;}
}

@media (min-width: 821px) and (max-width: 980px) {
.cms_imgs ul{margin:0px 0px 0px 3px;}
.cms_imgs ul li{width:23%; margin:0px 4px 0px 4px; line-height:0px; display:block; background-color:#eee; height:100px;}
.index_main_news .but-device {width:99%;height:150px;padding:0px 0px;position:relative;margin:0 auto;}
.index_main_news .but-device .arrow-left {position:absolute;left:5px;top:50%;	margin-top:-15px;	width:17px;	height:30px;background-image: url(../images/arrows.png);background-repeat: no-repeat;background-position: left top; z-index:1000}
.index_main_news .but-device .arrow-right {	background:url(../images/arrows.png) no-repeat left bottom;	position:absolute;	right:5px;	top:50%;margin-top:-15px;width:17px;height:30px; z-index:1000}
.swiper-index_main {width: 100%;height: 150px;	position: relative; margin:0 auto; background-color:#fff;}
.swiper-index_main .swiper1, .swiper-index_main .swiper1 .swiper-index_main .swiper-slide{width: 100%;height: 150px;margin:0 auto;}
/* Swiper Styles */
.swiper-index_main .swiper-container {	width:92%;margin:0 auto;	position:relative;	overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;	-ms-backface-visibility:hidden;	-o-backface-visibility:hidden;
	backface-visibility:hidden;	/* Fix of Webkit flickering */	z-index:1;}
.swiper-index_main .swiper-wrapper {position:relative;	width:100%;}
.swiper-index_main .swiper-slide {float:left;}
/* IE10 Windows Phone 8 Fixes */
.swiper-index_main .swiper-wp8-horizontal {-ms-touch-action: pan-y;}
.swiper-index_main .swiper-wp8-vertical {	-ms-touch-action: pan-x;}
}

@media (min-width: 981px) and (max-width: 1920px) {
.cms_imgs ul{margin:0px 0px 0px 3px;}
.cms_imgs ul li{width:23%; margin:0px 4px 0px 4px; line-height:0px; display:block; background-color:#eee; height:100px;}
}