@media (min-width:2020px) {
	.n_case_ul .i_case_li {
		height: 402px;
	}

	.i_video_txt {
		line-height: 38px;
		font-size: 26px;
	}

	.container-ljw .wrap .cube div {
		width: 400px;
		height: 400px;
	}

	.container-ljw .wrap .cube span {
		width: 260px;
		height: 260px;
	}

	.container-ljw .wrap .cube .in-front {
		transform: translateZ(130px);
	}

	.container-ljw .wrap .cube .in-top {
		transform: rotateX(90deg) translateZ(130px);
	}

	.container-ljw .wrap .cube .in-bottom {
		transform: rotateX(-90deg) translateZ(130px);
	}

	.container-ljw .wrap .cube .in-left {
		transform: rotateY(-90deg) translateZ(130px);
	}

	.container-ljw .wrap .cube .in-right {
		transform: rotateY(90deg) translateZ(130px);
	}

	.container-ljw .wrap .cube .in-back {
		transform: translateZ(-130px);
	}


	.container-ljw .wrap .cube .out-front {
		transform: rotateY(0deg) translateZ(200px);
	}

	.container-ljw .wrap .cube .out-back {
		transform: translateZ(-200px);
	}

	.container-ljw .wrap .cube .out-left {
		transform: rotateY(-90deg) translateZ(200px);
	}

	.container-ljw .wrap .cube .out-right {
		transform: rotateY(90deg) translateZ(200px);
	}

	.container-ljw .wrap .cube .out-top {
		transform: rotateX(90deg) translateZ(200px);
	}

	.container-ljw .wrap .cube .out-bottom {
		transform: rotateX(-90deg) translateZ(200px);
	}

	.container-ljw .wrap .cube:hover .out-front {
		transform: rotateY(0deg) translateZ(240px);
	}

	.container-ljw .wrap .cube:hover .out-back {
		transform: rotateY(0deg) translateZ(-240px);
	}

	.container-ljw .wrap .cube:hover .out-top {
		transform: rotateX(90deg) translateZ(240px);
	}

	.container-ljw .wrap .cube:hover .out-bottom {
		transform: rotateX(-90deg) translateZ(240px);
	}

	.container-ljw .wrap .cube:hover .out-right {
		transform: rotateY(90deg) translateZ(240px);
	}

	.container-ljw .wrap .cube:hover .out-left {
		transform: rotateY(-90deg) translateZ(240px);
	}
}

@media (max-width:768px){
    .footer{
        
        padding-bottom: 55px;
    }
    .nav{
        padding: 15px 10px;
    }
    .nav .logo {
        width: 37%;
    }
    .navbar li.navli{
        width: 100%;
        height: auto;
    }
    .navbar {
        background: #000;
        position: absolute;
        background: #000;
        top:-1074px;
        opacity: 0;
        left: 0;
        height: 500px;
        transition: .5s;
        overflow-x: hidden;
        overflow-y: scroll;
        white-space: nowrap;
    }
    .nav .dropdown {
        z-index: 9;
        width: 100%;
        left: 0;
        top: 28px;
        padding: 0 24px;
        position: initial;
    }
    /*滚动条凹槽的颜色，还可以设置边框属性 */
    ::-webkit-scrollbar-track-piece {
    	background-color: #000;
    }
    .i_video_txt span,
    .one_video .i_video_logo,
    .container-ljw .wrap .cube span{
        display: none;
    }
    .container-ljw .wrap .cube div{
        width: 120px;
        height: 120px;
        box-shadow: rgb(17 123 194 / 71%) 0 0 44px 8px;
    }
    .container-ljw .wrap .cube .out-front {
        transform: rotateY(0deg) translateZ(65px);
    }
    .container-ljw .wrap .cube .out-back {
        transform: translateZ(-65px);
    }
    .container-ljw .wrap .cube .out-left {
        transform: rotateY(-90deg) translateZ(65px);
    }
    .container-ljw .wrap .cube .out-right {
        transform: rotateY(90deg) translateZ(65px);
    }
    .container-ljw .wrap .cube .out-top {
        transform: rotateX(90deg) translateZ(65px);
    }
    .container-ljw .wrap .cube .out-bottom {
    	transform: rotateX(-90deg) translateZ(65px);
    }
    .video_box{
        margin-top: 77px;
    }
    .zhuanli_div.nn .zhuanli_li,
    .container{
        width: 100%;
    }
    .hidden-md{
        display: block;
    }
    .footer .right,
    .hidden-xs{
        display: none;
    }
    .one_video .i_video_txt {
        left: 4%;
        bottom: 27%;
        font-size: 14px;
        width: 74%;
        line-height: 22px;
    }
    .team_li, .i_case_box .i_case_li {                                                                                                                 
        width: 100%;
        padding: 10px;
    }
    .n_case_ul,
    .padding_lr_10{
        padding: 0 10px;
    } .i_case_xs_li {
        margin-bottom: 15px;
    }
    .i_case_xs_li h4{
        margin: 10px 0;
        font-size: 16px;
        font-weight: 500;
    }
    .div_solo {
        height: 285px;
    }
    .n_banner_txt h5,
    .solo_txt {
        font-size: 20px;
    }
    .footer .left_txt p,
    .solo_txt .btn_line {
        font-size: 12px;
    }
     .div_solo{
        height: 210px;
    }
    .div_solo video{ 
        position: absolute;
    }
    .footer .left_txt {
        padding: 10px;
    }
    .footer .left_txt h5 {
        font-size: 15px;
    }
    .footer span.icon_ img {
        width: 15px;
        margin-right: 2px;
    }
    .copyright {
        padding: 9px;
        margin-top: 0;
    }
    .i_case_box{
        padding: 0;
    }
    .tit h3 {
        font-size: 17px;
        margin: 25px 45px;
    }
    .tit h3 span {
        font-size: 33px;
        left: -9px;
        top: -13px;
    }
    .i_video_txt h3::before, .tit h3::before {
        width: 20px;
        left: -39px;
        top: 9px;
    }
    .xs_nav{
        position: absolute;
        right: 12px;
        top: 35px;
    }
    .xs_nav span{
        display: block;
        width: 20px;
        height: 2px;
        background: #fff;
        margin-bottom: 3px;
    }
    .navform button{
        right: 20px;
    }
    .i_case_div .i_case_img video,
    .navform form{
        display: none;
    }
    .navbar.active{
        opacity: 1;
        top:74px;
    }
    .navbar li.navli>a{
        height: auto;
    }
    .n_banner {
        height: 200px;
    }
    .n_case_ul .i_case_li{
        width: 100%;
        height: auto;
        background: none !important;
    }
    .team_txt,
    .n_case_div .i_case_txt{
        color: #505050;
    }
    .i_case_txt h4 {
        font-size: 18px;
        margin: 8px;
    }
    .team_li,
    .i_case_div {
        margin-bottom: 10px;
    }
    .zhuanli_news{
        padding: 10px;
    }
    .team_li h4 {
        text-align: left;
        margin: 0;
    }
    .team_txt p{
        margin: 5px 0;
    }
    .about_team {
        padding: 0;   
        padding-top: 5px;
    }
    .about_txt .i_video_txt {
        font-size: 12px;
        line-height: 17px;
    }
    .about_txt1 {
        left: -29px;
    }
    
    .n_abouit_box{
        padding-top: 77px;
    }
    div.zhanwei2{
        display: none;
    }
    .n_contact .contact_map div.div.txt,
    .zhuanli_box{
        padding: 0 10px;
    }
    .zhuanli_div .zhuanli_li{
        width: 47.5%;
    }
    .zhuanli_div .zhuanli_li:nth-child(7n+7){
        margin-right: 15px;
    }
    .zhuanli_div .zhuanli_li:last-child,
    .zhuanli_div .zhuanli_li:nth-child(2n+2){
        margin-right: 0;
    }
    .zhuanli_div.nn .zhuanli_li{
        padding: 10px;
        border: 1px solid #ddd;
    }
    .work_banner {
        height: 460px;
    }.n_contact .contact_map div.div,
    .three_work .left, .three_work img,
    .work_img1 .left,
    .work_txt .left{
        width: 100% !important;
    }
    .work_txt .txt {
        padding: 10px;
        font-size: 15px;
    }
    .n_contact .contact_map div.div.txt{
        height: auto;
        font-size: 15px;
    }
    .detail_tit,
    .detail_txt_c,
    .type{
        padding: 0 10px;
    }
    .type li{
        margin-left: 0;        
        margin-right: 13px;
        margin-bottom: 13px;
    }
    .navbar li.navli {
        line-height: 37px;
    }
    .xs_footer{
        position: fixed;
        bottom: 0;
        width: 100%;
        display: block;
        background: #0c0c0c;
        z-index: 999999999999999;
    }
    .xs_footer li{
        float: left;
        text-align: center;
        width: 20%;
    }
     .xs_footer li a:before{
         content:  '';
         width: 25px;
         height: 25px;
         display: block;
         margin: 5px auto 0;
         background-size: contain;
         background-repeat: no-repeat;
     }
     .xs_footer ul{
        margin: 0;
        padding-bottom: 3px;
     }
     .xs_footer li a{
         font-size: 12px;
     }
     .xs_footer li.active a{
         color: #4BECD9;
     }
     .xs_footer li:nth-child(1) a:before{
         background-image: url(../images/icon_xs_1.png?0.0.1) ;
     }
      .xs_footer li:nth-child(2) a:before{
         background-image: url(../images/icon_xs_2.png?0.0.1) ;
     }
      .xs_footer li:nth-child(3) a:before{
         background-image: url(../images/icon_xs_3.png?0.0.1) ;
     }
      .xs_footer li:nth-child(4) a:before{
         background-image: url(../images/icon_xs_4.png?0.0.1) ;
     }
      .xs_footer li:nth-child(5) a:before{
         background-image: url(../images/icon_xs_5.png?0.0.1) ;
     }
     
      .xs_footer li.active:nth-child(1) a:before{
         background-image: url(../images/icon_xs_1-2.png?0.0.1) ;
     }
      .xs_footer li.active:nth-child(2) a:before{
         background-image: url(../images/icon_xs_2-2.png?0.0.1) ;
     }
      .xs_footer li.active:nth-child(3) a:before{
         background-image: url(../images/icon_xs_3-2.png?0.0.1) ;
     }
      .xs_footer li.active:nth-child(4) a:before{
         background-image: url(../images/icon_xs_4-2.png?0.0.1) ;
     }
      .xs_footer li.active:nth-child(5) a:before{
         background-image: url(../images/icon_xs_5-2.png?0.0.1) ;
     }
}