/* CSS Document */

*{margin: 0;padding: 0;}
html,body{font-family: Microsoft Yahei,Arial,sans-serif;color: #37474f;}
@media (min-width:1200px){
    html,body{font-size: 16px;}
}
@media (min-width:1024px) and (max-width:1199px){
    html,body{font-size: 15px;}
}
@media (min-width:768px) and (max-width:1023px){
    html,body{font-size: 14px;}
}
@media (min-width:576px) and (max-width:767px){
    html,body{font-size: 13px;}
}
@media (max-width:575px){
    html,body{font-size: 12px;}
}
.container{width:100% !important;max-width:1200px;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
a{text-decoration: none;}
a:hover{text-decoration: none;}
ul,li{list-style: none;}
section{padding:5.25rem 0 5rem;}
@media(max-width:768px){
    section{padding:3.25rem 0 3rem;}
}
.d-flex{display:flex;}
.flex-wrap{flex-wrap:wrap;}
.justify-content-between{justify-content:space-between;}
.align-items-center{align-items:center;}
.flex-grow-1{-ms-flex-positive: 1 !important;flex-grow: 1 !important;}

#fenye{clear:both; margin-top: 2rem;width: 100%;margin-bottom: 3.125rem;}
#fenye a{text-decoration:none; display:inline-block;padding:0.25rem 0.75rem; line-height:2;font-size: 12px;margin: 0.25rem;border:1px solid #ddd;color: #333;}
#fenye a.curr{ border:1px solid #0f7bf9; color:#0f7bf9; }
#fenye span{font-size: 12px;}

.location{line-height: 2;padding-top:1.25rem;padding-bottom: 0.5rem; border-bottom:1px solid #cecece;margin-bottom: 1.25rem;}
.location a{color:#37474f;text-decoration: none;}
.location i{margin:0 0.5rem;}
.location a >i{margin: 0 0.25rem 0 0;}
.location a:hover,.location a:first-child{color:#0f7bf9;}

.bg-f5{background-color:#f5f5f5;}

/*header
header .top{font-size: 12px;line-height: 2rem;box-shadow: 0 3px 6px rgba(0,0,0,.15);}
header .top a{padding-right:1rem;color:#37474f;}
header .top a:hover{color:#f26d59;}
header .top a:last-child{padding-right:0;}
header .top a + a{border-left:1px solid #ddd;padding-left:1rem;}
header .mid{padding-top:1.875rem;padding-bottom:1.875rem;}
header .mid .wrapper{display:flex;justify-content: space-between;align-items: center;}
header .mid .logo{text-align:center;}
header .mid .logo img{max-width:16.25rem;}
header .mid .logo h5{font-size:1.125rem;color:#0f7bf9; margin:0;font-weight: bold;}
header .mid .right span{display: block;color:#0f7bf9;}
header .mid .slogan{line-height: 2rem;}
header .mid .slogan p{font-size: 14px;margin-bottom: 0;}
header .mid .tel{background:url("../img/tel.png")left center no-repeat;padding-left:62px;}
header .mid .tel{margin-top:1rem;}
header .mid .tel h5{color:#868686;font-size: 1rem;margin-top:0;}
header .mid .tel p{margin-bottom:0;line-height: 1;white-space: nowrap;font-size: 14px;font-weight: bold;color:#f60;}
header .mid .tel p i{margin-right:0.625rem;}
header .mid .tel p a{color:#f60;}*/

/*header*/
header .mid{padding-top:1.875rem;padding-bottom:1.875rem;}
header .mid .wrapper{display:flex;justify-content: space-between;align-items: center;}

header .mid .logo img{max-width:10.25rem;}
header .mid .slogan{-ms-flex-positive: 1 !important;flex-grow: 1 !important;margin-left:1.25rem;position: relative;padding-left: 1.25rem;}
header .mid .slogan::before{content: '';display: block;width: 2px;height: 100%;background: -webkit-linear-gradient(bottom, #fff -4%,#ccc 50%,#fff 100%);background: -ms-linear-gradient(bottom, #fff -4%,#ccc 50%,#fff 100%);background: linear-gradient(bottom, #fff -4%,#ccc 50%,#fff 100%);position: absolute;left:0;top: 0;}
header .mid .slogan h5{font-size:1.875rem;color:#000; margin-top:0;margin-bottom: 1rem;}
header .mid .slogan p{margin-bottom: 0;font-weight: lighter;color:#777;}
header .mid .slogan p span{color:#0d70da;}
header .mid .tel{background:url("../img/tel.png")left center no-repeat;padding-left:62px;}
header .mid .tel h5{color:#868686;font-size: 1rem;margin-top:0;}
header .mid .tel p{margin-bottom:0;color:#f60;font-size: 1.75rem;line-height: 1;white-space: nowrap;}




@media(min-width:768px){
	header .mid .right{width: 61.8%;}
}
@media(max-width:767px){
    header .top{display:none;}
    header .mid{padding-top:1.25rem;padding-bottom:1.25rem;}
    header .mid .logo img{max-height:50px;}
    header .mid .logo h5,header .mid .tel{display:none;}
}

#topNav{background-color:#0f7bf9;color:#fff;padding:0;}
#topNav ul{padding-left:15px;padding-right:15px;display: flex;flex-wrap: wrap;}
#topNav .nav-item{text-align: center;width: 12.5%;}
#topNav .nav-item .nav-link{color:#fff;line-height: 3.125rem;padding: 0;}
#topNav .nav-item .nav-link:hover,#topNav .nav-item .nav-link.active{background-color:#01b34d;}
@media(max-width:1199px){
    #topNav ul{padding-left:0;padding-right:0;}
}
@media(max-width:575px){
    #topNav .nav-item{border-right:1px solid #fff;width: 25%;}
    #topNav .nav-item:nth-child(4n){border-right:0;}
    #topNav .nav-item.nav-top{border-bottom:1px solid #fff;}
    
}

/*footer*/
footer{background-color:#0f7bf9;color:#fff;padding: 1.875rem 0;}
footer .img img{max-width:16.25rem;}
footer .contact{margin-left:5%;border-left:1px solid #bbb;padding-left:5%;}
footer a{color:#fff;}
footer a:hover{color:#ff0;}
footer p{margin-bottom:0;line-height: 2.5;font-size: 0.875rem;}
footer p span + span{margin-left:1rem;}
footer .wx{display:flex;text-align: center;font-size: 0.875rem;}
footer .wx .img{margin-left:1.25rem;}
footer .wx .img img{max-width:6.25rem;}
footer .wx p{margin-bottom:0;line-height: 2;margin-top: 0.25rem;}
footer .call{background-color:#fff;color:#666;text-align: center;padding:5px 0 10px;box-shadow: 0 -2px 3px -1px rgba(0,0,0,.15);}
footer .call .item{width:33.333%;font-size: 1.5rem;}
footer .call .item i{color:#0f7bf9;}
footer .call .item p{margin-bottom:0;font-size: 10px;color:#0f7bf9;line-height: 1.4;}

@media(max-width:767px){
    footer{background-color:#f3f3f3;color:#777;padding: 0;}
    footer .copyright .img{display:none;}
    footer .copyright .contact{margin-left:0;border-left:0;padding-left:0;}
    footer .copyright{margin-bottom: 55px;padding-top:1.25rem;padding-bottom: 1.25rem;text-align: center;}
    footer .copyright p{font-size: 1rem;}
    footer .wx{display:none;}
}


/*carousel*/
.navbar-fixed-top + .bannerPc{margin-top:3.125rem;}
.bannerPc{ text-align:center;overflow: hidden;}
.bannerPc ul,.bannerPc li{ margin:0; padding:0; list-style:none;}
.bannerPc a{ display:block;}
.bannerPc img{ max-width:100%; vertical-align:middle;}
.banner-html5zoo{ /*overflow:hidden;*/}
.banner-html5zoo .html5zoo-arrow-left-0,.banner-html5zoo .html5zoo-arrow-right-0{width:40px !important; height:60px !important; top:50% !important; margin-top:-30px !important; background:url(../img/slide_bPc.png) no-repeat !important;display:block !important; visibility:hidden;}
.banner-html5zoo:hover .html5zoo-arrow-left-0,.banner-html5zoo:hover .html5zoo-arrow-right-0{ visibility:visible;}
.banner-html5zoo .html5zoo-arrow-left-0{left:50px !important; background-position:0 0 !important;}
.banner-html5zoo .html5zoo-arrow-right-0{right:50px !important; background-position:-40px 0 !important;}
.banner-html5zoo .html5zoo-arrow-left-1,.banner-html5zoo .html5zoo-arrow-right-1{width:40px !important; height:60px !important; top:50% !important; margin-top:-30px !important; background:url(../img/slide_bPc.png) no-repeat !important;display:block !important; visibility:hidden;}
.banner-html5zoo:hover .html5zoo-arrow-left-1,.banner-html5zoo:hover .html5zoo-arrow-right-1{ visibility:visible;}
.banner-html5zoo .html5zoo-arrow-left-1{left:50px !important; background-position:0 0 !important;}
.banner-html5zoo .html5zoo-arrow-right-1{right:50px !important; background-position:-40px 0 !important;}
.banner-html5zoo .html5zoo-nav{ text-align:center;}
.banner-html5zoo .html5zoo-bullet-span{ width:1em !important; height:2px !important; float:none !important; display:inline-block; background:#fff !important; opacity:0.5; box-sizing:border-box; border-radius:0; -webkit-border-radius:0; margin:0 5px !important; vertical-align:middle;}
.banner-html5zoo .html5zoo-bullet-span.active{width:1em !important; height:1em !important; border:2px solid #fff; background:none !important; opacity:1;border-radius:50%; -webkit-border-radius:50%;}

/*footer*/

/*index*/
.title{text-align: center;margin-bottom:3.125rem;}
.title em{font-size: 3.125rem;line-height: 3.125rem;color: #0f7bf9;font-family: Impact; margin-bottom: -36px;display: block;text-transform: uppercase;opacity: 0.15;}
.title b{font-size: 2.5rem;line-height: 3.125rem; color: #0f7bf9;text-transform: uppercase;}
.title b span{color: #000;}
.title p{line-height: 2.25rem;color: #666;}
.title i{height: 30px;}

@media(max-width:768px){
    .title{margin-bottom:1.875rem;}
}


.product-category{background-color:#fff;margin-bottom: 1.875rem;}
.product-category h3{background-color:#0f7bf9;color:#fff;font-size: 1.5rem;margin-top: 0;margin-bottom: 0;padding: 1.875rem 1rem 1.25rem;text-transform: capitalize;}
.product-category h3 em{font-size: 12px;font-style: normal;text-transform: lowercase;}
.product-category .category-box{border:2px solid #0f7bf9;border-top:0;padding: 1rem;}
.product-category .category-box dl{margin-bottom:0;}
.product-category .category-box dl + dl{margin-top:1rem;}
.product-category .category-box dl dt{background-color:#0f7bf9;font-weight: normal;border-radius: 0.25rem;padding: 1rem;font-size: 0.875rem;}
.product-category .category-box dl dt a{color:#fff;display:block;}
.product-category .category-box dl dd{border-bottom:1px dashed #ddd;padding: 1rem 0;display: none;}
.product-category .category-box dl:first-child dd{display:block;}
.product-category .category-box dl dd a{font-size: 0.875rem;color:#37474f;text-transform: capitalize;}
.product-category .category-box dl dd a:hover{color:#0f7bf9;}
.product-category .list{padding:1rem;border:2px solid #0f7bf9;border-top:0;}
.product-category .list h4{color:#f60;margin-top:0.625rem;margin-bottom:1rem;}
.product-category .list p{margin-bottom:0;border-bottom:1px dashed #cecece;font-size:0.875rem;line-height: 2;word-break: break-word;}
.product-category .list p + p{margin-top:0.5rem;}

.index .section-1{background-color:#fff;}
.index .section-1 .item{text-align: center;}
.index .section-1 .item .img{overflow: hidden;background-color:#fff;border: 0.625rem solid #fff;}
.index .section-1 .item .img img{width: 100%;height: 100%;object-fit: contain;transition: all linear 0.4s;}
.index .section-1 .item p{color:#37474f;margin-top: 0.625rem;margin-bottom: 1.25rem;overflow: hidden;line-height: 2;height: 4em;text-transform: capitalize;}
.index .section-1 .item:hover .img img{transform:scale(1.2);}
.index .section-1 .item:hover p{color:#0f7bf9;}

.index .section-2{background:url("../img/5.png")center no-repeat;height: 250px;}

.index .section-3 .panel{position:relative;margin-bottom: 0;box-shadow: 0 0 0 rgba(0,0,0,0);}
.index .section-3 .panel .info{position: absolute;z-index: 9;width: 506px;}
.index .section-3 .panel .info h5{color:#0f7bf9;font-size: 1.875rem;margin-bottom: 1.875rem;margin-top:3.125rem;}
.index .section-3 .panel .info h5 em{font-size:12px;font-style: normal;text-transform: capitalize;color:#bbb;}
.index .section-3 .panel .info p{line-height: 2;margin-bottom: 1rem;text-align: justify;}

.index .section-3 .panel:nth-child(even) .info{right: 35px;top: 0;}
.index .section-3 .panel:nth-child(odd) .info{left: 35px;top: 0;}
.index .section-3 .panel:nth-child(3) .info h5{margin-top:2.875rem;}
.index .section-3 .panel:nth-child(4) .info h5{margin-top:3.75rem;}
.index .section-3 .panel:nth-child(5) .info h5{margin-top:2.875rem;}

.index .section-4 .wrapper{display:flex;flex-wrap: wrap;justify-content: space-between;}
.index .section-4 .wrapper .img{width:48.5%}
.index .section-4 .wrapper .img img{width:100%;height: 100%;object-fit: cover;}

.index .section-4 .wrapper .info{width:48.5%;}
.index .section-4 .wrapper .info h5{font-size: 1.125rem;}
.index .section-4 .wrapper .info span{display: block;width: 4.5rem;height: 1px;background-color:#0f7bf9;margin-top: 1.25rem;margin-bottom: 1rem;}
.index .section-4 .wrapper .info p{text-align: justify;font-size: 0.875rem;line-height: 2;margin-bottom: 0;color:#777;}
.index .section-4 .wrapper .info a{display:inline-block;background-color:#0f7bf9;color:#fff;padding: 0.625rem 1.5rem;font-size: 0.875rem;margin-top: 1.875rem;border-radius: 0.25rem;}
.index .section-4 .list{margin-top:1.875rem;}
.index .section-4 .list .item img{max-width:100%;}

.index .section-5{padding-top:5.25rem;}
.index .section-5 .imgScroll{position:relative;overflow:  hidden;height: 14.6875rem;margin-top:1.875rem;}
.index .section-5 .list{display:-ms-flexbox;display:flex;position: absolute;left: 0;top: 0;}
.index .section-5 .list .item{width: 17.34375rem; margin-right: 1.25rem;text-align: center;cursor: pointer;background-color:#fff;}
.index .section-5 .list .item .img{overflow: hidden;height:11.5625rem;display: flex;align-items: center;justify-content: center;width: 100%;}
.index .section-5 .list .item .img img{width: 100%;height:100%;object-fit: cover;}
.index .section-5 .list .item p{margin-bottom:0;color:#000;line-height: 3.125rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding:0 0.5rem;}

.index .section-6{padding-bottom:0;}
.index .section-6 .list{display:flex;flex-wrap: wrap;border-top: 1px solid #cecece;border-left:1px solid #cecece;}
.index .section-6 .list .item{border-right:1px solid #cecece;border-bottom:1px solid #cecece;width: 20%;padding: 1rem;display: flex;align-items: center;justify-content: center;}
.index .section-6 .list .item img{max-width:100%;max-height: 100%;}
.index .section-6 .list .item:hover{box-shadow:0 0 1rem rgba(0,0,0,.1);}

.index .section-7{background:url("../img/10.png")center no-repeat;height: 283px;cursor:pointer;display:none;}


.index .section-8 .list{display:flex;flex-wrap: wrap;}
.index .section-8 .list .item{text-align:center;}
.index .section-8 .list .item .img{overflow:hidden;}
.index .section-8 .list .item .img img{transition:all linear 0.4s;width:100%;height: 100%;object-fit: cover;}
.index .section-8 .list .item p{color:#37474f;margin-bottom:1rem;line-height: 2;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top:0.625rem;text-transform: capitalize;}
.index .section-8 .list .item:hover .img img{transform:scale(1.2);}
.index .section-8 .list .item:hover p{color:#0f7bf9;}


@media(max-width:1199px){
    .index .section-2, .index .section-3, .index .section-5, .index .section-6, .index .section-7{display:none;}
    .index .section-1{background-color:#fff;}
    .index .section-1 .item .img{border-width:1px;border-color:#cecece;}
}
@media(max-width:767px){
    .index .section-1 .item:nth-child(odd){padding-right:7.5px;}
    .index .section-1 .item:nth-child(even){padding-left:7.5px;}
    .index .section-4 .list .item:nth-child(n+3){margin-top:1.25rem;}
}
@media(max-width:576px){
    .index .section-4 .wrapper .img,.index .section-4 .video{width:100%;}
    .index .section-4 .wrapper .info{width:100%;}
    .index .section-4 .item:nth-child(odd){padding-right:7.5px;}
    .index .section-4 .item:nth-child(even){padding-left:7.5px;}
    .index .section-5{padding-top:3.25rem;}
    .index .section-8 .list .left{width:100%;margin-bottom: 1.25rem;}
    .index .section-8 .list .right{width:100%;}
}

.main{padding:1.875rem 0 0;}
.main .content{margin-bottom:3.125rem;}
.main .content > h5 {font-size:1.25rem;margin-top:0;margin-bottom: 1rem;color:#000;text-align: center;}
.main .content #MyContent p{line-height:2;margin-bottom:1rem;text-indent: 2em;color:#777;text-align: justify;}
.main .content #MyContent p img{max-width:100%;margin-left:-2em;}
.main .content #MyContent img{max-width:100%;}
.main .content #MyContent table{width:100%;border-collapse: collapse;margin-bottom: 1rem;}
.main .content #MyContent table tr td{border:1px solid #ddd;padding: 0.5rem 0.75rem;vertical-align: middle;white-space: normal;line-height: 2;font-size: 0.875rem;}
.main .content #MyContent video{background-color:#000;}
hr{margin-top:1rem;margin-bottom: 1rem;}
ul.redirect{margin-bottom: 0;}
ul.redirect li{white-space:nowrap;overflow: hidden;text-overflow: ellipsis;height: 2rem;line-height: 2rem;}
ul.redirect li a{color:#0f7bf9;}
ul.redirect li a:hover{text-decoration: underline;}

@media(max-width:576px){
    .main{padding: 0;}
}

.main .list{}
.main .list .item{}
.main .list .item .img{overflow: hidden;border: 1px solid #cecece;}
.main .list .item .img img{width:100%;height: 100%;object-fit: cover;transition:all linear 0.4s;}
.main .list .item p{text-align:center;color:#777;overflow: hidden;margin-top: 0.625rem;margin-bottom: 1rem;font-size:0.875rem;line-height: 2;max-height: 4em;}
.main .list .item:hover .img{border-color:#0f7bf9;}
.main .list .item:hover .img img{transform:scale(1.2);}
.main .list .item:hover p{color:#0f7bf9;}
@media(max-width:576px){
    .main .list .item:nth-child(odd){padding-right:7.5px;}
    .main .list .item:nth-child(even){padding-left:7.5px;}
}

.m-category ul{display:flex;margin-bottom: 1.25rem;flex-wrap: wrap;}
.m-category ul li{margin-bottom: 0.625rem;margin-right: 1rem;}
.m-category ul li a{color:#37474f;background-color:#f3f3f3;display: inline-block;padding: 0.75rem 1.25rem;border-radius: 0.25rem;}
.m-category ul li.currclass a,.m-category ul li:hover a{background-color:#0f7bf9;color:#fff;}

.main .product-list .item .img{overflow: hidden;border: 1px solid #cecece;}
.main .product-list .item .img img{width:100%;height: 100%;object-fit: contain;transition:all linear 0.4s;}
.main .product-list .item p{text-align:center;color:#777;overflow: hidden;margin-top: 0.625rem;margin-bottom: 1rem;font-size:0.875rem;line-height: 2;max-height: 4em;text-transform: capitalize;}
.main .product-list .item:hover .img{border-color:#0f7bf9;}
.main .product-list .item:hover .img img{transform:scale(1.2);}
.main .product-list .item:hover p{color:#0f7bf9;}
@media(max-width:576px){
    .main .product-list .item:nth-child(odd){padding-right:7.5px;}
    .main .product-list .item:nth-child(even){padding-left:7.5px;}
}

.news-category{background-color:#fff;margin-bottom: 1.875rem;}
.news-category h3{background-color:#0f7bf9;color:#fff;text-align: center;font-size: 1.875rem;margin-top: 0;margin-bottom: 0;padding: 1.875rem 0 1.25rem;}
.news-category  .category-box{border:2px solid #0f7bf9;border-top:0;padding: 1rem;}
.news-category  .category-box nav{}
.news-category  .category-box nav a{background-color:#eee;color:#37474f;display:block;padding: 0.75rem 1rem;font-size: 0.875rem;}
.news-category  .category-box nav a + a{margin-top:1rem;}
.news-category  .category-box nav a.currclass,.news-category  .category-box nav a:hover{background-color:#0f7bf9;color:#fff;}
.news-list  dl{margin-bottom:0;display:-ms-flexbox;display:flex;align-items: center;border:1px solid #cecece;}
.news-list  dl + dl{margin-top:1.25rem;}
.news-list  dl dt{text-align: center;padding: 1rem;font-weight: normal;min-width: 7.25rem;}
.news-list  dl dt b{display:block;font-size: 2.5rem;line-height: 1;}
.news-list  dl dt span{font-size:12px;}
.news-list  dl dd{padding:1rem;border-left:1px solid #cecece;overflow: hidden;}
.news-list  dl dd h5{font-size:1.125rem;margin-top:0;margin-bottom: 0.625rem;line-height: 1;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news-list  dl dd h5 a{color:#000;}
.news-list  dl dd p{font-size:0.875REM;line-height: 2em;margin-bottom: 0;color:#777;max-height: 4em;overflow: hidden;text-align: justify;}
.news-list  dl dd h5 a:hover{color:#0f7bf9;}

.contact-box{margin-bottom:1.875rem;border: 2px solid #0f7bf9;}
.contact-box h3{background-color:#0f7bf9;color:#fff;margin-top:0;margin-bottom:0;padding:1.25rem 1rem 0.625rem;font-size:1.25rem;}
.contact-box h3 em{font-size:12px;}
.contact-box .list{padding:1rem;}
.contact-box .list p{margin-bottom:0;border-bottom:1px dashed #cecece;font-size:0.875rem;line-height: 2;word-break: break-word;}
.contact-box .list p + p{margin-top:0.5rem;}

.tabWrapper #myTab{display:flex;}
.tabWrapper #myTab li{display:inline-block;margin-right: 1.25rem;margin-top:0.5rem;}
.tabWrapper #myTab li:last-child{margin-right: 0;}
.tabWrapper #myTab li a{color:#37474f;background-color:#f5f5f5;border-radius: 0.25rem;}
.tabWrapper #myTab li:hover a,.tabWrapper #myTab li.active a{color:#fff;background-color:#0085ec;}
#PFC{margin-top:3.125rem;}
.tabWrapper .zlist{align-items: flex-end;margin-top:3.125rem;}
.tabWrapper .zlist + .zlist{}
.tabWrapper .zlist .img{width: 50%;}
.tabWrapper .zlist .img img{width:100%;height: 100%;object-fit: cover;}
.tabWrapper .zlist .info{width:50%;padding: 1rem;border-bottom: 1px solid #37474f;}
.tabWrapper .ds-list{display:flex;}
.tabWrapper .ds-list .info{line-height: 2;margin-right: 1.25rem;}
.tabWrapper h5{margin-top:3.125rem;margin-bottom: 0.625rem;font-size: 1.25rem;color:#000;font-weight: bold;}
.tabWrapper .ds-list .info p{margin-bottom: 0.625rem;}
.tabWrapper .ds-list .img{}
.tabWrapper .ds-list .img img{max-width:18.25rem;}
.swiper-container {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}
.swiper-slide {
  text-align: center;
  background: #fff;
  /* 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;
    border: 1px solid #ddd;
    padding: 1rem;
    box-shadow: 0 3px 6px rgba(0,0,0,.05);
}
.swiper-slide img{max-width: 100%;max-height: 100%;}

@media(max-width:576px){
    .tabWrapper .zlist .img,.tabWrapper .zlist .info{width: 100%;}
    .tabWrapper .ds-list {flex-wrap: wrap;}
    .tabWrapper .ds-list .info{width: 100%;margin-right: 0;}
    .tabWrapper .ds-list .img{width: 100%;}
    .tabWrapper .ds-list .img img{max-width: 100%;width: 100%;}
}