.idx-two{height: 550px;background-size: cover;background-position: center;}
.idx-two .container{padding-left:5%;height: 100%;}
.idx-two .left h1{font-size: 16px;color: rgba(255, 255, 255, 0.8);}
.idx-two .left h2{font-size: 14px;color: rgba(255, 255, 255, 0.5);margin-top: 12px;}
.idx-two .left{height: 100%;padding: 18px 0;float: left;width: 17%;background: rgba(0,0,0,.8);}
.idx-two .left .item{height: 20%;padding: 0;padding-left: 1.5vw;transition: all 0.25s;cursor: pointer;border: none !important;}
.idx-two .left .item.on{background: linear-gradient(to right, #0a94ff  ,#0a64ff);padding-left: 2vw}
.idx-two .left .item.on h1{color: white;}
.idx-two .left .item.on h2{color: white;}
.idx-two .right{width: 65%;margin-left: 10%;margin-right: 8%;height: 100%;float: left;position: relative;}
.idx-two .right h1{font-size: 24px;color: rgb(255, 255, 255);margin-top: 45px;margin-bottom: 30px;}
.idx-two .right h2{font-size: 14px;color: rgb(198, 198, 198);line-height: 1.857;}
.idx-two .right .details-btn{display:block;line-height: 32px;width: 156px;font-size: 14px;color: rgb(198, 198, 198);text-align: center;border: 1px solid #c6c6c6;margin: 30px 0;transition: all 0.25s;}
.idx-two .right .title{color: rgb(198, 198, 198);font-size: 14px;}
.idx-two .right .imgbox .col{float: left;margin-right: 10px;}
.idx-two .right .imgbox{margin-top: 20px;margin-bottom: 30px;}
.idx-two .right .bottom .col{transition: all .3s;font-size: 12px;color: rgb(198,198,198);border: 1px solid #5d5d5d;width: 158px;line-height: 34px;float:left;text-align: center;margin-right: 10px;margin-bottom: 10px;background:rgba(60,50,47,.4);}
.idx-two .right .bottom .col img{display: inline-block;margin-right: 5px;}
.idx-two .right .bottom{margin-top: 15px;}
.idx-two .right .details-btn:hover{background: #3b83ff;border-color:#3b83ff;color: white }
.idx-two .right .item{position:absolute;top:20px;opacity:0;width:100%;border: none !important;-webkit-transition: all 0.15s ease-out 0.05s;-moz-transition: all 0.15s ease-out 0.05s;-ms-transition: all 0.15s ease-out 0.05s;-o-transition: all 0.15s ease-out 0.05s;transition: all 0.15s ease-out 0.05s;}
.idx-two .right .item.on{opacity:1;z-index:2;top:0;border: none !important;-webkit-transition: all 1s cubic-bezier(0, 0, 0.33, 1.02) 0.25s;-moz-transition: all 1s cubic-bezier(0, 0, 0.33, 1.02) 0.25s;-ms-transition: all 1s cubic-bezier(0, 0, 0.33, 1.02) 0.25s;-o-transition: all 1s cubic-bezier(0, 0, 0.33, 1.02) 0.25s;/* transition: all 1s cubic-bezier(0, 0, 0.33, 1.02) 0.25s; */}
.idx-two .right .bottom .col:hover{background: #3b83ff;border-color:#3b83ff;color: white}
.idx-two .right .renzheng .title2>div{display:inline-block;cursor:pointer;margin-right:.2rem}
.idx-two .right .renzheng .title2>div.on{color:#3b83ff;}

.weui-cell {
    padding: 10px 15px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}
@media (min-width: 1200px){
.container {
    width: 1230px;
  }}


@media only screen and (max-width: 768px){/*小屏*/
.idx-two .left {
    height: 100%;
    padding: 18px 0;
    width: 100%;
   background: none;
}
  .idx-two .right {
    width: 65%;
    margin-left: 10%;
    margin-right: 8%;
    height: 100%;
    float: left;
    display: none;
    position: relative;
}
.idx-two .left .item {
    height: 20%;
    padding: 0;
    padding-left: 1.5vw;
    transition: all 0.25s;
    cursor: pointer;
    border-bottom: #989694 solid 1px !important;
    border-left: none;
    border-right: none;
    border-top: none;
}

}
