.video-box .video-butt {
    display: block;
    width: 112px;
    height: 40px;
    margin: auto;
    margin-top: 171px;
    margin-bottom: 97px;
    border-radius: 20px;
    border: solid 1px #3e6cff;
    font-size: 16px;
    line-height: 40px;
    color: #3e6cff;
}

.video-alert {
    line-height: 368px;
}

.video-div {
    position: relative;
    width: 591px;
    height: 368px;
    margin: 5px auto 0 auto;
    border-radius: 5px;
    overflow: hidden;
}

.topbanner {
    height: 480px;
    margin: auto;
    background: url(../images/v2/banner.png) no-repeat center center;
}

.video-box {
    padding: 80px 0 0 0;
}

.line-box {
    width: 1314px;
    height: 696px;
}

.img-box {
    background-color: #f7f9ff;
    padding: 64px 0 0 0;
    background: url(../images/v2/bg3.png) no-repeat center center;
    margin: auto;
}

.linellae-box {
    width: 281px;
    float: left;
}

.index-title i {
    margin: 0 0 18px 0;
}

.index-title p {
    font-size: 18px;
    height: 23px;
    line-height: 23px;
    color: #071c3b;
}

.two-dimensional {
    width: 360px;
    height: 440px;
    margin: 108px 0 0 0;
    background-color: #6070aa;
    float: left;
    box-shadow: 0px 0px 28px 0px rgba(7, 28, 59, 0.1);
    border-radius: 8px;
    background: url(../images/v2/img_a1.png) no-repeat center center;
    ;
}

.line-solid {
    width: 281px;
    height: 46px;
    float: left;
    margin: 192px 0 0 0;
    background-color: #4072fb;
    background: url(../images/v2/line.png) no-repeat center center;
    ;
}

.line-solidtow {
    width: 281px;
    height: 56px;
    float: left;
    margin: 175px 0 0 0;
    background-color: #4072fb;
    background: url(../images/v2/line1.png) no-repeat center center;
    ;
}

.card-box {
    width: 560px;
    float: left;
}

.configuration-box {
    width: 560px;
    float: left;
}

.card-iocn,
.configuration-iocn {
    width: 560px;
    height: 240px;
    margin: 64px 0 0 0;
    box-shadow: 0px 0px 28px 0px rgba(7, 28, 59, 0.1);
    border-radius: 8px;
    border: solid 1px #e2e8f2;
}

.card-iocn {
    background: url(../images/v2/bg_b.png) no-repeat center center;
    ;
    background-color: rgba(256, 256, 256, 0.5);
}

.configuration-iocn {
    background: url(../images/v2/bg_c.png) no-repeat center center;
    ;
    background-color: rgba(256, 256, 256, 0.5);
}

.configuration-iocn {
    margin: 48px 0 0 0
}

.card-iocn p,
.configuration-iocn p {
    height: 20px;
    margin: 32px 0 0 0;
    text-align: center;
    font-family: MicrosoftYaHei-Bold;
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    letter-spacing: 2px;
    color: #071c3b;
}

.icon-pcbox,
.configuration-pc {
    width: 104px;
    height: 136px;
    float: left;
    margin: 20px 0 0 88px;
}

.icon-pcbox div,
.configuration-pc div {
    width: 104px;
    height: 104px;
}

.icon-pcbox div {
    background: url(../images/v2/icon_pc.png) no-repeat center center;
    ;
}

.configuration-pc div {
    background: url(../images/v2/icon_ztxxhy.png) no-repeat center center;
    ;
}

.icon-pcbox p,
.icon-pc p {
    height: 16px;
    margin: 12px 0 0 0;
    font-family: MicrosoftYaHei;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #071c3b;
    text-align: center;
}

.icon-pc,
.configuration-pcimg {
    width: 104px;
    height: 136px;
    margin: 20px 0 0 156px;
    float: left;
}

.configuration-pcimg {
    margin: 20px 0 0 176px;
}

.icon-pc {
    width: 144px
}

.icon-pc div {
    width: 104px;
    margin: auto;
    height: 104px;
    background: url(../images/v2/icon_ydd.png) no-repeat center center;
    ;
}

.configuration-pcimg div {
    width: 104px;
    height: 104px;
    background: url(../images/v2/icon_dzczjs.png) no-repeat center center;
    ;
}

.configuration-pc p,
.configuration-pcimg p {
    height: 16px;
    margin: 12px 0 0 0;
    font-family: MicrosoftYaHei;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #071c3b;
    text-align: center;
}

.exhibition-img {
    height: 1066px;
    margin: auto;
    padding: 80px 0 0 0;
    background: url(../images/v2/bg_2.png) no-repeat center center;
    ;
    background-color: #393b4a;
}

.exhibition-center>.index-title p {
    height: 24px;
    font-family: MicrosoftYaHei-Bold;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 1px;
    color: #ffffff;
}

.exhibition-center>.index-title i {
    margin: 0 0 10px 0;
}

.exhibition-item {
    position: relative;
    float: left;
    width: 16.666%;
    height: 149px;
    color: #0a1633;
    text-align: center;
    cursor: pointer;
}

.exhibition.active {
    color: #3e6cff;
}

.exhibition-list {
    height: 149px;
    border-bottom: 1px solid #e2e8f2;
}

.exhibition-item div {
    width: 56px;
    height: 56px;
    margin: auto;
    background: url(../images/v2/icon_hm.png) no-repeat center center;
    ;
}

.exhibition-item span {
    display: block;
    height: 16px;
    margin-top: 24px;
    font-family: MicrosoftYaHei-Bold;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
}

.exhibition-item p {
    height: 13px;
    margin-top: 12px;
    font-family: MicrosoftYaHei;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 20px;
    letter-spacing: 0px;
    color: #ffffff;
}

.exhibition-item i {
    display: none;
    width: 80px;
    height: 4px;
    margin: auto;
    margin-top: 24px;
    background-color: #3e6cff;
}

.exhibition-item:nth-child(2) div {
    background: url(../images/v2/icon_jhdh.png) no-repeat center center;
    ;
}

.exhibition-item:nth-child(3) div {
    background: url(../images/v2/icon_ymdl.png) no-repeat center center;
    ;
}

.exhibition-item:nth-child(4) div {
    background: url(../images/v2/icon_diy.png) no-repeat center center;
    ;
}

.exhibition-item:nth-child(5) div {
    background: url(../images/v2/icon_yxsc.png) no-repeat center center;
    ;
}

.exhibition-item:nth-child(6) div {
    background: url(../images/v2/icon_ywlj.png) no-repeat center center;
    ;
}

.exhibition-list-box {
    margin-top: 64px;
}

.exhibition-content {
    width: 1200px;
    height: 593px;
    margin-top: 56px;
    display: none;
    text-align: center;
    font-family: MicrosoftYaHei;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 26px;
    letter-spacing: 0px;
    color: #ffffff;
}

.exhibition-content div:nth-child(1) {
    height: 19px;
}


/* .exhibition-content div:nth-child(2) {
    width: 841px;
    height: 534px;
    margin: auto;
    margin-top: 41px;
    background: url(../images/v2/IMAC_02.png) no-repeat center center;;
} */

.img-chidone {
    width: 841px;
    height: 534px;
    margin: auto;
    margin-top: 41px;
    background: url(../images/v2/IMAC_01.png) no-repeat center center;
    ;
}

.img-chidtow {
    width: 841px;
    height: 534px;
    margin: auto;
    margin-top: 41px;
    background: url(../images/v2/IMAC_02.png) no-repeat center center;
    ;
}

.img-chidthree {
    width: 841px;
    height: 534px;
    margin: auto;
    margin-top: 41px;
    background: url(../images/v2/imac_03.png) no-repeat center center;
    ;
}

.img-chidfour {
    width: 841px;
    height: 534px;
    margin: auto;
    margin-top: 41px;
    background: url(../images/v2/imac_04.png) no-repeat center center;
    ;
}

.img-chidfive {
    width: 841px;
    height: 534px;
    margin: auto;
    margin-top: 41px;
    background: url(../images/v2/imac_05.png) no-repeat center center;
    ;
}

.img-chidsix {
    width: 841px;
    height: 534px;
    margin: auto;
    margin-top: 41px;
    background: url(../images/v2/imac_06.png) no-repeat center center;
    ;
}

.show {
    display: block;
}

.scene-box {
    height: 616px;
    margin: auto;
    padding: 80px 0 0 0;
    background-image: linear-gradient(0deg, #dce3f3 0%, #ffffff 100%);
}

.video-box {
    height: 800px;
    margin: auto;
    text-align: center;
    background: url(../images/img_spbf.png) no-repeat center center;
}

.scene-center>.index-title div {
    height: 16px;
    margin: 24px 0 0 0;
    font-family: MicrosoftYaHei;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 16px;
    letter-spacing: 0px;
    color: #071c3b;
}

.scene-center>.index-title i {
    margin: 0 0 10px 0;
}

.scene-tab {
    width: 1200px;
    height: 45px;
    margin: auto;
    border-bottom: 1px solid #e2e8f2
}

.scene-tablist {
    width: 600px;
    height: 45px;
    margin: auto;
    margin-top: 65px;
}

.scene-tablist div {
    width: 200px;
    height: 45px;
    cursor: pointer;
    float: left;
}

.scene-tablist div p {
    height: 16px;
    line-height: 16px;
    text-align: center;
    font-family: MicrosoftYaHei-Bold;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #071c3b;
}

.scene-tablist div div {
    width: 80px;
    height: 3px;
    display: none;
    margin: 26px 0 0 60px;
    background-color: #3e6cff;
}

.scene-content {
    width: 1200px;
    height: 360px;
    margin: auto;
    margin-top: 40px;
}

.scene-content div {
    width: 382px;
    height: 256px;
    float: left;
}

.scene-contentimg {
    background: url(../images/v2/img_bz_01.png) no-repeat center center;
    ;
    background-color: #ffffff;
    border-radius: 8px;
    border: solid 1px #e2e8f2;
}

.scene-contentimgone {
    margin: 0 0 0 20px;
    background: url(../images/v2/img_bz_02.png) no-repeat center center;
    ;
    background-color: #ffffff;
    border-radius: 8px;
    border: solid 1px #e2e8f2;
}

.scene-contentimgtow {
    margin: 0 0 0 20px;
    background: url(../images/v2/shopcode/img_bz-03.png) no-repeat center center;
    ;
    background-color: #ffffff;
    border-radius: 8px;
    border: solid 1px #e2e8f2;
}

.scene-contentimgtree {
    background: url(../images/v2/shopcode/img_hwgg_01.png) no-repeat center center;
    ;
    background-color: #ffffff;
    border-radius: 8px;
    border: solid 1px #e2e8f2;
}

.scene-contentimgfuor {
    margin: 0 0 0 20px;
    background: url(../images/v2/shopcode/img_hwgg_02.png) no-repeat center center;
    ;
    background-color: #ffffff;
    border-radius: 8px;
    border: solid 1px #e2e8f2;
}

.scene-contentimgfive {
    margin: 0 0 0 20px;
    background: url(../images/v2/shopcode/img_hwgg-03.png) no-repeat center center;
    ;
    background-color: #ffffff;
    border-radius: 8px;
    border: solid 1px #e2e8f2;
}

.scene-contentimgsix {
    background: url(../images/v2/shopcode/img_xcdy_01.png) no-repeat center center;
    ;
    background-color: #ffffff;
    border-radius: 8px;
    border: solid 1px #e2e8f2;
}

.scene-contentimgseven {
    margin: 0 0 0 20px;
    background: url(../images/v2/shopcode/img_xcdy_02.png) no-repeat center center;
    ;
    background-color: #ffffff;
    border-radius: 8px;
    border: solid 1px #e2e8f2;
}

.scene-contentimgeight {
    margin: 0 0 0 20px;
    background: url(../images/v2/shopcode/img_xcdy-03.png) no-repeat center center;
    ;
    background-color: #ffffff;
    border-radius: 8px;
    border: solid 1px #e2e8f2;
}

.client-box {
    height: 500px;
    margin: auto;
    background: url(../images/v2/bg_07.png) no-repeat center center;
    ;
    background-color: rgba(256, 256, 256);
}

.client-boxlist {
    width: 1200px;
    height: 500px;
    margin: auto;
}

.client-boxlist .index-title {
    padding: 80px 0 0 0;
}

.client-boxlist .index-title i {
    margin: 0 0 10px 0;
}

.client-boxlist .index-title p {
    height: 24px;
    line-height: 24px;
    font-family: MicrosoftYaHei-Bold;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 1px;
    color: #071c3b;
}

.client-boxlist .index-title div {
    height: 15px;
    margin: 25px 0 0 0;
    line-height: 15px;
    font-family: MicrosoftYaHei;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #071c3b;
}

.client-img,
.client-imglist {
    width: 1310px;
    height: 74px;
    margin: auto;
    margin-top: 48px;
}

.client-imglist {
    margin: 24px 0 0 0;
}

.client-img img,
.client-imglist img {
    width: 220px;
    height: 72px;
    margin: 0 0 0 25px;
    float: left;
    border-radius: 4px;
    border: solid 1px #c9d1de;
}

.client-img img:hover,
.client-imglist img:hover {
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    border: 1rpx solid #e8e8e8;
    background-color: rgba(256, 256, 256, 0.45);
    border-radius: 4px;
}

.hide {
    display: block !important;
}