.index-top2 {position: relative;width: 100%;color: #fff;}
.index-top2 a {color: inherit;text-decoration: none}
.index-top2 .index-top-bar2 {position: absolute;bottom: 0;left: 0;width: 100%;height: 120px;padding: 29px 0;background: rgba(0, 0, 0, .35)}
.index-top2 .index-top-bar2 .index-top-news2 ul {font-size: 12px}
.index-top2 .index-top-bar2 .index-top-media2 .c-icon {display: inline-block;position: relative;cursor: pointer;font-size: 25px;-webkit-transition: color .3s ease;transition: color .3s ease}
.index-top2 .index-top-bar2 .index-top-media2 .c-icon:hover {color: #07c7b2}
.index-top2 .index-top-bar2 .index-top-media2 .c-icon:hover .index-top-media-qrcode2 {visibility: visible;opacity: 1;-webkit-transform: translateZ(0);transform: translateZ(0)}
.index-top2 .index-top-bar2 .index-top-media2 .index-top-media-qrcode2 {position: absolute;bottom: 50px;left:0px;z-index: 1;width: 112px;padding-top: 100px;font-size: 12px;color: #676767;text-align: center;border-radius: 4px;border: 6px solid #fff;background: #fff url(../images/erweima.png) 0 0 no-repeat;cursor: default;visibility: hidden;opacity: 0;-webkit-transform: translate3d(0, 5%, 0);transform: translate3d(0, 5%, 0);-webkit-transition: opacity .3s ease, visibility .3s ease, -webkit-transform .3s ease;transition: opacity .3s ease, visibility .3s ease, -webkit-transform .3s ease;transition: opacity .3s ease, transform .3s ease, visibility .3s ease;transition: opacity .3s ease, transform .3s ease, visibility .3s ease, -webkit-transform .3s ease}
.index-top2 .index-top-bar2 .index-top-media2 .index-top-media-qrcode2:after {content: "";position: absolute;bottom: -16px;left: 50%;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #fff}
.index-top2 .index-top-bar2 .index-top-media2 .index-top-media-qrcode-alipay2 {background-position: -100px 0}
.index-top2 .index-top-bar2 .index-top-media2 .index-top-media-qrcode-weibo2 {background-position: -200px 0}
.index-top2 .index-top-bar2 .index-top-media2 .index-top-media-qrcode-wechat2 {background-position: -300px 0}
.lunbo{width:100%;max-width:1068px;margin:150px auto;height:479px;}
/*轮播*/
.m-carousel2 {position: relative;overflow: hidden}
.m-carousel-list2 {overflow-y: hidden;width: 100%;height: 479px;-webkit-transition: -webkit-transform .3s ease;transition: -webkit-transform .3s ease;transition: transform .3s ease, -webkit-transform .3s ease}
.m-carousel-list2 li {float: left;width: 100%;height: 100%;padding-bottom: 120px;overflow: hidden;text-align: center;background-repeat: no-repeat;background-position: center 0;background-size: auto 100%;border-radius:40px;}
.m-carousel-list2 li a {display: block;height: 100%}
.m-carousel-list2 .m-carousel-title {font-size: 56px;font-weight: 700;padding-top: 220px;text-shadow: 0 2px 20px rgba(0, 0, 0, .1)}
.m-carousel-list2 .m-carousel-note {color: hsla(0, 0%, 100%, .8);font-size: 24px;text-shadow: 0 2px 20px rgba(0, 0, 0, .1)}
.m-carousel-list2 .m-carousel-btn {display: inline-block;width: 218px;height: 40px;line-height: 40px;background: -webkit-linear-gradient(right, #36e4ff, #5bbdff);background: linear-gradient(-90deg, #36e4ff, #5bbdff);border-radius: 4px;margin-top: 32px}
.c-carousel-dot2 {position: absolute;top: 0;padding-top:120px;left: 40px;width: 50px;height:100%;text-align: center}
.c-carousel-dot2 span {display: block;width: 52px;height:52px;padding:7px;margin:  30px;border-radius: 40px;background:rgba(255,255,255,0);border:0;cursor: pointer;-webkit-transition: width .3s ease, background .3s ease;transition: width .3s ease, background .3s ease}
.c-carousel-dot2 span i {display: block;width: 36px;height:36px;border-radius: 40px;background: #fff;cursor: pointer;-webkit-transition: width .3s ease, background .3s ease;transition: width .3s ease, background .3s ease}
.c-carousel-dot2 span:nth-child(2){background:rgba(255,255,255,0);border:0;}
.c-carousel-dot2 span:nth-child(3) {background:rgba(255,255,255,0);border:0;}
.c-carousel-dot2 span:nth-child(2) i {background: #715746;}
.c-carousel-dot2 span:nth-child(3) i {background: #1a1a1a;}
.c-carousel-dot2 span:hover {background: #666;background: hsla(0, 0%, 100%, .4)}
.c-carousel-dot2 span.active {border:1px solid  #fff;}
.c-carousel-dot2 span:nth-child(2).active {background:rgba(255,255,255,0);border:1px solid #715746;}
.c-carousel-dot2 span:nth-child(3).active {background:rgba(255,255,255,0);border:1px solid #1a1a1a;}
@media screen and (max-width: 992px){
    .m-carousel-list2 {overflow-y: hidden;width: 100%;height: 300px;-webkit-transition: -webkit-transform .3s ease;transition: -webkit-transform .3s ease;transition: transform .3s ease, -webkit-transform .3s ease}
    .m-carousel-list2 li {float: left;width: 100%;height: 100%;padding-bottom: 120px;overflow: hidden;text-align: center;background-repeat: no-repeat;background-position: center 0;background-size: auto 100%;border-radius:10px;}
    .m-carousel-list2 li a {display: block;height: 100%}
    .m-carousel-list2 .m-carousel-title {font-size: 56px;font-weight: 700;padding-top: 220px;text-shadow: 0 2px 20px rgba(0, 0, 0, .1)}
    .m-carousel-list2 .m-carousel-note {color: hsla(0, 0%, 100%, .8);font-size: 24px;text-shadow: 0 2px 20px rgba(0, 0, 0, .1)}
    .m-carousel-list2 .m-carousel-btn {display: inline-block;width: 218px;height: 40px;line-height: 40px;background: -webkit-linear-gradient(right, #36e4ff, #5bbdff);background: linear-gradient(-90deg, #36e4ff, #5bbdff);border-radius: 4px;margin-top: 32px}
    .c-carousel-dot22 {position: absolute;top: 0;padding-top:20px;left: 20px;width:22px;height:100%;text-align: center}
    .c-carousel-dot22 span {display: block;width: 21px;height:21px;padding:3px;margin: 20px 0;border-radius: 40px;background:rgba(255,255,255,0);border:0;cursor: pointer;-webkit-transition: width .3s ease, background .3s ease;transition: width .3s ease, background .3s ease}
    .c-carousel-dot22 span i {display: block;width: 14px;height:14px;border-radius: 40px;background: #fff;cursor: pointer;-webkit-transition: width .3s ease, background .3s ease;transition: width .3s ease, background .3s ease}
    .lunbo{width:100%;margin:10px auto;height:calc(44.8vw - 40px * 0.48);margin-top:100px;padding:0 20px;}
}
@media screen and (max-width: 480px) {
    .m-carousel-list2 {overflow-y: hidden;width:100%;height:calc(44.8vw - 40px * 0.48) ;-webkit-transition: -webkit-transform .3s ease;transition: -webkit-transform .3s ease;transition: transform .3s ease, -webkit-transform .3s ease}
    .m-carousel-list2 li {float: left;width: 100%;height: 100%;padding-bottom:0;overflow: hidden;text-align: center;background-repeat: no-repeat;background-position: center 0;background-size: auto 100%;border-radius:10px;}
    .c-carousel-dot22 {position: absolute;top: 0;padding-top:0px;left: 20px;width:22px;height:100%;text-align: center}
    .c-carousel-dot22 span {display: block;width: 21px;height:21px;padding:3px;margin: 20px 0;border-radius: 40px;background:rgba(255,255,255,0);border:0;cursor: pointer;-webkit-transition: width .3s ease, background .3s ease;transition: width .3s ease, background .3s ease}
    .c-carousel-dot22 span i {display: block;width: 13px;height:13px;border-radius: 40px;background: #fff;cursor: pointer;-webkit-transition: width .3s ease, background .3s ease;transition: width .3s ease, background .3s ease}
    .lunbo{width:100%;margin:10px auto; height:calc(44.8vw - 40px * 0.48);padding:0 20px;}
}