.containeryu-inside {
    background-color: #000;
    /* background: url('~@/assets/img/ibg3.png') no-repeat center center; */
}

.indexBox {
    width: 1200px;
    overflow:hidden;
    margin: 0px auto;
}

.naverBox {
    display: flex;
    justify-content: space-around;
    width: 600px;
    height: 60px;

}

.naver-item {
    height: 60px;
    line-height: 60px;
}

.hYuan {
    margin-top: 110px;
    font-size: 64px;
    margin-bottom: 10px;
}

.textP {
    font-size: 16px;
    width: 700px;
    margin: 20px 0;
    color: #b7b7b7;
}

#enter_div {
    font-size: 16px;
    color: #000;
    text-align: center;
    width: 170px;
    height: 50px;
    line-height: 50px;
    background-image: linear-gradient(to right, #eac991, #ead8ba);
    border-radius: 30px;
}

.yuan5 {
    position: absolute;
    left: 120px;
    top: 435px;
    width: 160px;
}

.toutiao {margin-top:80px;}
.animate{visibility:hidden}

.yuan6 {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 40px;
}

.rctAi {
    cursor: pointer;
    padding: 40px;
    width: 400px;
    height: 571px;
    background-image: linear-gradient(to bottom, #44372a, #1a140e);
    line-height: 2;
    margin-right: 40px;
}

.rctAi .img{width:320px;height:240px;}

.welcome {
    width:100%;
    height:480px;
    overflow:hidden;
    position: relative;
    margin-top:-60px;
}

.videoClass1{position:absolute;top:0;left:50%;transform:translateX(-50%);opacity:0;width:1920px;}
.videoClass {
    width:1920px;
    position: absolute;
    top:0;
    left:50%;
    transform:translateX(-50%);
}

.welcome2 {
    width:1200px;
    position:absolute;
    left:50%;
    top:0;
    transform:translateX(-50%);
    overflow:hidden;
}

.aiSpan {
    font-weight: 700;
    margin-left: 10px;
    font-size: 16px;
}

.rctAi2 {
    line-height: 23px;
    font-size: 14px;
    color: #b0adaa;
    margin: 10px 0;
}

.timeDiv span {
    font-size: 14px;
    color: #b0adaa;
}

.timeDiv span:first-child {
    margin-right: 20px;
}

.timeDiv {
    margin-bottom: 30px;
}

.liDiv:last-child {
    border: none;
}

.liDiv {
    display: flex;
    padding:30px 10px;
    border-bottom: 1px solid #202020;
    cursor: pointer;
    position: relative;
    z-index: 1;
    /* -webkit-transition: all .35s linear; */
    /* transition: all .35s linear; */
    height: 210px;
}

.liDiv:hover {
    /* transform: translate(0,-2px);*/
    background:#202020;
    color: #eace9e;
}

.imgT-index {
    height: 150px;
    width: 200px;
    margin-right: 20px;
}

.imgP-index {
    width: 520px;
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 600;
}
.imgP-index span{
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 600;
}
.imgP-index img {
    margin-right: 10px;

}

.posr {
    position: relative;
}

.vsDiv {
    width: 1200px;
    z-index: 8;
    position: absolute;
    top: 170px;
    left: 50%;
    transform: translateX(-50%);
}
.vsDiv h2{
    font-size: 24px;
    font-weight: 500;
}
.vsD1 {
    width: 306px;
    position: absolute;
    left: 0px;
    top: 185px;
    z-index: 4;
}

.vsD2 {
    width: 306px;
    position: absolute;
    left: 410px;
    top: 0px;
    z-index: 4;
}

.vsD3 {
    width: 306px;
    position: absolute;
    right: 0px;
    top: 185px;
    z-index: 4;
}
.flexM1{
    height: 150px;
}
.ftc {
    color: #aaaaa9;
    font-size: 14px;
}

.iyuan6 {
    width: 300px;
}

.tbM {
    margin: 30px 0;
    display:flex;
}

.tbM img{
    width:11px;height:11px;
    position: relative;
    top: 4.5px;
}

.lookM {
    color: #eace9e;
}

.mr10 {
    margin-right: 10px;
}

.imgS-index {
    font-size: 14px;
    line-height: 23px;
    color: #a5a5a5;
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3 !important;
    line-clamp:3 !important;
    -webkit-box-orient: vertical;
    box-orient: vertical;
}

.imgP2-index {
    width:100%;
    position:absolute;
    left:0;
    bottom:0;
    margin-bottom: 0px;
    display: flex;
    justify-content: space-between;
}

.imgP2-index div span {
    font-size: 14px;
    color: #a5a5a5;
}
.imgP2-index a{
    color: #a5a5a5;
}
.yuan34I {
    height: 90px;
    margin-bottom: 50px;
}

.aboutR {
    width: 45%;
}

.aboutL {
    width: 100%;
    display:flex;
    flex-wrap:wrap;
}

.aboutL-item{width:50%;display:flex;align-items:center;padding:0 50px 0 0;}
.aboutL-item .img{width:11px;height:11px;}

.aboutL div {
    height: 50px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.aboutR div {
    height: 50px;
}

.overH {
    font-size: 14px;
    flex:1;
    margin-left: 5px;
}

.openH2 {
    font-weight: 500;
    font-size: 24px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.bdB {
    display: none;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    height: 4px;
    width: 100px;
    background: linear-gradient(to right, #eac990, #ead8ba);
}

.openUlDi {
    height: 85px;
    line-height: 85px;
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    color: #a7a7a7;
}

.openUlDi em {
    font-size: 24px;
    color: #a7a7a7;
}
.openUlDi a {
    font-size: 24px;
    color: #a7a7a7;
}
.openEm{
    font-size: 24px;
}
.snow{
    font-size: 14px;
    color: #a7a7a7;
    text-align: right;
}
.openText {
    font-size: 14px;
    line-height: 1.7;
    height: 200px;
    padding: 0 20px;
    padding-top: 35px;
    color: #a7a7a7;
}
.openUl{height:370px;border-bottom:1px solid #232322;overflow:hidden;}
.openUl li {
    width: 275px;
}
.openUl .openUl-li-div {
    opacity: 0.8;
    display:block;
    width: 100%;
    position: relative;
    cursor: pointer;
}
.openUl .openUl-li-div:hover{
    opacity: 1;
}
.openUl li:hover .openUl-li-div:after{
    content:'';
    height:4px;
    width:100px;
    position:absolute;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
    background: linear-gradient(to right, #eac990, #ead8bb);
}
.openUl li:hover .openUl-li-div .boderLi{
    color: #eac990 !important;
    background: linear-gradient(to bottom, #3b3324, #1a170f);
    border:1px solid #eac990;
}
.openUl li:hover .openEm{
    color: #ffffff;
}
.openUl li:hover .openA{
    color: #ffffff;
}
.openUl li:hover .openText{
    color: #eac990;
}
.openUl li:hover .snow{
    color: #eac990;
}
.openUl li .openUl-li-div .boderLi{
    background-color: #101010;
    border:1px solid transparent;
    transition:all .5s linear;
}

.openUl li .img {
    width: 273px;
    height:82px;
}

.openUl li .img img{
    width: 100%;
    height:100%;
}

.boderLi2 {
    border: 1px solid #eac990;
}

.openText2 {
    color: #eac990 !important;
    background: linear-gradient(to bottom, #3b3324, #1a170f);
}

.frameDiv img {
    height: 88px;
    margin-top: 40px;
}

.frameImg {
    margin-top:86px;
    position: relative;
    background:url(../img/yuan38.jpg) no-repeat center;
    height: 786px;
    width: 100%;
}

.frameImg-side{width:1200px;margin:0 auto;}

.frameImg2 {
    height: 630px;
    width: 100%;
}

.foot {
    height: 388px;
    background-color: #1a1a1a;
    padding: 78px 0;
}

.foot2 {
    margin: 0 auto;
    width: 1200px;

}

.yuan40 {
    margin-bottom: 40px;
    width: 200px;
}

.footL1 p {
    font-size: 14px;
    height: 38px;
    color: #a7a7a7;
}

.fontwz {
    margin: 20px 0;
}

.footC1 img {
    margin-right: 10px;
}

.fontwz2 {
    margin-top: 55px;
    margin-bottom: 20px;
}

.fontwz3 a {
    font-size: 14px;
    cursor: pointer;
    margin-right: 50px;
    color: #a7a7a7;
}
.scan{
    position: relative;
}
.footIMgR-61{
    position: absolute;
    z-index: 4;
    left: 50%;
    transform: translateX(-50%);
    top: 30px;
    width: 120px;
    height: 120px;
}
.scan-text{
    position: absolute;
    top: 165px;
    color: #1a1a1a;
    font-size: 14px;
}
.scan-text p{
    font-weight:500;
    width: 145px;
    text-align: center;
}

.footIMgR {
    height: 195px;
    width: 145px;
    margin-top: 17px;
}

.recommendtext {
    font-size: 24px;
    font-weight: 500;
}

.recommend {
    background:url(../img/bbg.png) no-repeat;
    margin-top: 50px;
    margin-bottom: 90px;
}

.recommendL {
    cursor: pointer;
    visibility:hidden;
    padding: 45px;
    width: 50%;
    display: flex;
}

.recommendL .img {
    margin-right: 20px;
    width:80px;
    height:80px;
}

.recommendL-info{flex:1;overflow:hidden;}

.recommendLp {
    font-size: 16px;
    font-weight: 600;
}

.recommendLsp {
    font-size: 14px;
    color: #a7a7a7;
    margin: 10px 0;
}

.recommendLp2 {
    font-size: 14px;
    color: #eac990;
}

.echart {
    height: 320px;
    width: 550px;
}
.echart3{
    width: 650px;
    height: 560px;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
}

.echart3 .inside{width:100%;height:100%;position:absolute;top:0;left:0;z-index:9;}
.echart3 .map1{position:absolute;top:60px;left:39px;z-index:2;}
.echart3 .map2{position:absolute;top:65px;left:42px;z-index:0;}
.echart3 .map3{position:absolute;top:60px;left:39px;z-index:1;}

.container {
    width: 400px;
    height: 4px;
    border-radius:10px;
    background:#092322;
}
.container1{
    width: 400px;
    border-radius:10px;
    height: 4px;
    background-color: #231711;
}

.skills {
    text-align: right;
    padding-right: 20px;
    line-height: 40px;
    position: relative;
    height: 4px;
    transition:all .2s linear;
    border-radius:10px;
    background: linear-gradient(to right, #092524 ,#02cece);
}
.skills2 {
    text-align: right;
    padding-right: 20px;
    line-height: 40px;
    position: relative;
    height: 4px;
    transition:all .2s linear;
    border-radius:10px;
    background: linear-gradient(to right, #261812 ,#d16f4c);
}
.html1{
    position: relative;
    width: 90%;
    height: 4px;
    background: linear-gradient(to right, #261812 ,#d16f4c);
}
.skills2::after{
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    height: 4px;
    width: 4px;
    background-color: rgb(230, 230,230);
    border: 3px solid #d16f4c;
    border-radius: 50%;
}
.skills::after{
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    height: 4px;
    width: 4px;
    background-color: rgb(230, 230,230);
    border: 3px solid #02cfce;
    border-radius: 50%;
}
.mapJ{
    margin-top: 100px;
    margin-bottom: 90px;
}
.jdDiv{

}
.jp7{
    font-size: 24px;
}
.jdDiv p{
    color: #a3b5cc;
    margin-top: 20px;
    margin-bottom: 10px;
}
.tab{
    height: 90px;
    line-height: 90px;
    font-size: 24px;
    position: relative;
}
.tab span{
    color: #9d9d9d;
}
.tab a{
    color: #9d9d9d;
}
.ovL{
    width: 710px;
}

.evoluBox{
    width: 1200px;
    margin:260px auto 50px;
}
.ovR{
    position: relative;
}
.yuan48T{
    z-index: 7;
    position: absolute;
    top: 364px;
    right: 230px;
}
.yuan48{
    z-index: 7;
    position: absolute;
    top: 458px;
    right: 230px;
}
.yuan49T{
    z-index: 10;
    position: absolute;
    right: 0px;
    top: 154px;
}
.yuan49{
    z-index: 10;
    position: absolute;
    right: 0px;
    top: 90px;
}
.ovLImg{
    height: 45px;
    margin-top: 60px;
    margin-bottom: 45px;
}
.bdB2 {
    display: none;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    height: 4px;
    width: 100px;
    background: linear-gradient(to right, #eac990, #ead8ba);
}
.disBlock{
    display: block;
}
.flex{
    display: flex;
    align-items: center;
}
.share2{
    color: #9d9d9d;
    margin-right: 20px;
}
.textOv{
    font-size: 16px;
    /* display: flex; */
    color: #9d9d9d;
}
.omit{
    margin: 35px 0;
}
.textOv div{
    font-size: 16px;
    color: #9d9d9d;
}
.textOvp{
    margin-top: 35px;
    text-align: right;
    font-size: 16px;
    color: #ffffff;
}
.textOv2{
    display: flex;
    color: #9d9d9d;
    align-items: center;
    height: 100px;
    padding: 20px 0px;
}
.disNone{
    display: none;
}
.mtVo{
    margin-top: 75px;
}
.timeVo{
    font-size: 32px;
}
.boxVo{
    margin: 0 35px;
    width: 19px;
    height: 19px;
    border: 1px solid #eac990;
    position: relative;
}
.boxVo2{
    position: absolute;
    left: 50%;
    bottom: 50%;
    transform: translate(-50%,50%);
    width: 10px;
    height: 10px;
    background-color: #eac990;
}
.voTp{
    font-weight: 600;
    font-size: 20px;
    color: #eac990;
    margin-bottom: 15px;
}
.voText{
    color: #9d9d9d;
}
.vopt{
    padding-top: 25px;
}
.circleVo{
    margin-right: 20px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 3px solid #eac990;
}
.vopt2{
    padding-top: 33px;
}
.searchBox{
    position: absolute;
    z-index: 999;
    top: 50px;
}
.sanjiao{
    position: absolute;
    top: -10px;
    left: 20px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ffffff;
}
.searchBody{
    padding: 20px;
    width: 240px;
    height: 400px;
    background-color: #ffffff;
    border-radius: 5px;
}
.searchTitle{
    display: flex;
    justify-content: space-between;
    color: #a7a7a7;
    margin-bottom: 10px;
}
.searchText{
    border: #a7a7a7 1px solid;
    color: #a7a7a7;
    padding: 3px;
    border-radius: 5px;
    margin-bottom: 10px;
}
.searchItem{
    display: flex;
    flex-wrap: wrap;
}
.colora7{
    color: #a7a7a7;
}
.bgimgEv{
    height: 245px;

}
.bgimgEv img{
    width: 100%;
}
.imglist{
    display: flex;
    position: relative;
}
.ulDiv{
    width: 760px;
    position: absolute;
    right: 0px;
    top: -30px;
}
.searchYuan{
    border-color: #3d3d3d;
}
.echarts{height:351px;overflow:hidden;}
.h591{height:591px !important;}

.modal{width:100%;height:100%;position:fixed;top:0;left:0;z-index:999;display:flex;justify-content:center;align-items:center;}
.modal-bg{width:100%;height:100%;background:rgba(0,0,0,.7);}
.modal-body{position:absolute;}

.my-video{width:1200px;border:10px solid #fff;}

/* .toutiao.current{visibility:visible;} */
.current{visibility:visible;}
.current .hYuan{animation:fadeInLeft 1s cubic-bezier(0.39, 0.66, 0.57, 1) 0s 1 backwards;}
.current .hYuan-img{animation:fadeInLeft 1s cubic-bezier(0.39, 0.66, 0.57, 1) 0.3s 1 backwards;}
.current .textP{animation:fadeInLeft 1.5s cubic-bezier(0.39, 0.66, 0.57, 1) 0.6s 1 backwards;}
.current .curs{animation:fadeInUp .5s cubic-bezier(0.39, 0.66, 0.57, 1) 0.6s 1 backwards;}

.current .iyuan6,.current .recommendtext{animation:fadeInDown .5s cubic-bezier(0.39, 0.66, 0.57, 1) 0s 1 backwards;}
.current .lookM{animation:fadeInDown .5s cubic-bezier(0.39, 0.66, 0.57, 1) 0s 1 backwards;}
.current .rctAi{animation:fadeInLeft 1s cubic-bezier(0.39, 0.66, 0.57, 1) 0s 1 backwards;}
.current .liDiv:nth-child(1){animation:fadeInRight 1s cubic-bezier(0.39, 0.66, 0.57, 1) .4s 1 backwards;}
.current .liDiv:nth-child(2){animation:fadeInRight 1s cubic-bezier(0.39, 0.66, 0.57, 1) .6s 1 backwards;}
.current .liDiv:nth-child(3){animation:fadeInRight 1s cubic-bezier(0.39, 0.66, 0.57, 1) .8s 1 backwards;}
/* .openUl.current li{animation:fadeInUp 1s cubic-bezier(0.39, 0.66, 0.57, 1) .4s 1 backwards;} */
/* .current .echarts-in{animation:fadeInDown 1s cubic-bezier(0.39, 0.66, 0.57, 1) 0s 1 backwards;} */
/* .current .recommendL:nth-child(1){animation:fadeInRight 1s cubic-bezier(0.39, 0.66, 0.57, 1) 0s 1 backwards;}
.current .recommendL:nth-child(2){animation:fadeInLeft 1s cubic-bezier(0.39, 0.66, 0.57, 1) 0s 1 backwards;} */


/* infor.css */
.inforDiv{
    display: flex;
    justify-content: space-between;
    width: 1200px;
    margin: 0px auto;
    min-height: 100vh;
}
.inforL{
    background-color: #141414;
    width:870px;
    padding:20px 0px;

}
.imgs2{
    font-weight: 400;
    color: #a7a7a7;
    margin-top: 10px;
    margin-bottom: 20px;
    overflow:hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.tit{
    display: flex;
    padding-left: 30px;
}
.tui{
    font-weight: 700;
    height: 35px;
    margin-right: 30px;
    cursor: pointer;
}
.wen{
    font-weight: 700;
    height: 35px;
    cursor: pointer;
}
.activeC{
    color: #eace9e;
    border-bottom: 4px solid #eace9e ;
}
.ulList li{
    display: flex;
    padding: 20px 30px;
    border-bottom: 1px solid #202020;
    cursor: pointer;
    position: relative;
    z-index: 1;
    -webkit-transition: all .35s linear;
    transition: all .35s linear;
}
.ulList li:hover{
    transform: translate(0,-2px);
    background:rgba(255, 255, 255, .1);
}
.flexM1{
    flex: 1;
}
.imgT{
    width: 200px;
    height: 150px;
    margin-right: 20px;
}
.imgP{
    font-weight: 600;
}
.imgP img{
    margin-right: 10px;

}
.posr{
    position: relative;
}
.imgS{
    font-weight: 400;
    color: #a7a7a7;
    margin-top: 10px;
    margin-bottom: 20px;
    overflow:hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.imgP22{
    margin-bottom: 0px;
    display: flex;
    justify-content: space-between;

}
.imgP22 span{
    color: #a7a7a7;
}
.imgP2{
    width: 469px;

    display: flex;
    justify-content: space-between;
    position: absolute;
    bottom: 0px;
}
.imgP2 span{
    color: #a7a7a7;
}
.kkpager{
    /* position: absolute; */
}
.pal{
    /* position: relative; */
    height: 60px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    text-align: center;
}
.inforR{
    width: 310px;
    /* background-color: #141414; */
    /* height: 700px; */
}
.inforR1w{
    padding: 10px;
    background-color: #141414;
}
.inforT{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.inforR1{
    width: 310px;
    margin-bottom: 20px;

}
.inforR2{
    width: 310px;

}
.read1{
    background-color: #202020;
    width: 310px;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.read2{

}
.inforR2w{
    padding: 10px;
}

.liB{
    margin: 20px 0;
    display: flex;
}

.lib1{
    overflow:hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    color: #a7a7a7;
}

.wenP{
    margin-top: 25px;
    margin-bottom: 15px;
}
.wadd{
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    background-color: #292929;
    margin-bottom: 1px;
    position: relative;
}
.share{
    background-color: #1a1a1a;
    padding: 10px;
    border-radius: 25px;
    /* display: none; */
    /* width: 500px; */
    position: absolute;
    left: 50px;
    bottom: -210px;
}
.wadd2{
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    background-color: #292929;
}
.text2{
    padding:25px 0;
    color: #a7a7a7 !important;
    overflow: hidden;
    max-height: 320px;
    width: 730px;
}
.text2 p{
    color: #a7a7a7 !important;
    line-height: 3;
}
.text2 img{
    width: 730px;
}
.text3 img{
    width: 730px;
}
.text3 p{
    color: #a7a7a7 !important;
    line-height: 3;
    padding-bottom: 20px;
}
.text3{
    margin-top: 25px;
    color: #a7a7a7 !important;
    width: 730px;
}
.lookmore{
    width:870px;
    position:relative;
    left:-30px;
    height: 136px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -112px;
    background: linear-gradient(rgba(32,32,32,.1),rgba(32,32,32,.8),#202020);
}
.moreBtn{
    color: #000;
    width: 160px;
    background: linear-gradient(to right, #eac990 ,#ead8ba);
    text-align: center;
    line-height: 35px;
    height: 35px;
    cursor: pointer;
    border-radius: 20px;
    padding: 0 10px;
}
.attention{
    background-color: #000;
    padding-top: 30px;
}
.attention2{
    display: flex;
    flex-wrap: wrap;
    /* justify-content: space-between; */
    /* width: ; */
}

.attention li{
    width: 180px;
    margin-right:50px;
}
.attention li:last-child{
    margin-right: 0;
}
.attention li img{
    width: 100%;
    height:135px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.attention li div{
    color: #a7a7a7;

    overflow:hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}