body{
    margin: 0 auto;width: 1900px
}

#lszk_dhbq {
    margin-left:368px; height: 80%; margin-right: 10%;
}
.lszk_dhbq_class {
    height: 200px;
    width: 280px;
    margin-top: 34px;
    margin-left: 20px;
    float: left;
    border-radius: 20px;
}
.lszk_dhbq_class1 {
    height: 200px;
    width: 280px;
    margin-top: 34px;
    float: left;
    border-radius: 20px;
}
#lszk_dhbq1{
    background-image: url('/website/imges/1.png')
}
#lszk_dhbq2{
    background-image: url('/website/imges/2.png')
}
#lszk_dhbq3{
    background-image: url('/website/imges/组 44.png')
}
#lszk_dhbq4{
    background-image: url('/website/imges/互动展项定制1.png')
}


#lszk_dhbq1:hover {
    transition-delay: 100ms;
    background-image: url('/website/imges/1-1(1).png')
}
#lszk_dhbq2:hover {
    transition-delay: 300ms;
    background-image: url('/website/imges/2-1(1).png')
}
#lszk_dhbq3:hover {
    transition-delay: 300ms;
    background-image: url('/website/imges/组 44 拷贝(1).png')
}
#lszk_dhbq4:hover {
    transition-delay: 300ms;
    background-image: url('/website/imges/互动展项定制.png')
}
.div1_logo {
    margin-left: 368px;float: left;margin-top: 20px
}
.div1_ss {
    margin-right: 368px;float: right;margin-top: 20px
}
#div1_input {
    width: 300px;height: 40px;  border-radius: 25px;z-index: 1; border: 1px solid #339dff;
}
#div1_button{
    border-radius: 28px;height: 40px;width: 40px;background-image: url("/website/imges/组 46.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    border: 1px solid #339dff;
}
#div1_button:active {
    border-radius: 25px;
    border: 1px solid #339dff;
}
#div1_2{
    z-index: 3 ;margin-right: -300px;float: right;margin-top: 20px;height: 40px;width: 40px;
}
#div1_3 {
    z-index: 99;height: 60px;width: 1180px;background-color: #ffffff;display: block;position: absolute; margin-top: -30px; margin-left: 368px;
    border-radius: 10px;border-bottom-left-radius: 0px ;
}

#div2_id1 {
    height: 100%;width: 169px ;background-image: url("/website/imges/视觉创意.png"); float: left;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
}
#div2_id2{
    background-image: url("/website/imges/数字科技.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
}
#div2_id3{
    background-image: url("/website/imges/交互场景.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
}
#div2_id4{
    background-image: url("/website/imges/沉浸体验.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
}
#div2_id5{
    background-image: url("/website/imges/智能控制.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
}
#div2_id1:hover {
    transition-delay: 200ms;
    background-image: url("/website/imges/视觉创意D.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
}
#div2_id2:hover {
    transition-delay: 200ms;
    background-image: url("/website/imges/数字科技D.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
}

#div2_id3:hover {
    transition-delay: 200ms;
    background-image: url("/website/imges/交互场景D.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
}

#div2_id4:hover {
    transition-delay: 200ms;
    background-image: url("/website/imges/沉浸体验D.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
}

#div2_id5:hover {
    transition-delay: 200ms;
    background-image: url("/website/imges/智能控制D.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
}


.div2_class {
     height: 100%;width: 169px ; float: left; margin-left: 79px;
}
.div3_class {
    height: 100%;width: 25% ; float: left;border:1px solid #000;
}
.div3_class:hover .div3_img{
    opacity: 1;
}
.div3_class:hover .div3_a{
    transition-delay: 300ms;
    display:none;
}

#div3_id_1{
    background-image: url('/website/imges/标题1.png');width: 310px;height: 64px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
}
#div3_span{
    color: #000000;font-size: 18px; font-family: "微软雅黑 Regular";
}
.div3_span1{
    text-align: center;display:block; width: 430px;height: 40px;margin-top: 70px;position:absolute;
    font-family: "微软雅黑 Regular";font-size: 22px; font-weight:bold;color: #ffffff;
}
.div3_span2{
    text-align: center;display:block; width: 430px;height: 40px;position:absolute;margin-top: 110px;
    font-family: "微软雅黑 Regular";font-size: 16px;color: #ffffff;
}
.div3_span3{
    height:32px;width: 32px ;background-image: url('/website/imges/箭头2.png');
    position:absolute;margin-top:200px;margin-left: 200px
}
.div3_span3:hover{
    background-image: url('/website/imges/箭头1.png');
}
.div3_span4{
    text-align: center;display:block; width: 25%;height: 40px;margin-top: 2px;position:absolute;
    font-family: '微软雅黑 Regular';font-size: 22px; font-weight:bold;color: #ffffff;
}


.div3_img{
    width: 100%;height: 100%;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    transition: 0.3s;
    -webkit-transition: .5s;
    -moz-transition: .5s;

}

#div3_span:hover{
    color: #00abeb;
    font-family: "微软雅黑 Regular";
    font-size: 18px;
}

.div3_button5{
    height: 32px;position: absolute;width: 32px;margin-top: -95px;
    background-image: url('/website/imges/箭头2.png');
    margin-left: 224px;z-index: 99;display:none;
}
.div3_button5:hover{
    background-image: url('/website/imges/箭头1.png');
}
.div5_class {
    height: 290px;width: auto ;
}
.div5_class_1 {
    margin-left: 368px;width: 380px;
    height: 290px;float: left;
    box-shadow: 2px 2px 3px #7c7c7c;
}

.div5_class_2 {
    margin-left: 20px;width: 380px;height: 100%;
    float: left;height: 290px;box-shadow: 2px 2px 5px #7c7c7c;
}
.div5_class_2:hover{
    background-color: #fff;
    box-shadow: 1px 2px 2px #d9d9d9;
    transition: 0.3s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
}

#div5_id_1{
    background-image: url('/website/imges/软件定制.png');width: 310px;height: 64px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
}
#div5_span{
    color: #000000;font-size: 18px; font-family: "微软雅黑 Regular";
}
#div5_span:hover{
    color: #00abeb;
    font-family: "微软雅黑 Regular";
    font-size: 18px;
}

.div5_class_1:hover {
    background-color: #fff;
    box-shadow: 1px 2px 2px #d9d9d9;
    transition: 0.3s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
}

.div5_d2 {
    width: 380px;
    height: 215px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
}

.div5_h1 {
    font-size: 22px;
    font-family: '微软雅黑 Bold';
    color: #000000;
    text-align: center;
    position: absolute;font-weight: bold;text-align: center;display:block; width: 380px;height: auto;margin-top: 5px
}
.div5_h2 {
    font-size: 16px;
    font-family: '微软雅黑 Light';
    color: #000000;
    text-align: center;
    position: absolute;display:block; text-align: center; width: 380px;height: auto;margin-top: 28px
}
.div5_class_1:hover .div5_h1 {
    color: #00abeb;
    transition: 0.3s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
}
.div5_class_2:hover .div5_h1 {
    color: #00abeb;
    transition: 0.3s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
}

.div5_d3 {
    width: 380px;
    height: 215px;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    transition: 0.3s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
}

.div5_class_1:hover .div5_d3 {

    opacity: 1;
}

.div5_class_1:hover .div5_d4 {
    animation: fadeInUpLeft 2s 1;
    -webkit-animation: fadeInUpLeft 1s 1;
}

.div5_class_1:hover .div5_d5 {
    animation: fadeInUpLeft 2s 1;
    -webkit-animation: fadeInUpLeft 1.5s 1;
}
.div5_class_2:hover .div5_d3 {
    opacity: 1;
}

.div5_class_2:hover .div5_d4 {
    animation: fadeInUpLeft 2s 1;
    -webkit-animation: fadeInUpLeft 1s 1;
}

.div5_class_2:hover .div5_d5 {
    animation: fadeInUpLeft 2s 1;
    -webkit-animation: fadeInUpLeft 1.5s 1;
}

.div5_d4 {
    width: 46px;
    height: 46px;
    margin-top: 100px;
    float: left;
    margin-left: 96px;
    background-image: url("/website/imges/组 49.png");
}

.div5_d5 {
    width: 46px;
    height: 46px;
    margin-top: 100px;
    float: left;
    margin-left: 96px;
    background-image: url("/website/imges/组 50.png");
}

@-webkit-keyframes fadeInUpLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@keyframes fadeInUpLeft {
    0% {
        opacity: 0;
        transform: translateY(100px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.div5_d4:hover {
    background-image: url("/website/imges/组 49 拷贝.png");
    transition: 0.3s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
}

.div5_d5:hover {
    background-image: url("/website/imges/组 50 拷贝.png");
    transition: 0.3s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
}


.div6_class {
    width: 100% ;height: 50% ;
}
.div6_class_1 {
    width: 25% ;height: 100%;float: left;border:1px solid #000;background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
}
.div6_class_1:hover .div6_div2{
    transition-delay: 300ms;
    display:block;
}
.div6_class_1:hover .div6_div1{
    transition-delay: 300ms;
    display:none;
}

#div6_id_1{
    background-image: url('/website/imges/项目案例.png');width: 377px;height: 64px;margin-top: 20px;display: block;position: absolute;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
}
#div6_span{
    color: #ffffff;font-size: 18px; font-family: "微软雅黑 Regular";margin-top: 30px;display: block;position: absolute;
}
#div6_span:hover{
    color: #00abeb;
    font-family: "微软雅黑 Regular";
    font-size: 18px;
}
.div6_div1{
    height: 40px;width: 100%;background-color:rgba(0,0,0,0.6);margin-top: 280px
}
.div6_span1{
    margin-left: 20px;color: #ffffff;font-weight: bold;font-size: 22px;font-family: '微软雅黑 Regular'
}
.div6_span2{
    height:auto;width: 160px;text-align: center;
    font-family: '微软雅黑 Regular';font-size: 22px;color: #ffffff;
    display:block;position: absolute;margin-top: 75px;margin-left: 160px
}
.div6_span3{
    height:auto;width: 260px;text-align: center;
    font-family: '微软雅黑 Regular';font-size: 14px;color: #b8aeae;
    display:block;position: absolute;margin-top: 100px;margin-left: 110px
}
.div6_span4{
    height:auto;width: 260px;text-align: center;
    font-family: '微软雅黑 Regular';font-size: 14px;color: #14afff;
    display:block;position: absolute;margin-top: 135px;margin-left: 110px
}
/*display: none;*/
.div6_div2{
    height: 100%;width: 100%;background-image: url('/website/imges/透明矩形.png');display: none;
}
.div6_div3{
    background-image: url('/website/imges/箭头2.png');width: 32px;
    margin-top: 190px;margin-left: 220px;
    height: 32px;display:block;position: absolute;
}
.div6_div3:hover {
    background-image: url('/website/imges/箭头1.png');
}
.div7_class {
    width: 100%;height: 140px;background-color: #1d9d74;
}
.div7_class_1 {
    margin-left: 368px;background-color: #1c84c6;width: 224px;height: 100%;border:1px solid #000;float: left;
}
.div7_class_2 {
    margin-left: 20px;background-color: #1c84c6;width: 224px;height: 100%;border:1px solid #000;float: left;
}
.div7_class_3 {
    width: 100%;height: 140px;background-color: #1d9d74;margin-top: 40px
}
.div8_class {
    width: 260px;height: 60px;float: left;background-color: #00abeb;
    border-radius: 10px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px ;
}
#div8_span1{
    font-size: 22px;color: #ffffff; margin-left: 20px;margin-top: 50px;font-family: "微软雅黑 Regular"; font-weight:bold;
}
.div8_class_1{
    width: 153px;height: 60px;float: left;
}
.div8_class_1:hover{
    transition-delay: 100ms;
    background-color: #00abeb;
    color: #ffffff;
}
.div8_class_span {
    font-size: 20px;color: #808080; margin-top: 50px;font-family: "微软雅黑 Regular";   color: #808080;
}
.div8_class_span2 {
    font-size: 20px;color: #ffffff; margin-left: 20px;margin-top: 50px;font-family: "微软雅黑 Regular";
}
.div8_class_span:hover {
    font-size: 20px;margin-top: 50px;
}
#div8_class_1_6{
    border-radius: 10px;border-bottom-left-radius: 0px;border-top-left-radius:0px;  width: 155px;height: 60px;float: left;
}
#div9_id{
    z-index: 99;height: 770px;width: 260px;background-color:rgba(0,0,0,0.6);display: block;position: absolute;margin-top: 30px;margin-left: 368px;
}
.div9_class1{
    width: 260px;height: 70px;vertical-align: middle;float: top;
}
.div9_a1{
    font-size: 18px;font-family: '微软雅黑 Regular' ;color: #ffffff; margin-left: 20px;
}
.div9_class1:hover{
    background-color: #00abeb;
}
#div10_id_1{
    background-image: url('/website/imges/资质荣誉.png');width: 434px;height: 64px;margin-top: 20px;display: block;position: absolute;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
}
#div10_span{
    color: #000000;font-size: 18px; font-family: "微软雅黑 Regular";margin-top: 30px;display: block;position: absolute;
}
#div10_span:hover{
    color: #00abeb;
    font-family: "微软雅黑 Regular";
    font-size: 18px;
}
.div10_img{
    width: 70%;
    height: 166%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
}

#div11_id_1{
    background-image: url('/website/imges/联系我们文字.png');width: 310px;height: 64px;margin-top: 20px;display: block;position: absolute;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
}
#div11_span{
    color: #000000;font-size: 18px; font-family: "微软雅黑 Regular";margin-top: 30px;display: block;position: absolute;
}
#div11_span:hover{
    color: #00abeb;
    font-family: "微软雅黑 Regular";
    font-size: 18px;
}
.div12_span:hover{
    color:  #00abeb;
}
div12_span{
    color: #808080;
}
.div13_hover:hover {
    opacity: 1
}
.div13_hover{
    opacity: 0;background-image: url('/website/imges/组 58.png');width: 260px; height: 130px;margin-top: 350px
}