@charset "UTF-8";

/***隐藏滚动条*/
::-webkit-scrollbar-thumb:horizontal {
    width: 0px;
    background-color: #CCCCCC;
    -webkit-border-radius: 0.375rem;
}
::-webkit-scrollbar-track-piece {
    background-color: #fff;
    -webkit-border-radius: 0;
}
::-webkit-scrollbar {
    width: 0px;
    height: 0.5rem;
}
::-webkit-scrollbar-thumb:vertical {
    height: 3.125rem;
    background-color: #999;
    -webkit-border-radius: 0.25rem;
    outline: 0.125rem solid #fff;
    outline-offset: -2px;
    border: 0.125rem solid #fff;
}
::-webkit-scrollbar-thumb:hover {
    height: 3.125rem;
    background-color: #9f9f9f;
    -webkit-border-radius: 0.25rem;
}

@font-face {
    font-family:yjsz;
    src:url(../fonts/yjsz.TTF)
}

a:hover,
a:focus{
    text-decoration: none !important;
}

html{
    font-size: 16px;
}
body {
    color: #fff;
}

a {
    color: #fff;
}

a:hover {
    color: #0CA659;
}

.am-container{
    max-width: none;
}
.am-list >li> h3{
    font-size: 1.25rem;
}
.am-text-lg {
    font-size: 1.5rem;
    color: #50efff;
}

.item_tl{
    position: relative;
    top: 50vh;
    left: 27vw;
    z-index: 99;
    font-size: 1rem;
}

.small_pad{
    padding: 0;
}
.cockpit_space_bg{
    background-image: url("../img/space_bg.png");
    background-position: center bottom;
    width: 100vw;
    height: 100vh;
    background-size: cover;
    padding: 0;
}
.navi_spaceship_guider{
    position: absolute;
    bottom: 0;
    background-image: url("../img/spaceship.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 80vw 23.5vh;
    width: 100vw;
    height: 23.5vh;
}
.cockpit_bg{
    background-image: url("../img/bg.jpg");
    background-position: center bottom;
    width: 100vw;
    height: 100vh;
    background-size: cover;
}
.am-thumbnails > li{
    padding: 0;
}
.item_border{
  /*  background-image: url("../img/border.png");
    background-position: center bottom;*/
    width: 100%;
    height: 33vh;
   /* background-size: 100% 100%;*/
}
.item_border_long{
    background-image: url("../img/border_long.png");
    background-position: center bottom;
    width: 100%;
    height: 66vh;
    background-size: 100% 100%;
}
.item_border_right{
 /*   background-image: url("../img/border_right.png");
    background-position: center bottom;*/
    width: 100%;
    height: 33vh;
   /* background-size: 100% 100%;*/
}
.item_border_long_right{
   /* background-image: url("../img/border_long_right.png");
    background-position: center bottom;*/
    width: 100%;
    height: 66vh;
  /*  background-size: 100% 100%;*/
}

.item_head{
    background-image: url("../img/border_title.png");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 5vh;
    color: #fff;
    font-size: 1.3rem;
    padding: 1rem;
}

.item_head span{
    padding-left: 3vw;
}
.item_head_right{
    background-image: url("../img/border_title_right.png");
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    text-align: right;
    color: #fff;
    font-size: 1.3rem;
    padding: 1rem;
    height: 5vh;
}

.item_head_right span{
    padding-right: 3vw;
}

.th_sc{
    background-image: url("../img/th_sc.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 25vh;
}
.th_sc label{
    position: relative;
    top: 45%;
    left: 14%;
    font-size: 1rem;
}
.th_sc > .th_right_part{
    position: relative;
    top: 23%;
    left: 45%;
    font-size: 1rem;
}

.th_zy{
    background-image: url("../img/th_kc.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 25vh;
}
.th_zy label{
    position: relative;
    top: 6.5vh;
    left: 10%;
    font-size: 1rem;
}
.th_zy > .th_zy_part{
    position: relative;
    top: 33%;
    left: 15%;
    font-size: 1.8rem;
    color: #F1C707;
}
.th_zy_part span{
    color: #52A1C7;
    font-size: .8rem;
}
.th_zy_center{
    background-image: url("../img/th_zy.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 25vh;
}
.th_zy_center p{
    position: relative;
    top: 50%;
    font-size: .8rem;
}

.th_right_part span{
    color: #F1C707;
}

.sfzcll{
    padding-top: 1vh;
}
.sfzcll label {
    background: #094F8D;
    border: solid 1px #094F8D;
    text-align: center;
    font-size: 1rem;
    word-break: keep-all;
    padding: 0.3rem;
    line-height: 1.2rem;
}
.sfzcll_box li{
    padding: 0;
    background: #031F3F;
    border: solid 1px #00193A;
}
.sfzcll_box div{
    text-align: center;
    font-size: 1rem;
    word-break: keep-all;
    line-height: 1.2rem;
    padding: 0.3rem;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.sfzcll_content{
    visibility: visible;
    overflow: hidden;
    position: relative;
    z-index: 2;
    left: 0px;
    height: 25vh !important;
    width: 100%;
    margin-left: 0px;
}

.sfzcll_content_small{
    visibility: visible;
    overflow: hidden;
    position: relative;
    z-index: 2;
    left: 0px;
    height: 15vh !important;
    width: 100%;
    margin-left: 0px;
}

.changeBk{
    background: #03295A !important;
    border: solid 1px #03295A !important;
}
.visual_2{
    display: none;
}

.item_li{
    border-right:1px transparent solid;
    border-image:linear-gradient(to bottom,rgba(0,0,0,0),#23b7cb,rgba(0,0,0,0)) 1 5 1;
    text-align: center;
}
.item_li img{
    padding: 2rem 0 1rem 0;
}
.item_li p{
    color: #42BAFB;
    text-align: center;
    font-size: 1.9rem;
}

.item_li small{
    color: #976D10;
    text-align: center;
    font-size: 1rem;
}


.btn-abs-index-1{
    position: absolute;
    bottom: 15vh;
    left:41vw;
}

.btn-abs-index-2{
    bottom: 16vh;
    left:46vw;
    position: absolute;
}

.btn-abs-index-3{
    bottom: 16vh;
    left: 51vw;
    position: absolute;
}

.btn-abs-index-4{
    bottom: 15vh;
    left: 56vw;
    position: absolute;
}

.btn-abs-index-5{
    bottom: 10vh;
    left: 47vw;
    position: absolute;
}
.btn-abs-index-6{
    bottom: 1vh;
    left: 43.5vw;
    position: absolute;
}
.btn-abs-1{
    position: absolute;
    bottom: 15vh;
    left: calc(50vw - 10rem);
}

.btn-abs-2{
    bottom: 16vh;
    left: calc(50vw - 5rem);
    position: absolute;
}

.btn-abs-3{
    bottom: 16vh;
    left: calc(50vw - 0.1rem);
    position: absolute;
}

.btn-abs-4{
    bottom: 15vh;
    left: calc(50vw + 4.9rem);
    position: absolute;
}

.btn-abs-5{
    bottom: 10.5vh;
    left: calc(50vw - 3.5rem);
    position: absolute;
}
.btn-abs-5 > a,.btn-abs-index-5 > a{
    color: #4DDCED;
    font-size: 1rem;
}
.aside_btn a:hover{
    box-sizing: content-box;
    opacity: 0.55;
    transform: scale(1.5);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

.text_bt_bg{
    background-image: url("../img/br_text.png");
    background-position: center bottom;
    width: 100%;
    height: 11vh;
    background-size: 100% 100%;
}
/***************交易中心***************/
.deal_border{
    background-image: url("../img/deal_border_1.png");
    background-position: center bottom;
    width: 100%;
    height: 35vh;
    background-size: 100% 100%;
}

.deal_border_long{
    background-image: url("../img/deal_border_2.png");
    background-position: center bottom;
    width: 100%;
    height: 52vh;
    background-size: 100% 100%;
}
.deal_head{
    color: #fff;
    font-size: 1rem;
    text-align: center;
    font-weight: bold;
    line-height: 2.5rem;
}
.num_text{
    color: #1860F7;
    font-size: 2rem !important;
    font-weight: 600;
}
.num_text small{
    font-size: 0.875rem !important;
}
.back_icon{
    text-align: right;
    font-weight: 800;
    font-size: 1rem;
    color: #0a80ff;
    margin: 0;
}

.deal_text{
    padding: 2vh 0 0 0;
}


.deal_text p{
    font-size: 1rem;
    margin: 1vh 0;
}
.deal_border_long .deal_head{
    padding-top: 1vh;
}

.deal_center{
    /*background-image: url(/static/modules/cms/front/themes/lsyh/assets/images/cockpit/deal_center.png);*/
    width: 100%;
   /* background-repeat: no-repeat;*/
    height: 82vh;
  /*  background-size: 100%;
    background-position-y:20% ;*/
}
.deal_title{
    color: #A5D5FA;
    padding-top: 35%;
    padding-left: 30%;
    font-size: 1.25rem;
}
.deal_title b{
    font-size: 2.25rem;
    color: #79E4F0;
}
.deal_content img{
    width: 90%;
    position: absolute;
    top: 3vh;
}

.deal_content p:first-child{
    color: #fff;
    font-size: 0.75rem;
}

.deal_content p:nth-child(2){
    color: #4ABAF6;
    font-size: 1.5rem;
}

.no-padding{
    padding: 0;
}

.deaL_box{
    background-image: url(../img/deal_box.png);
    background-repeat: no-repeat;
    height: 25vh;
    background-size: 100%;
    background-position: center;
    text-align: center;
}
.deaL_box_center{
    width: 30vw;
    position: absolute;
}
.no {
    background: rgba(101, 132, 226, 0.1);
    padding: 2rem;
}

.no .no-hd {
    position: relative;
    border: 1px solid rgba(25, 186, 139, 0.17);
}

.no .no-hd::before {
    content: "";
    position: absolute;
    width: 30px;
    height: 10px;
    border-top: 2px solid #02a6b5;
    border-left: 2px solid #02a6b5;
    top: 0;
    left: 0;
}

.no .no-hd ul li {
    position: relative;
    flex: 1;
    text-align: center;
    height: .5rem;
    line-height: .5rem;
    font-size: 3rem;
    color: #ffeb7b;
    padding: 3rem 0;
    font-family: yjsz;
    font-weight: bold;
}
.no .no-hd ul li p{
    color: #fff;
    font-size: .8rem;
    margin: 0;
    font-weight: 200;
    padding-top: 1.5rem;
}
.no .no-bd ul li {
    flex: 1;
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.7);
    padding-top: 1rem;
}
.deaL_box p{
    color: #fff;
    position: relative;
    top: 40%;
    font-size: 1rem;
    margin: 0;
}

.deaL_box b{
    color: #fff;
    font-size: 1.5rem;
    position: relative;
    top: 40%;
}
.border_of{
    height: 20vh;
    display: flex;
    flex-direction: column;
}
.border_of > div{
    margin: auto;
}
.border_of p {
    color: #fff;
    font-size:1rem;
    margin: 0;
    padding: 0;
}
.th_weight{
    font-family: yjsz;
    font-weight: bold;
    font-size: 2rem !important;
}

.th_weight small{
    font-size: .8rem !important;
}
.more_p p {
    color: #fff;
    font-size: 0.875rem !important;
}

.deal_p_text{
    padding-top:2vh;
    text-align: center;
    font-size: 0.875rem
}

.deal_p_text p{
    margin: 1vh 0;
}

.deal_p_text small{
    font-size: 0.5rem
}
/***************GEP*************/
.gep_hd{
    background-image: url("../img/gep_bg.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    width: 100%;
    height: 26vh;
    background-size: 100% 100%;
}
.gep_li{
    background-image: url("../img/gep_hd.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    height: 15vh !important;
    background-size: 100% 100%;
}

.gep_title{
    padding: 1% 0 0 1%;
}
.gep_title p{
    color: #00B4E2;
    font-size: 1.25rem;
    font-weight: 800;
    position: absolute;
    top: 3%;
    left: 3%;
}
.gep-thumbnails{
    padding:1% 5%;
}

.gep_tile{
    background-image: url("../img/gep_tile.png");
    background-repeat: no-repeat;
    height: 4vh !important;
    background-size: 100% 100%;
}
.gep_border_1{
    background-image: url("../img/gep_1.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    height: 45vh !important;
    background-size: 100% 100%;
}
.gep_border_2{
    padding-top: 1vh;
    background-image: url("../img/gep_2.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    height: 40vh !important;
    background-size: 100% 100%;
}

.gep_border_3{
    background-image: url("../img/gep_2.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    height: 18vh !important;
    background-size: 100% 100%;
}

.gep_border_4{
    background-image: url("../img/gep_3.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    height: 22.5vh !important;
    background-size: 100% 100%;
}
.gep_hd_p{
    margin: auto;
}
.gep_hd_img{
    background-image: url("../img/gep_up.png");
    background-position: center;
    background-repeat: no-repeat;
    height: 15vh !important;
    background-size: 100%;
}
.gep_hd_p p:first-child{
    color: #00B4E2;
    font-size: 2.25rem;
    margin: 0;
}
.gep_hd_p p:nth-child(2){
    font-size: 0.875rem;
    color: #fff;
    margin: 0;
}
.gep_li > div{
    display: flex;
    height: 15vh;
}
.gep_li img:first-child{
    position: relative;
    margin: auto;
    width: 100%;
}

.gep_li b{
    margin: auto;
    color: #fff;
    font-size: 1rem;
    line-height: 15vh;
}

.gep_content_p{
    font-size: 1.25rem;
    padding-left: 1vw;
    line-height: 4vh;
}

.gep_li_gt{
    background-image: url("../img/gep_chart.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    height: 13vh !important;
    background-size: 100% 100%;
}

.gep_gt_p{
    position: relative;
    top: 12%;
    text-align: center;
}

.gep_gt_p p:first-child{
    color: #62c3e0;
    font-size: 1.5rem;
    margin: 0;
}
.gep_gt_p p:nth-child(2){
    font-size: 1.5rem;
    color: #fff;
    margin: 0;
}
.gep_pro_li li{
    font-size: 1rem;
    padding-bottom: 1vh;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.gep_pr_bg{
    background-image: url("../img/gep_project_border.png");
    background-repeat: no-repeat;
    height: 15vh !important;
    background-size: 100% 100%;
    text-align: center;
}

.gep_pr_des{
    height: 15vh !important;
    overflow: hidden;
}
.gep_pr_bg img{
    width: 100%;
    height: 100%;
    padding: 5%;
    border-radius: 5px;
}

ul li {
    list-style: none;
}
#gepTab li{
    background-image: url("../img/border_off.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 95% 100%;
}
.am-tabs-d2 .am-tabs-nav{
    background-color: rgba(0,0,0,0);
    font-size: 1rem;
}
.am-tabs-d2 .am-tabs-nav a{
    color: #fff;
}
.am-tabs-d2 .am-tabs-nav li{
    height: 2.25rem;
}
.am-tabs-d2 .am-tabs-nav > .am-active a,.am-tabs-d2 .am-tabs-nav a{
    line-height: 2.25rem;
}
#gepTab > .am-active {
    background-image: url("../img/border_on.png");
    position: relative;
    background-color: rgba(0,0,0,0);
    border-bottom: none;
}
#gepTab  > .am-active a{
    color: #E8CC45;
    font-size: 1rem;
}

#gepTab  > .am-active:after{
    border-bottom-color: #E8CC45;
}

.gep_table > thead > tr > th{
    background:#09304F;
    border: solid 1px #00193A;
    text-align: center;
    font-size: 1rem;
    word-break: keep-all;
}
.gep_table > tbody > tr > td{
    background:#031F3F;
    border: solid 1px #00193A;
    text-align: center;
    font-size: 1rem;
    word-break: keep-all;
}

.th_table > thead > tr > th{
    background:#094F8D;
    border: solid 1px #094F8D;
    text-align: center;
    font-size: 1rem;
    word-break: keep-all;
    padding: 0.3rem;
    line-height: 1.2rem;
}
.th_table > tbody > tr > td{
    background:#031F3F;
    border: solid 1px #00193A;
    text-align: center;
    font-size: 1rem;
    word-break: keep-all;
    line-height: 1.2rem;
    padding: 0.3rem;
}
.th_table > tbody > tr:nth-child(even) > td, .th_table > tbody > tr:nth-child(even) > th{
    background:#03295A;
    border: solid 1px #03295A;
}
/**************vr******************/
.vr_bg{
    background-image: url("../img/vr_bg.jpg");
    background-position: center bottom;
    width: 120vw;
    height: 120vh;
    background-size: cover;
}
.vr_head{
   position: absolute;
    top: 0.3125rem;
}
.abs_pic{
    position: absolute;
}
.navi_guider{
    position: absolute;
    bottom: 0;
    background-image: url("../img/navi.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100vw 28vh;
    width: 100vw;
    height: 28vh;
}
.vr_head img{
    width: 100vw;
}

.am-pagination-default{
    font-size: 1rem;
}

.navi-abs-1 {
    position: absolute;
    bottom: 14vh;
    left: 39vw;
    width: 3.125rem;
}
.navi-abs-2 {
    bottom: 16vh;
    left: 44vw;
    position: absolute;
    width: 3.125rem;
}

.navi-abs-3 {
    bottom: 16vh;
    left: 49.5vw;
    position: absolute;
    width: 3.125rem;
}
.navi-abs-4 {
    bottom: 14vh;
    left: 55vw;
    position: absolute;
    width: 3.125rem;
}

.navi-abs-6{
    bottom: 6.5vh;
    left: 44vw;
    position: absolute;
    width: 50%;
}

.navi-abs-6 i{
    font-size: 1.5rem;
}


.table_div{
    font-size: 1rem;
}

#layerType{
    height: 2.78rem;
    font-size: 1.3rem;
    line-height: 2.25rem;
}

.am-list >li> h3{
    font-size: 1.3rem;
}
.am-text-lg{
    font-size:1.3rem;
}

.layui-table td, .layui-table th{
    font-size: 1rem !important;
}
/*.layui-layer-closeOwner{
    font-size: 1.5rem !important;
    color: #fff;
}
.layui-layer-closeOwner:before
{
    content:"关闭";
}*/
.layui-layer-setwin a{
    width: auto !important;
    height: auto !important;
}
.layui-layer-setwin{
    top: .5rem !important;
}

.layui-layer-close{
    font-size: 1.5rem !important;
    color: #fff;
    background: unset !important;
}
.layui-layer-close:before
{
    content:"关闭";
}

.layui-layer-setwin .layui-layer-close2{
    position: unset !important;
}
/******弹出框******/
@media screen and (min-width: 3000px){
    html{
        font-size: 36px;
    }
}