@charset "utf-8";
/* CSS Document */
.index2{background: url(../images/index2bg.jpg);-webkit-background-size: cover;background-size: cover; height:500px;}
.index2 .row{margin: 0 -2vw}
.index2 .col-md-4{padding:0 2vw}
.index2 .item .imgbox{position: relative;}
.index2 .item .bottom{font-size: .32rem;color: rgb(52, 52, 52);padding: 3.5vw 0 5vw;text-align: center;}
.index2 .title{font-size: 40PX;color: rgb(51, 51, 51);text-align: center;padding: 20px;}
.index2 .item .after{position: absolute;width: 100%;height: 100%;top:0;left: 0;background:rgba(241,139,26,.7);transition: all .4s linear;opacity: 0}
.index2 .item .after img{position:absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
/* 初始化 */
.main{width:100%;position:relative;overflow:hidden;}
#videoview{}
#videoview .mybg{position: absolute;width: 100%;left: 0;top: 0;  }
#videoview .mybg img{width: 100%;}
#videoview .max-wid{width: 90%;margin: auto;max-width: 1980px;margin-top: 0px;position: relative;z-index: 10;}
#videoview .max-wid .rtop{display: flex;justify-content: space-between;padding: 80px 0;}
#videoview .max-wid .rtop > div:nth-of-type(1){flex-basis: 12%;text-align: center;}
#videoview .max-wid .rtop > div:nth-of-type(1) img{width: 100%;}
#videoview .max-wid .rtop > div:nth-of-type(2){flex-basis: 60%;display: flex;justify-content: space-between;flex-direction: column;text-align: left;}
#videoview .max-wid .rtop > div:nth-of-type(2) .Tdata{display: flex;align-items: center;justify-content: flex-start;}
#videoview .max-wid .rtop > div:nth-of-type(2) .Tdata span{display: inline-block;margin-right: 20px;}
#videoview .max-wid .rtop > div:nth-of-type(3){flex-basis: 12%;text-align: center;}
#videoview .max-wid .rtop > div:nth-of-type(3) img{width: 100%;}
#videoview .max-wid .rmid{display: flex;justify-content: space-between;flex-wrap: wrap;padding: 0px;}
#videoview .max-wid .rmid .box{position: relative;box-sizing: border-box;width: 33%;}
#videoview .max-wid .rmid .box .mask{position: absolute;top: 0;left: 0;transform: translateX(-3%);}
#videoview .max-wid .rmid .box .photo{position: relative;padding: 3% 0 0 3%;}
#videoview .max-wid .rmid .box .photo > div{position: relative;}
#videoview .max-wid .rmid .box .photo > div video{position: absolute;cursor: pointer;left: 0;top: 0;border-radius: 8px;width: 100%;height: 100%;object-fit: cover;opacity: 0;pointer-events: none;z-index: 5;transition: all 0.3s ease-in-out;}
#videoview .max-wid .rmid .box .photo > div video.on{opacity: 1;pointer-events: auto;}
#videoview .max-wid .rmid .box .photo > div:after{content: '';position: absolute;width: 100%;height: 100%;pointer-events: none;left: 0;top: 0;background: url(../images/bg1.png) bottom no-repeat;background-size: 100%;}
#videoview .max-wid .rmid .box .photo > div img{width: 100%;}
#videoview .max-wid .rmid .box .photo .play{position: absolute;z-index: 10;width: 59px;height: 59px;left: 0;right: 0;bottom: 0;top: 0;margin: auto;transition: all 0.3s ease-in-out;}
#videoview .max-wid .rmid .box .photo .play.on{opacity: 0;pointer-events: none;}
#videoview .max-wid .rmid .box .photo .play img{width: 100%;}
#videoview .max-wid .rmid .box .msg{display: flex;justify-content: space-between;padding-left: 9%;margin-top: 20px;}
#videoview .max-wid .rbtm{text-align: center;padding: 20px 0 80px 0;}
#videoview .max-wid .rbtm .more{display: inline-block;border: 1px solid rgba(255,255,255,0.15);color: rgba(255,255,255,0.3);text-align: center;padding: 10px 32px;}