.wapper{width:100%}.inner{width:1200px;margin:auto}.bannar{width:100%;overflow:hidden}.bannar img{width:100%}.swiper-pagination{bottom:0}.swiper-pagination .swiper-pagination-bullet{width:9px;height:9px;margin:0 6px;background:#ccc;opacity:1}.swiper-pagination .swiper-pagination-bullet-active{background:#f0ab00}.title-box{width:100%;text-align:center}.title-box h1{width:100%;height:42px;line-height:42px;font-size:42px;color:#333;letter-spacing:4px;font-weight:bold}.title-box span{width:101px;height:8px;display:block;margin:17px auto 0;background:#f0ab00}.video-wapper{width:100%;height:446px;margin-top:70px;position:relative}.video-wapper .inner{position:relative}.video-wapper .left{width:790px;display:inline-block;height:100%}.video-wapper .left .video{width:100%;height:344px;background:red;position:relative}.video-wapper .left .video .palybtn{width:100px}.video-wapper .left .subtitle{width:100%;height:100px;padding-left:20px;background-color:#333;overflow:hidden}.video-wapper .left .subtitle h1{color:white;margin:14px 0 18px 0;font-size:20px}.video-wapper .left .subtitle h2{font-weight:normal;color:#ddd;font-size:20px}.video-wapper .right{display:inline-block;width:380px;height:100%;overflow-y:scroll;position:absolute;top:0;right:0}.video-wapper .right .btn-item{width:358px;height:99px;line-height:99px;margin-bottom:16px;border:2px solid #ddd;padding-left:35px;position:relative;font-size:22px;font-weight:bold;color:#666;cursor:pointer}.video-wapper .right .btn-item img{position:absolute;width:24px;top:7px;bottom:0;left:4px;margin:auto}.video-wapper .right .btn-item.select{background:#fff8e8;border:2px solid #fdba12;color:#FDBA12}.video-wapper .right::-webkit-scrollbar-button{display:none}.video-wapper .right::-webkit-scrollbar{width:11px;height:100%;background:#eee;border-radius:5px}.video-wapper .right::-webkit-scrollbar-thumb{width:10px;height:134px;background:#ddd;border-radius:5px}.introduce{margin-top:32px;padding:34px 0;background-color:#F8F8F8}.introduce .inner{width:1200px;margin:auto}.introduce .inner .title{margin-top:28px;margin-bottom:44px;width:100%;font-size:24px;font-weight:400;color:#333;line-height:32px}.introduce .inner .round-wapper{width:100%;height:240px}.introduce .inner .round-wapper .round{width:240px;height:240px;border:3px solid #F0AB00;border-radius:50%;float:left;margin-right:78px}.introduce .inner .round-wapper .round:last-child{margin-right:0}.introduce .inner .round-wapper .round .r-in{width:224px;height:224px;margin-left:5px;margin-top:5px;border:1px solid #F0AB00;border-radius:50%}.introduce .inner .round-wapper .round .r-in .t{width:100%;font-size:24px;font-weight:500;color:#333;line-height:22px;text-align:center;margin-top:43px}.introduce .inner .round-wapper .round .r-in .t strong{padding:0 6px}.introduce .inner .round-wapper .round .r-in .line{width:163px;height:2px;background-color:#ccc;display:block;margin:10px auto 15px}.introduce .inner .round-wapper .round .r-in .b{width:180px;font-size:14px;font-weight:400;color:#333;line-height:22px;margin:auto;position:relative;left:5px}.introduce .inner .round-wapper .round .r-in strong{color:#F0AB00;font-weight:normal}.main-fourm{background-color:white;padding:32px 0 38px}.main-fourm .fourm-item{margin-bottom:16px}.main-fourm .fourm-item img{width:100%}.main-fourm .fourm-item-2 img{width:588px;height:368px}.main-fourm .fourm-item-2 img:first-child{margin-right:16px}.sub-fourm .swiper-container{padding-bottom:94px}.sub-fourm .swiper-container .swiper-pagination{bottom:42px}.sub-fourm .swiper-container .swiper-pagination .swiper-pagination-bullet{width:16px;height:16px;margin:0 8px}.sub-fourm .inner{height:710px;margin-top:34px}.sub-fourm .inner .item{position:relative;display:inline-block;float:left}.sub-fourm .inner .item:hover .txt-wapper .txt-inner{transform:translateY(0)}.sub-fourm .inner .item img{width:100%;height:100%}.sub-fourm .inner .item .cover{width:100%;height:164px;background:linear-gradient(180deg, transparent 0%, #232323 60%);opacity:0.6;position:absolute;left:0;bottom:0}.sub-fourm .inner .item .txt-wapper{position:absolute;left:0;bottom:70px;bottom:20px;width:100%;height:100px;overflow:hidden}.sub-fourm .inner .item .txt-wapper .txt-inner{width:100%;height:200px;position:relative;transform:translateY(40px);transition:all 0.25s ease}.sub-fourm .inner .item h1{font-size:32px;font-weight:bold;color:#fff;line-height:48px;position:absolute;left:24px;top:10px;z-index:9}.sub-fourm .inner .item span{font-size:24px;font-weight:400;color:#fff;line-height:36px;position:absolute;left:24px;top:60px}.sub-fourm .inner .hr,.sub-fourm .inner .money,.sub-fourm .inner .erp{width:392px;height:392px;margin-right:10px;margin-bottom:10px}.sub-fourm .inner .hr{margin-right:0}.sub-fourm .inner .buy{margin-right:10px}.sub-fourm .inner .buy,.sub-fourm .inner .supply{width:593px;height:300px}.guest{background-color:#F8F8F8;padding:34px 0 0}.guest .title-box{margin-bottom:46px}.guest .inner .swiper-container{padding-bottom:78px}.guest .inner .swiper-container .s-item{display:block;width:100%;height:100%;position:relative}.guest .inner .swiper-container .s-item img{width:100%;height:100%;display:block}.guest .inner .swiper-container .s-item .txt-cover{width:100%;height:100%;position:absolute;left:0;top:0;padding-left:374px;padding-top:30px;background-color:rgba(0,0,0,0.1)}.guest .inner .swiper-container .s-item .txt-cover .title-box{text-align:left;width:100%;color:white}.guest .inner .swiper-container .s-item .txt-cover .title-box h1{font-size:32px;color:white}.guest .inner .swiper-container .s-item .txt-cover .title-box span{height:4px;width:45px;margin:8px 0 0}.guest .inner .swiper-container .s-item .txt-cover .text{width:100%;font-size:20px;font-weight:bold;margin-top:60px;color:white;padding-right:40px}.guest .inner .swiper-container .swiper-slide{width:720px;height:400px}.guest .inner .swiper-container .swiper-pagination{bottom:22px}.guest .inner .swiper-container .swiper-pagination-bullet{width:16px;height:16px;margin:0 8px}.guest .inner .swiper-container .swiper-button-next,.guest .inner .swiper-container .swiper-button-prev{top:42%}.guest .inner .swiper-container .swiper-button-prev,.guest .inner .swiper-container .swiper-container-rtl .swiper-button-next{left:16px;width:50px;height:50px;background-image:url(../imgs/index/left.png);background-size:50px}.guest .inner .swiper-container .swiper-button-next,.guest .inner .swiper-container .swiper-container-rtl .swiper-button-prev{right:16px;width:50px;height:50px;background-image:url(../imgs/index/right.png);background-size:50px}.sponsor .title-box{margin:48px 0 42px 0}.sponsor .item{width:100%;margin-bottom:48px}.sponsor .item:last-child{margin-bottom:72px}.sponsor .item .title{width:100%;font-size:32px;font-weight:500;color:#333;line-height:48px;text-align:center;letter-spacing:3px;font-weight:bold}.sponsor .item .line{display:block;margin:17px 0 24px 0;width:100%;height:4px;background:linear-gradient(270deg, #fff 0%, #fce4ba 49%, #fff 100%)}.sponsor .item .item-inner{width:100%}.sponsor .item .item-inner::after{content:"";display:block;height:0;line-height:0;clear:both;visibility:hidden;-webkit-transform:rotate(7deg);transform:rotate(7deg)}.sponsor .item .item-inner h2{text-align:center;margin-right:27px;float:left;font-weight:normal;margin-bottom:24px;width:380px;height:120px;line-height:120px;background:#f2f2f2;font-size:32px;font-weight:500;color:#333}.sponsor .item .item-inner h2:nth-of-type(3n){margin-right:0}.sponsor .item .item-inner h2:nth-last-child(3),.sponsor .item .item-inner h2:nth-last-child(2),.sponsor .item .item-inner h2:nth-last-child(1){margin-bottom:0}.backtop{width:1200px;left:0;right:0;bottom:100px;margin:auto;position:fixed;transition:all 0.25s ease;transform:translateY(20px);opacity:0;z-index:999}.backtop .top{width:50px;height:50px;right:0;position:absolute;right:-50px}.backtop.show{transform:translateY(0);opacity:1}
.app-wapper {
    background: #FFFFFF;
}
.banner-s0 img{
    width: 24px;
    position: absolute;
    left: 20px;
    top: 20px;
}
.banner-s0
{
    width:163px;
    height:63px;
    position: absolute;
    background:rgba(0,0,0,1);
    border-radius:32px;
    opacity:0.77;
    font-size:24px;
    font-weight:400;
    color:rgba(255,255,255,1);
    line-height:63px;
    text-align: center;
    z-index: 1;
    right: 120px;
    bottom: 30px;
    text-indent: 20px;
}
.section-1
{
    width:100%;
    margin-top: 32px;
    padding-bottom: 32px;
}
.title-box .subtitle
{
    width:100%;
    height:24px;
    font-size:24px;
    font-weight:500;
    color:rgba(153,153,153,1);
    line-height:24px;
    letter-spacing:2px;
    text-align: center;
    margin-top: 10px;
}
.title-box .tips
{
    display: inline-block;
    width: 101px;
    height: 26px;
    background: rgba(240,171,0,0.23);
    font-size: 16px;
    font-weight: 400;
    color: #F0AB00;
    line-height: 26px;
    text-align: center;
    margin-left: 20px;
    border-radius: 10px;
    letter-spacing: 1px;
}
.section-1 .s1
{
    width:100%;
    font-size:24px;
    font-weight:500;
    color:rgba(240,171,0,1);
}

.section-1 .s2
{
    width:100%;
    font-size:18px;
    font-weight:400;
    color:rgba(51,51,51,1);
    margin-top: 10px;
}
.section-1 .s3
{
    width:100%;
    font-size:24px;
    font-weight:500;
    color:rgba(240,171,0,1);
    margin-top: 10px;
}
.section-1 .s4
{
    width:100%;
    font-size:18px;
    font-weight:400;
    color:rgba(51,51,51,1);
    margin-top: 10px;
}
.section-1 .btn-join
{
    width: 180px;
    height: 47px;
    background: rgba(240,171,0,1);
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500;
    color: rgba(255,255,255,1);
    line-height: 47px;
    text-align: center;
    position: relative;
    overflow: hidden;
    margin-top: 20px;
}
.section-1 .btn-join .div1{
    float: left;
}
.section-1 .btn-join .div2{
    float: left;
}
.section-1 .btn-join .div2 img
{   
    width: 28px;
}


.main-metting{width:1200px;margin:0 auto;padding-bottom: 32px;}
.main-metting .filter
{
    display: table;
    align-items: center;
    margin: 0 auto;
    height:30px;line-height: 30px;font-size:30px;font-weight:500;letter-spacing:3px;color:#333333;
}
.main-firms .sub-fourm
{
    margin-top: 32px;
}
.sub-fourm
{
    margin-top: 32px;
}
.main-firms .sub-fourm
{
    margin-top: 0px;
}
.main-metting .filter-item
{
    display: table-cell;
    cursor: pointer;
    height:45px;
    font-size:30px;
    font-weight:500;
    color:#BBBBBB;
    line-height: 45px;
    padding: 40px;
    letter-spacing:3px;
}
.main-metting .selected
{
    color:#333333;
}
.main-metting .selected .item-line
{
    height:6px;
    background:#333333;
    margin-top: 10px;
}

.metting-content
{
    width:100%;
    margin-top: 32px;
}
.metting-content .table-title
{
    width:100%;
}
.metting-content .title
{
    height:60px;
    font-size:24px;
    font-weight:500;
    color:#FFFFFF;
    line-height:60px;
    background:#101621;
    text-align: left;
    text-indent: 20px;
}
.metting-content .row1
{
    width:26%;
    margin-right: 1%;
    float: left;
}
.metting-content .row2
{
    width:36%;
    margin-right: 1%;
    float: left;
}
.metting-content .row3
{
    width:36%;
    float: left;
}

.metting-content .table-content
{
    width:100%;
}

.metting-content .table-items
{
    width:100%;
    display: flex;
    cursor: pointer;
}
.metting-content .row5
{
    font-size:18px;
    font-weight:500;
    color:#007DB8;
    display: flex;
    padding: 20px;
    align-items: center;
    padding-top: 30px;
    padding-bottom: 30px;
}
.metting-content .row6
{
    font-size:18px;
    font-weight:bold;
    color:#333333;
    display: flex;
    padding: 20px;
    align-items: center;
    padding-top: 30px;
    padding-bottom: 30px;
}
.metting-content .row7
{
    font-size:18px;
    font-weight:400;
    color:#333333;
    display: flex;
    padding: 20px;
    align-items: center;
    padding-top: 30px;
    padding-bottom: 30px;
}
.metting-content .timer-d
{
   width:18px;
}
.metting-content .timer-d img
{
   width:100%;
}
.metting-content .table-content .bg1
{
   background:#F9F9F9;
}

.metting-content .table-content .bg2
{
   background:#F4F4F4;
}
.metting-content .table-items.selected .row5,.metting-content .table-items.selected .row6,.metting-content .table-items.selected .row7
{
   background:#007DB8;
   color:#FFFFFF;
   font-size:18px;
}
.sub-fourm .inner .bg
{
    background-image: url("./../../src/imgs/metting/slide-bg.png");
    background-size: cover;
    background-position: center;
    width:300px;
    height: 287px;
}
.sub-fourm .inner .bg .top-img
{
   width:80%;
   margin:0 auto;
   margin-top: 34px;
   border-bottom: 2px solid #DEDEDE;
}
.sub-fourm .inner .bg .top-img img
{
   width:100%;
}
.sub-fourm .inner .bg .txt-title
{
    font-size:18px;
    font-weight:bold;
    color:#333333;
    width:80%;
    text-align: left;
    margin:0 auto;
    margin-top: 30px;
}

.sub-fourm .inner .bg .txt-describe
{
    width:80%;
    font-size:16px;
    font-weight:400;
    color:#333333;
    margin:0 auto;
    margin-top: 8px;
}
.main-firms .sub-fourm .inner
{
    height: auto;
}
.main-firms
{
    margin-top: 32px;
}
.main-firms .sub-fourm .swiper-container
{
    padding-bottom: 40px;
}
.img-selected
{
    display: none;
}
.metting-content .img-no-selected
{
    display: block;
}
.metting-content .img-selected
{
    display: none;
}
.metting-content .table-items.selected .img-no-selected
{
    display: none;
}
.metting-content .table-items.selected .img-selected
{
    display: block;
}
.line-1
{
    width:100%;
    background:#FFFFFF;
    height: 12px;
}
.txt-describe
{
    width: 100%;
    height: 170px;
    overflow: hidden;
}
.txt-button
{
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #FFFFFF;
    font-size: 14px;
    cursor: pointer;
    margin: 0 auto;
    margin-top: 30px;
    color:#FFFFFF;
}
.item-content
{
    width: 100%;
    height: 294px;
    overflow: hidden;
    position: relative;
    border-radius: 5px;
}
.item-title
{
    width:100%;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color:#000000;
    margin-top: 30px;
}


.main-metting .btn-download 
{
    width: 180px;
    height: 47px;
    background: rgba(240,171,0,1);
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500;
    color: rgba(255,255,255,1);
    line-height: 47px;
    text-align: center;
    position: relative;
    overflow: hidden;
    margin-top: 20px;
}
.main-metting .btn-download .div1{
    float: left;
}
.main-metting .btn-download .div2{
    float: left;
}
.main-metting .btn-download .div2 img
{   
    width: 31px;
}
.section-2
{   
    width:97%;
    background: rgba(248,248,248,1);
    margin: 0 auto;
    margin-left: 3%;
    padding-top: 32px;
    padding-bottom: 32px;
    margin-bottom:32px;
}
.section-2 .title-box
{
    margin-bottom: 32px;
}
.section-style2
{
    width:80%;
    background:rgba(248,248,248,1);
}
.innder-child
{
    width:80%;
    background:rgba(248,248,248,1);
    margin:0 auto;
}
.section-style2
{
    width: 100%;
    background: #FFFFFF;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 15px;
}
.section-style2 .s1
{
    width: 95%;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

.section-style2 .s1 .left
{
    float: left;
    width: 94px;
}
.section-style2 .s1 .left img
{
    width: 100%;
    vertical-align: bottom;
}

.section-style2 .s1 .right
{
    float: left;
    margin-left: 15px;
}
.section-style2 .s1 .right .s1-label-1
{
    font-size: 22px;
    font-weight: bold;
    color: rgba(253,186,18,1);
}

.section-style2 .s1 .right .s1-label-2
{    font-size: 18px;
    font-weight: bold;
    color: rgba(3,3,3,1);
    line-height: 27px;
}

.section-style2 .s2
{   width: 95%;
    margin: 0 auto;
    font-size: 16px;
    font-weight: 400;
    color: rgba(3,3,3,1);
    margin-top: 10px;
}
.section-3
{
    width:100%;
}
.section-3 img
{
    width:100%;
}
.section-3 .swiper-container .swiper-button-prev, .section-3 .swiper-container .swiper-container-rtl .swiper-button-next {
    left: 30px;
    width: 50px;
    height: 50px;
    background-image: url(../imgs/mettings/left.png);
    background-size: 50px;
}
.section-3 .swiper-container .swiper-button-next, .section-3 .swiper-container .swiper-container-rtl .swiper-button-prev {
    right: 30px;
    width: 50px;
    height: 50px;
    background-image: url(../imgs/mettings/right.png);
    background-size: 50px;
}
.section-3  .video {
    width: 100%;
    height: 200px;
    position: relative;
    cursor: pointer;
}
.section-3  .video .video-cover {
    width: 100%;
    height: 100%;
    background-color: red;
}

.section-3  .video .cover {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(0,0,0,0.25);
    left: 0;
    top: 0;
}
.section-3 .video .cover img {
    width: 90px;
    height: 90px;
}
.title-box h1
{
    height: auto;
    line-height: auto;
    font-size: 30px;
}