﻿body {
	padding: 0;
	margin: 0;
	text-decoration: none;
}
li{
	    padding:0;
	    margin:0;
	    list-style:none;
}
ul{
	padding: 0;
}

.banner_pc{
	width: 100%;
	margin: auto;
	position: relative;
}
.one{
	width: 100%;
}
.banner_pc .banner_pic .pic{
	display: none;
}
.banner_pc .banner_pic .current{
	display: block;
}
.banner_pc ol{     
	position:absolute;
	left: 46%;
	top:88%;     
	margin-left:-52px ;
}
.banner_pc ol .but{
	background: rgb(255,255,255,0.3);
	float: left;
	width: 13px;
	height: 13px;
	border:none;
	border-radius: 10px;
	margin-right: 12px;
}
.banner_pc ol li{
	cursor: pointer;
}
.banner_pc ol .current{
	background: #33bbee;
	float: left;
	width: 13px;
	height: 13px;
	border:none;
	border-radius: 10px;
	margin-right: 12px;
}
.banner_mobble{
	width: 100%;
	margin: auto;
	position: relative;
}
.one{
	width: 100%;
}
.banner_mobble .banner_pic .pic{
	display: none;
}
.banner_mobble .banner_pic .current{
	display: block;
}
.banner_mobble ol{     
	position:absolute;
	left: 46%;
	top:88%;     mobble
	margin-left:-52px ;
}
.banner_mobble ol .but{
	background: rgb(255,255,255,0.3);
	float: left;
	width: 13px;
	height: 13px;
	border:none;
	border-radius: 10px;
	margin-right: 12px;
}
.banner_mobble ol li{
	cursor: pointer;
}
.banner_mobble ol .current{
	background: #33bbee;
	float: left;
	width: 13px;
	height: 13px;
	border:none;
	border-radius: 10px;
	margin-right: 12px;
}

@media screen and (max-width:480px){
	
	.banner_mobble{
		display: none;
	}
}
@media screen and (min-width:480px) and (max-width:767px) {
	
	.banner_mobble{
		display: none;
	}
}
@media screen and (min-width:768px) and (max-width:991px) {
	
	.banner_mobble{
		display: none;
	}
}

@media screen and (min-width: 992px) {
	
	
	
	.banner_pc{
		display: none;
	}
}

@media screen and  (min-width: 1200px) {
	
	
	.banner_pc{
		display: none;
	}
}