﻿/* 焦点图css */
 
.swiper-container,.focus{  min-height:100px;height:auto;width: 98%;position: relative; margin:0 auto; max-height:200px; } 



.swiper-container .swiper-slide { height:100%;
 padding:0;
	-webkit-transition: transform 1.0s;
	-moz-transition: transform 1.0s;
	-ms-transition: transform 1.0s;
	-o-transition: transform 1.0s;
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}

.swiper-container .swiper-slide-active,.swiper-container .swiper-slide-duplicate-active {
	-webkit-transform: scale(1);
	transform: scale(1);
}

 
.swiper-slide img ,.focus a img {
	width: 100%;
	border-radius: 3px;
	display: block;
 
   height: auto; max-height:200px; 
}
.swiper-container .swiper-slide a,.focus>a {
	background: #fff;
	display: block;
	border-radius: 3px;
	 position:relative;
	 width:100%; 
	  max-height:200px;
}

.swiper-container .swiper-slide a span,.focus>a span{ position:absolute; display:inline-block; width:100%; height:30px; line-height:30px; text-indent:5px;
	                         z-index:100;  
	                         text-align:left; left:0; bottom:0; font-size:1.6em; padding:5px 0; letter-spacing:1px; color:White;    
                                background: -webkit-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,0.7)); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(up, rgba(0,0,0,0),rgba(0,0,0,0.7)); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(up,rgba(0,0,0,0),rgba(0,0,0,0.7)); /* Firefox 3.6 - 15 */
    background: linear-gradient( rgba(0,0,0,0),rgba(0,0,0,0.7)); /* 标准的语法（必（必须放在最后）   背景色透明且渐变*/
     
   width:100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 
}  
  
   

.swiper-container .swiper-pagination {
	position:absolute;
	bottom:0; 
	
}

.swiper-pagination-bullet {
	background: #00a0e9;
 
	width: 5px;
	height: 5px;
	opacity: 1;
 	-webkit-transition: transform 1.0s;
	-moz-transition: transform 1.0s;
	-ms-transition: transform 1.0s;
	-o-transition: transform 1.0s;
}

.swiper-pagination-bullet-active {
	width: 5px;
	height: 3px;
	background: red;
  border-radius:1px;
 transform: scaleX(2);
}


/* max-width: 435px */

@media screen and (max-width: 435px) {
 
  .topMenu>a,.swiper-container .swiper-slide a span,.topHeader>div{padding-bottom:40px; }
 
 
 
}

/* max-width: 415px */

@media screen and (max-width: 415px) {
 
  .topMenu>a,.swiper-container .swiper-slide a span,.topHeader>div{padding-bottom:30px; }
 
  .topMenu>a{ max-width:25%; }
 
}
/* max-width: 375px */

@media screen and (max-width: 375px) {
 
  .topMenu>a,.swiper-container .swiper-slide a span,.topHeader>div{padding-bottom:10px; }
 
 
 
}
/* max-width: 320px */

@media screen and (max-width: 320px) {
 
  .topMenu>a,.swiper-container .swiper-slide a span,.topHeader>div{ font-size:1.4em;padding:5px 0; }
  .swiper-container .swiper-pagination { bottom:5px;}

  .topMenu>a{ max-width:25%; }
  
 

}