#swiper-content-page-box {
    float: left;
    display: block;
    font-size: 14px;
    line-height:26px;
    width: 1000px;
    margin-left: calc((100% - 1000px) / 2);
    margin-bottom: 35px;    
}
#pic_list_swiper_container {
    float: left;
    display: block;
    width: 100%;
    background: #FFF;    
}
#list_swiper_box {
    float: left;
    display: block;
    width: 980px;
    height: 680px;
    margin-left: calc((100% - 980px) / 2);
    margin-top: 25px;
    margin-bottom: 35px; 
}
.swiper-content-page.swiper-container {
	width:100%;
	height:100%;
	}
.swiper-content-page.swiper-container img {
    width: 980px;
    height: 680px;
    object-fit:contain;/*设置图片宽高等于上级元素的值(可用px或者100%)，加object-fit:contain即可设置img等比缩放(无需任何js代码)*/
}  
.swiper-slide {
    text-align: center;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    }
.swiper-slide-view {
    position: absolute;
    width: 140px;
    height: 44px;
    line-height: 44px;
    right: 28px;
    bottom: 42px; /*bottom值如果小于42则与swiper-pagination按钮重叠，即使设置z-index也会有bug*/
}
.swiper-slide-view a {
    width: 100%;
    height: 44px;
    font-size: 14px;
    line-height: 44px;
    background: #d0323c;
}
.swiper-button-next.swiper-button-white {
    background:#d0323c;
    width: 60px;
    line-height: 44px;
    text-align: center;
}
.swiper-button-next.swiper-button-white {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'website_no_fonts' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.swiper-button-next.swiper-button-white:after {
  content: "\e901";
  font-size: 20px;
}      
.swiper-pagination-bullet-active {
	background:#333333;
    }
/*.swiper-button-disabled{
	display:none !important;
	opacity:0 !important;
	}hide the first and last buttons*/
@media screen and (min-width: 1000px) and (max-width: 1440px) {/*设置参照.pic_container*/
#list_swiper_box {
    width:auto !important;
    max-width: 950px;
    height:auto !important;
    max-height: 640px;
    margin-left: calc((100% - 950px) / 2);
}
.swiper-content-page.swiper-container img {
    max-height: 640px;
    max-width: 100%;
    width: auto;
    overflow: hidden;     
}    
}
@media screen and (max-width: 998px) {
#list_swiper_box {
    width:auto !important;
    max-width:calc(100% - 40px);
    height:auto !important;
    margin-left: 20px;
    margin-top: 15px;
    overflow: hidden;
}
.swiper-content-page.swiper-container img {    
    max-width: 100%;
    height: auto !important;
    width: auto;
    overflow: hidden;
}
.swiper-slide-view {
    right: auto !important;
    left: 28px;
}   
}
@media screen and (max-width: 1080px) {
#swiper-content-page-box {
    width:calc(100% - 40px);
    margin-left:20px;
} 
}