.device {
  width: 100%;
  height: auto;
  margin: auto;
  overflow: hidden;
  position: relative;
}
.device .arrow-left {
background: url(../img/icon06.png) no-repeat left top;
position: absolute;
left: 100px;
top: 58%;
width: 49px;
height: 14px;
z-index: 9992;
}
.device .arrow-right {
background: url(../img/icon07.png) no-repeat left bottom;
position: absolute;
right: 100px;
top: 58%;
width: 49px;
height: 14px;
z-index: 9992;
}
.swiper-container {
width: 100%;
margin: auto;
}
.pagination {
position: absolute;
left: 0;
text-align: center;
bottom:30px;
width: 100%;
z-index: 9992;
}
.swiper-pagination-switch {
display: inline-block;
margin: 0 3px;
cursor: pointer;
width: 60px;
height: 8px;
background-color: rgba(255, 255, 255, 0.5);
border-radius: 10px;
}
.swiper-active-switch {
background: #0065b3;
}
/* .swiper-container{
top: -10px;
} */
.device .swiper-wrapper,.device .swiper-slide{
height: 830px!important;
position: relative;
overflow: hidden;
}
.device .swiper-slide img{
width: auto !important;
height: 100%;
margin: 0 50%;
transform: translateX(-50%);
}
.banner_box{
width: 100%;
height: auto;
overflow: hidden;
margin: auto;
position: absolute;
top: 260px;
text-align: center;
}
@font-face {
/* font-test*/
font-family: 'SourceHanSansCN';
src:url('../fonts/SourceHanSansCN-ExtraLight.ttf') format('truetype');
}
.banner_box p{
font-size: 72px;
color: #ffffff;
margin-top: 30px;
font-family: 'SourceHanSansCN';
}
.banner_box span{
font-size: 36px;
color: #ffffff;
font-family: 'SourceHanSansCN';
}
.banner_box .ban_i{
display: block;
width: 62px;
height: 1px;
background-color: #ffffff;
margin: 40px auto 0;
}
.banner_box a{
width: 189px;
height: 45px;
background-color: transparent;
border: solid 1px #ffffff;
display: block;
border-radius: 25px;
text-align: center;
line-height: 45px;
font-size: 18px;
color: #ffffff;
margin: 60px auto 0;
font-family: 'SourceHanSansCN';
}

@media screen and (max-width: 800px){
.device .swiper-wrapper,.device .swiper-slide{
    height: 200px !important;
}
.pagination,
.device .arrow-left,
.device .arrow-right{
  display: none !important;
}
.banner_box {
  top: 32px;
}
.banner_box p {
  font-size: 22px;
  margin-top: 15px;
}
.banner_box span {
  font-size: 12px;
}
.banner_box .ban_i {
  width: 30px;
  margin: 15px auto 0;
}
.banner_box a {
  width:77px;
  height: 19px;
  border-radius: 25px;
  line-height: 19px;
  font-size: 12px;
  margin: 20px auto 0;
}
}