/* CSS Document */

.device {
  width: 971px;
  height: 308px;
  
  position: relative;
 
}
.device .arrow-left {
  background: url(../images/arrows.png) no-repeat left top;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  z-index: 1000;
}
.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-container {
  height: 300px;
  width: 971px;
}
.content-slide {
  padding: 0px;
  color: #fff;
}
.title {
  font-size: 25px;
  margin-bottom: 10px;
}
.pagination {
 position: absolute;
left: 0;
text-align: right;
bottom: 14px;
width: 98%;
z-index: 1000;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #999;
  box-shadow: 0px 1px 2px #555 inset;
  margin: 0 3px;
  cursor: pointer;
}
.swiper-active-switch {
  background: #fff;
}
.main{
	position:relative;}
.device {
	position:absolute;
	top:-18px;
	}
	.main_text{
		float:left;
		width:60%;
		padding: 0 2px 0 40px;}
		
	@media only screen and (max-width: 960px) and (min-width: 481px){
			.device, .swiper-container ,.swiper-container  img{
				position:static;
				
			max-width:960px;
				width:100%;
				
				height:304px;
			
				
				}
				
				.main_text{
		width:80%;
		}
			.index_slider{
				height:auto;
				
				
				
				}
				
				
			}
		
				
		
		
		@media only screen and (max-width: 480px){
			
			.device{ position:static;
}
			
			.device, .swiper-container ,.swiper-container  img{
				width:100%;
				height:140px;}
				
	.main_text{
		width:80%;
		}
			
			}
			
				@media only screen and (max-width: 320px){
					.oem_user_login{
						
						-webkit-transform: scale(0.88);
						}
						
						
					
					}