.m-list1{overflow:hidden;margin:192px -16px 0}
.m-list1 li{width:10.1%;float:left;transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s}
.m-list1 li.hover{width:65.5%}
.m-list1 .con{display:block;height:700px;background-position:center;background-repeat:no-repeat;-o-background-size:cover;-ms-background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;margin:0 16px;border-radius:20px;overflow:hidden;transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s}
.m-list1 .tit{position:relative;height:100%;color:#fff;padding-left:20px;padding-top:59px;background-position:center;background-repeat:no-repeat;-o-background-size:cover;-ms-background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s}
.m-list1 li.hover .tit{padding-left:40px;background-image:none!important}
.m-list1 .txt{position:absolute;left:0;right:0;width:100%;bottom:85px;z-index:8;transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s}
.m-list1 .pic{position:relative;width:100px;height:100px;margin:0 auto 12px;transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s}
.m-list1 .pic img{position:absolute;top:0;right:0;left:0;bottom:0;display:block;width:100%;height:100%;object-fit:cover}
.m-list1 li .pic .img2,.m-list1 li.hover .pic .img1{opacity:0}
.m-list1 li.hover .pic .img2{opacity:1}
.m-list1 .name{font-family:Roboto-Medium;font-size:16px;color:#c9caca;line-height:1.175;text-align:center;transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s}
.m-list1 li.hover .name{font-family:Roboto-Black;font-size:40px;text-align:left;color:#fff}
.m-list1 li.hover .txt{padding-left:56px}
.m-list1 li.hover .pic{margin:0 0 15px}

@media only screen and (min-width:1200px) {
.swiperban .pic,.swiperindex,.swiperindex .swiper-slide{height:100vh}
.swiperban .pic img{object-fit:cover}
.swiperban .txt .tit{font-family:Roboto-Black;font-size:3.125vw;margin-bottom:2.812vw}
/* .swiperban .g-moree1{background-image:url(../image/icon-bg1.png);width:17.23vw} */

.m-list1{margin:2vw -.833vw 0}
.m-list1 li{width:11%;transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s}
.m-list1 li.hover{width:65.5%}
.m-list1 .con{height:25vw;background-repeat:no-repeat;-o-background-size:cover;-ms-background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;margin:0 .833vw;border-radius:1.041vw;transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s}
.m-list1 .tit{padding-left:1.041vw;padding-top:3.072vw;background-repeat:no-repeat;-o-background-size:cover;-ms-background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s}
.m-list1 li.hover .tit{padding-left:2.083vw;background-image:none!important}
.m-list1 .txt{left:0;right:0;bottom:4.427vw;transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s}
.m-list1 .pic{width:5.208vw;height:5.208vw;margin:0 auto .625vw;transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s}
.m-list1 .pic img{top:0;right:0;left:0;bottom:0;object-fit:cover}
.m-list1 li .pic .img2,.m-list1 li.hover .pic .img1{opacity:0}
.m-list1 li.hover .pic .img2{opacity:1}
.m-list1 .name{font-family:Roboto-Medium;font-size:.833vw;line-height:1.175;transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s}
.m-list1 li.hover .name{font-family:Roboto-Black;font-size:2.083vw}
.m-list1 li.hover .txt{padding-left:2.916vw}
.m-list1 li.hover .pic{margin:0 0 .781vw}
}
@media only screen and (max-width:1200px){

.m-list1{margin:40px -10px 0}
.m-list1 .con{height:50vh;margin:0 10px;border-radius:10px;filter:grayscale(1)}
.m-list1 li.hover .con{filter:grayscale(0)}
.m-list1 li,.m-list1 li.hover{width:50%;margin-bottom:20px}
.m-list1 .txt,.m-list1 li.hover .txt{padding-left:0}
.m-list1 .pic .img2,.m-list1 li .pic .img2,.m-list1 li.hover .pic .img1{opacity:1}
.m-list1 .pic,.m-list1 li.hover .pic{margin:0 auto 15px}
.m-list1 li .name,.m-list1 li.hover .name{font-family:Roboto-Black;text-align:center;color:#fff;font-size:30px}
.m-list1 li .tit{padding-left:40px;background-image:none!important}
.swiperindex .swiper-wrappere1{display:block}
}
@media only screen and (max-width:959px){
.swiperban .txt .tit{font-size:40px;line-height:50px;margin-bottom:30px}

.m-list1 li .name,.m-list1 li.hover .name{font-size:22px}
.m-list1 .con,.m-video video{height:40vw}
.g-sidebar{position:fixed;bottom:30px;right:30px}
.g-sidebar .pic{width:40px;height:40px;margin-bottom:10px}
/* .m-idxso .g-morea1{background-color: #717171;} */
}
@media only screen and (max-width:767px){
.m-list1 .con,.m-video video{height:44vw}
.swiperban .pic{height:280px}
.swiperban .txt .tit{font-size:22px;line-height:25px}

.m-list1{margin:30px -5px 0;padding-bottom: 30px;}
.m-list1 .con{margin:0 5px}
.m-list1 .txt{bottom:14px}
.m-list1 .pic{position:relative;width:70px;height:70px}
.m-list1 .pic,.m-list1 li.hover .pic{margin:0 auto 5px}
.m-list1 li .name,.m-list1 li.hover .name,.ul-tabe1 .on .con{font-size:18px}
}
@media only screen and (max-width:320px){
.m-new .top .tit{font-size:15px;margin-right:15px}
.ul-tabe1 .con{font-size:12px}
.m-searchidx{min-height:300px}
.m-searchidx .txt .desc{font-size:14px}
.m-searchidx .txt .tit{font-size:20px;margin-bottom:7px}
.ul-search li{margin:0 5px 5px 0}
.m-add span{font-size:12px}
.m-list1 li .name,.m-list1 li.hover .name{font-size:16px}
}