.container{  width: 33%;}
.swipslider { position: relative; overflow: hidden; display: block; padding-top: 60%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.swipslider .sw-slides { display: block; padding: 0; list-style: none; width: 100%; height: 100%; white-space: nowrap; font-size: 0; -webkit-transform: translateX(0); transform: translateX(0); position: absolute; bottom: 0; overflow:visible}
.swipslider .sw-slide { width: 100%; height: 100%; margin: auto; display: inline-block; position: relative; }

.swipslider .sw-slide >  img { position: absolute; top: 50%; left: 50%;  -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
li.sw-slide a{display: block;}
li.sw-slide a img{width: 100%;}

.swipslider .sw-slide .sw-content { width: 100%; height: 100%; }
.sw-next-prev { font-family: "Courier New", Courier, monospace; height: 50px; width: 50px; text-align: center; vertical-align: middle; position: absolute; line-height: 50px; font-size: 30px; font-weight: bolder; color: rgba(160, 160, 160, 0.53); top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: rgba(255, 255, 255, 0);  border-radius: 50%; text-decoration: none;  transition: all .2s ease-out; cursor: pointer; -webkit-user-select: none; -moz-user-select: none;  -ms-user-select: none; user-select: none; }
.sw-next-prev:hover { background-color: rgba(255, 255, 255, 0.74); }
.sw-next-prev:active { background-color: rgba(255, 255, 255, 0.5); }
.sw-prev { left: 2%; }
.sw-prev::after { content: '<'; }
.sw-next {  right: 2%; }
.sw-next::after { content: '>'; }

.sw-bullet { position: absolute; bottom: 5%; list-style: none; display: block; width: 100%; text-align: center; padding: 0; margin: 0; }
.sw-bullet li { width: 5px; height: 6px; background:#cccccc; display: inline-block; cursor: pointer; transition: all .2s ease-out; font-size:0; margin:0 4px;}
.sw-bullet li:hover { background-color: rgba(255, 255, 255, 0.74); }
.sw-bullet li.active {background:#E53503;}


.swipslider2 .sw-bullet { position: absolute; bottom: 0; list-style: none; display: block; width: 100%; text-align: center; padding: 0; margin: 0; }
.swipslider2 .sw-bullet li { width: auto; height: 20px; background:none; display: inline-block; cursor: pointer; transition: all .2s ease-out; font-size:12px;}
.swipslider2 .sw-bullet li:hover { background-color:none; color:#E53503;}
.swipslider2 .sw-bullet li.active { position:relative; color:#E53503;font-size: 16px;}
.swipslider2 .sw-bullet li.active:before{content:""; position:absolute; display:block; left:5px; top:8px; width:5px; height:5px; background:#E53503; transform:rotate(45deg); border-radius:1px;}

.swipslider2 { width:100%; margin:20px auto 0;}
.swipslider2 .sw-slide img { width:30%; }
.swipslider2 .sw-next-prev{  background:rgba(0,0,0,0.2); color:#ffffff;}
.swipslider2 .sw-prev{ left:0;}
.swipslider2 .sw-next {  right: 0; }
@media screen and (max-width:1400px){
.sw-bullet li {padding:0 10px;}
.swipslider2 .sw-slide{ width: 1040px; }
.swipslider2 .sw-slide img{ width: 346px; }
.home-echarts{ float: left;width: 316px;}
.swipslider2 .sw-slides{ width:1040px; margin-left:1040px;}/* 横向滚动宽度 */
}
@media screen and (min-width:1401px){
.sw-bullet li {padding:0 15px;}
.swipslider2 .sw-slide { width: 1200px;}
.swipslider2 .sw-slide img{ width: 400px;  }
.home-echarts{float: left; width: 400px;}
.swipslider2 .sw-slides{ width:1200px; margin-left:1200px;}/* 横向滚动宽度 */
}