body {
	font-size: 14px;
	color: #444;
}

.resonsive-img {
	display: block;
	width: 100%;
}

.logo2-pc {
	display: block;
	width: 300px;
	margin: 0 auto;
	margin-top: 56px;
}

.logo2-mobile {
	display: block;
	width: 60%;
	margin: 0 auto;
}

.logo3 {
	display: block;
	width: 100px;
}

.title {
	margin: 0 0 15px 0;
	font-size: 26px;
}

.title p {
	font-size: 16px;
	font-weight: normal;
	font-style: italic;
	color: #ccc;
	padding: 0;
	margin: 5px 0 0 0;
}

.spacing {
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 60px 0;
}

.tag {
	width: 100%;
	padding: 15px 0;
	text-align: center;
	color: #2196f3;
	border: 1px solid #bbdefb;
	border-radius: 6px;
}

.tag .icon {
	display: block;
	width: 38px;
	height: 38px;
	margin: 0 auto;
	margin-bottom: 5px;
}

.product-name {
	margin: 0;
	margin-top: 5px;
	text-align: center;
	font-size: 15px;
	font-weight: 500;
	color: #666;
}

.product-number {
	font-size: 14px;
	text-align: center;
	margin: 5px 0 0 0;
	padding-bottom: 15px;
	color: #999;
}

.footer {
	font-size: 12px;
	color: #999;
}

.fs12 {
	font-size: 12px;
}

.mt25 {
	margin-top: 25px;
}

.mt45 {
	margin-top: 45px;
}

.mb0 {
	margin-bottom: 0;
}

.mb25 {
	margin-bottom: 25px;
}

.pd10 {
	padding: 10px;
}

.pd15 {
	padding: 15px;
}

.pt15 {
	padding-top: 15px;
}

.pd25 {
	padding: 25px;
}

.lh24 {
	line-height: 24px;
}

.indent {
	text-indent: 2em;
}

#cases.swiper-container {
	width: 100%;
	padding-top: 50px;
	padding-bottom: 50px;
}
#cases .swiper-slide {
	background-position: center;
	background-size: cover;
	width: 300px;
	height: 195px;
	border-radius: 6px;
}


#banner.swiper-container {
    padding-bottom: 40px;
}

#banner .swiper-slide {
    width: 978px;
	transition-timing-function: linear;
}

@media only screen and (max-width:1200px) {
    #banner .swiper-slide {
        width:770px;
    }
}

@media only screen and (max-width:980px) {
    #banner .swiper-slide {
        width:471px;
    }
}

@media only screen and (max-height:480px) {
    #banner .swiper-slide {
        width:471px;
    }
}

#banner .swiper-slide img{
	width:100%;
}

#banner .swiper-pagination-bullet {
	background:none;
	opacity:1;
	margin:0 6px !important;
	width:9px;
	height:9px;
	position:relative;
	outline:none;
	vertical-align:middle;
}

#banner .swiper-pagination-bullet span {
	width:3px;
	height:3px;
	background:#CCC;
	display:block;
	border-radius:50%;
	margin-top:3px;
	margin-left:3px;
}

#banner .swiper-pagination-bullet i {
	background: #2196f3;
	height: 1px;
	width: 20px;
	position: absolute;
	top: 4px;
	transform: scaleX(0);
	transform-origin: left;
	z-index: 3;
	transition-timing-function: linear;
}

#banner .swiper-pagination-bullet-active span,.swiper-pagination-bullet:hover span {
	width: 9px;
	height: 9px;
	margin-top: 0;
	margin-left: 0;
	background: #2196f3;
	position: relative;
	z-index: 1;
}

#banner .swiper-pagination-bullet-active i {
	animation: middle 6s;
}

#banner .swiper-pagination-bullet:first-child.swiper-pagination-bullet-active i {
	animation: first 6s;
}

#banner .swiper-pagination-bullet:last-child.swiper-pagination-bullet-active i {
	animation: last 6s;
}	

@keyframes first {
	0% { transform:scaleX(0.5);left:0px; }
	100% { transform:scaleX(1);left:2px; }
}

@keyframes last{
	0% { transform:scaleX(0.7);left:-10px; }
	20% { transform:scaleX(0.3);left:2px; }
	100% { transform:scaleX(0.3);left:0px; }
}		

@keyframes middle {
	0% { transform:scaleX(0.7);left:-10px; }
	20% { transform:scaleX(0.45);left:2px; }
	100% { transform:scaleX(1);left:2px; }
}