@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 1400px){
    .title1{font-size: 20px;}
    .title2{font-size: 20px;}
    .title2 span{padding-bottom: 0;}
    .main-head a{margin-top: 20px; width: 130px; font-size: 14px;}
    .main-head-p{font-size: 16px;line-height: 35px;}
    .main-head{width: 95%; margin: 0 auto;}
    .list-head-div{width: 95%; margin: 0 auto;}
    .list-txt3 p{width:100%; margin: 0 auto;}
    .pages{width: 95%; margin: 0 auto; display: flex;justify-content: space-around;padding-top:20px;}
    .page-prevs, .page-nexts, .page li a{width: 32px; height: 32px; line-height: 32px;}
    .page-prevs, .page, .page li, .page-nexts{margin-right: 5px;}
    .page li a:hover{width: 32px; height: 32px; line-height: 32px;border: 1px solid #f1f1f1;}
    /* 产品 */
    .main-pre{width: 100%;}
    .list-txt3 .main-head-p{width: 100%;}
    .list1-title-box{white-space: nowrap;overflow-x: auto;height: 90px;display: flex;}
    .list1-box .list1-title{height: 81px; width: 95%; left: 2%;}
    .list1-title-box .list1-menu{width: auto; margin-left: 20px; margin-right: 15px;} 
    .list1-contents{width: 95%; margin: 0 auto;} 
    .list1-box-con{width: 100%;float:initial; margin-right: 0;}
    .list1-logo-img img{width: 100%;}
    .list1-logo{top: 178px;}
    .list3-menu-box.down{height: 180px;}
    /* 客户 */
    .list-txt3{padding: 50px 0 0;}
    .list3-box1-img{width: 95%; margin: 0 auto;}
    .list3-box1-img img{width: 100%;}
    .list3-box1{height: 550px;}
    .list3-box1-con{height: 550px;}
    .list3-box-menu{display: flex;overflow: hidden; left: 2%; flex-wrap: wrap;width: 95%;justify-content: initial;}
    .list3-box-menu-nav{width: 50%; margin-bottom: 20px; height: 40px;}
    .list3-menu-box{bottom: 20px;}
    
    .list3-box2{min-height: 400px; padding: 30px 0;}
    .list3-box2-con{width: 95%;margin: 0 auto; padding: 20px 0;}
    .list3-box2-line{display: none;}
    .list3-box2-div{width: 95%; margin: 0 auto; float: initial; padding-bottom: 15px;}
    .list3-box3{padding: 30px 0;}
    .list3-box3-cons{width: 95%; margin: 0 auto; padding: 20px 0; height: auto;} 
    .list3-box3-menu{width: 100%;float: initial; height: 50px; padding: 0; overflow: hidden; background: #fff; border-radius: 10px 10px 0 0;}
    .list3-box3-menu-nav-bg{display: none;}
    .list3-box3-menu ul{position: initial; display: flex; white-space: nowrap;overflow-x: auto;}
    .list3-box3-menu ul li{float: left;}
    .list3-box3-right{width: 100%; float: initial; height: auto; background: #fff;}
    .list3-box3-menu-nav{padding: 0 20px 0 10px;}
    .list3-box3-con img{width: 100%;}
    .list3-box3-con{width:90%; margin: 0 auto; padding: 40px 0;}
    .list3-box3-con img{width: 90%;}

    .list3-box4-img li img{width: 100%;}
    .list3-box4{padding: 30px 0;}
    .list3-box4-menu{width: 100%; height: 71px; overflow: hidden;border-bottom: 1px solid #dedede;}
    .list3-box4-menu ul{white-space: nowrap;overflow-x: auto; height: 90px; justify-content: initial;}
    .list3-box4-menu-nav{margin-right: 20px;}
    .list3-box4-p{width: 90%; font-size: 13px; margin: 10px auto;overflow: hidden;}
    .list3-box4-swiper{width: 80%;}
    .list3-box4-con{width: 95%; margin: 0 auto;}
    .list3-box4-div{width: 95%; padding: 10px 0 0;}
    .list3-box4-img{width: 75%; margin: 0 auto;}
    .swiper1-prev{left: 0; top: 50%;}
    .swiper1-next{right: 0; top: 50%;}

    .list3-box5{padding: 30px 0;}
    .list3-box5-con-left{float: initial; width: 95%; height: auto; margin: 0 auto;}
    .list3-box5-con{width: 95%; margin: 0 auto; padding: 20px 0;}
    .list3-box5-con-left img{width: 100%;}
    .list3-box5-con-right{width: 95%; margin: 0 auto; float: initial;}

    /* 研发全场景 */
    
    .list-txt2{padding: 30px 0;}
    .list-txt2 .main-head-p{width:100%; margin: 0 auto; line-height: 35px;}
    .list2-box1{width: 100%; height: 450px; margin: 0 auto;}
    .list2-box1-con{height: auto;}
    .list2-box1-img{width: 95%; margin: 0 auto;}
    .list2-box1-img img{width: 100%;}
    .list2-box2{padding: 30px 0;}
    .list2-box2-con{width: 95%; margin: 0 auto;}
    .list2-box2-div{width: 100%; padding:  0; height: auto;}
    .list2-box2-div-txt{width: 90%; margin: 0 auto 20px;float: initial;}
    .list2-box2-div-txt h3{width: 100%; margin-bottom: 20px; font-size: 18px;}
    .list2-box2-div-txt p{width: 100%;}
    .list2-box2-div-img{width: 90%;float: initial; margin: 20px auto;}
    .list2-box2-div-img div{width: 100%; height: auto;}
    .list2-box2-div-img img{width: 100%; display: block; height: 100%;}
    .list2-box2-div:nth-child(2n) .list2-box2-div-img{margin: 20px auto 0; float: initial;}
    .list2-box2-div:nth-child(2n) .list2-box2-div-txt{margin: 0 auto 20px; padding-top: 20px;}

        /* 行业 */
    .list5-box1-con{width: 95%; margin: 0 auto;}
    .list5-box1{padding: 16px 0 30px;}
    .list5-box1-con-left{width: 100%; float: initial; padding-bottom: 20px;}
    .list5-box1-con-left h4{padding-bottom: 15px;}
    .list5-box1-con-right{width: 100%; float: initial;}
    .list5-box1-con-right img{width: 100%;}
    .list5-box1-bottom{width: 88%; padding: 20px 3%; margin: 20px auto 0;}
    .list5-box2,.list5-box3{ padding: 30px 0;}
    .list-head-div{width: 95%; margin: 0 auto;}
    .list-head-div-txt{padding: 15px 0;}
    .list5-box2-con{width: 95%; margin: 0 auto;}
    .list5-box3-con,.list5-box3-con2{width: 95%; display:block;}
    .list5-box3-icon{width: 47%; margin-right: 3%; float: left; margin-bottom: 15px;}
    .list5-box3-icon:nth-child(2n){margin-right: 0;}
    .list5-box3{overflow: hidden;}

    /* 关于我们 */
    .list4-box1{padding: 40px 0;}
    .list4-box1-con{width: 95%; margin: 30px auto 0;}
    .list4-box1-con-left{width: 100%; float: initial;}
    .list4-box1-con-left img{width: 100%;}
    .list4-box1-con-right{float: initial;  width: 100%;}
    .list4-box1-bottom{width: 95%; margin: 0 auto;flex-direction: column;}
    .list4-box1-icon{margin-bottom: 15px; width: 100%;}
    .list4-box2-box{width: 95%;}
    .list4-box2-con{width: 80%;}
    .swiper-button-prev1{left: -8px;}
    .list4-box3{padding: 40px 0;}
    .list4-box3-con{width: 95%; flex-direction: column;}
    .list4-box3-icon{width: 100%; margin-bottom: 15px;}

    /* 新闻 搜索 新闻详情*/
    .new{width: 95%;}
    .new-con-box{width: 100%; float:initial;}
    .new-box-img{width: 100%;}
    .new-box-img img{width: 100%;}
    .newlist-con{width: 95%;}
    .newlist-head{width: 100%;}
    .newlist-tip{width: 90%;}
    .newlist-txt{width: 95%;}
    .newlist-more{width: 95%;}
    .seah-list-box{width: 95%;}

    /* 服务支持 */
    .service-title-box{white-space: nowrap; overflow-x: auto;justify-content:initial;}
    .service-title-div{width: 120px;}
    .service-title-box .service-menu{width: 100px;}
    .service-box .service-title{height: 130px;}
    .service-menu span{white-space: break-spaces; padding: 10px 10px 0; font-size: 14px;}
    .service-box1-con{width: 95%; display: initial; margin: 0 auto;}
    .service-box1-con-div{width: 95%; margin: 20px auto 0;  overflow: hidden;}
    .service-box1-con div img{display: block; width: 100%;}

    .service-box2{padding: 30px 0;}
    .service-box2-con{width: 95%; margin: 0 auto;}
    .service-box2-play{width: 100%; margin-right: 0;}
    .play{width: 100%;}
    .play img{width: 100%;}
    .service-box2-play{padding-top: 30px;}
    .service-box2-con{padding: 0;}
    .service-box3{padding: 30px 0;}
    .service-box3-con{width: 95%; padding: 20px 0 0;}
    .service-box3 .list-btn-more a{margin-top: 10px;}
    
    #goods-player-phone{width:100%;height: 220px;}
    .goods-right-con .my-player-dimensions {z-index: 5;width:100%;height: 220px;}
    .video-box-con {background: #ffffff; position: relative;z-index: 10;}
    .video-banner-box-con{background: #ffffff; position: relative;z-index: 10;}
    .video-img{position: absolute;cursor: pointer;z-index: 7;left: 0;top: 0; background-size: 100% 100%;text-align: center;}
    .vjs-icon-placeholder {display: none;}
    .player-con{width:100%;height: 220px;position: relative;}
    .video{width:100%;height: auto; border-radius: 0; overflow: hidden;}
    .player-btn{position: absolute; left: 50%; top: 40%; margin-left: -27px; background: url(../images/play.png) no-repeat; width: 54px; height: 54px;}
    .vjs-poster{background-size: 100% 100%;}
    /* 客户详情 */
    .list-txt6{padding: 15px 0 0;}
    .list-txt6-left{width: 95%; margin: 0 auto; float: initial;}
    .list-txt6 h4{font-size: 16px; line-height: 40px;}
    .list-txt6 p{font-size: 14px; line-height: 20px;padding-bottom:10px}
    .list-txt6-right{float:initial; width: 95%;}
    .list-txt6-right img{width: 100%;}
    .list6-box3-nav span{width: 84px;}
    .list6-box1{padding: 30px 0;}
    .list6-box1-menu{width: 95%; overflow: hidden;}
    .list6-box1-con{width: 95%; padding: 20px 0; display: flex; white-space: nowrap;overflow-x: auto;height: 215px;} 
    .list6-box1-icon{padding: 15px 0; margin-top: 15px; margin-right: 15px; line-height: 20px; font-size: 14px;}
    .list6-box1-icon p{white-space: break-spaces; width: 150px; padding: 10px;}
    .list6-box2{padding: 30px 0;}
    .list6-box2-con{width: 95%; margin: 20px auto; padding: 15px 0 20px;}
    .list6-box2-con-img img{width: 100%;}
    .list6-box2-con p{padding: 0 20px;}
    .list6-box2-con .list-btn-more a{margin-top: 15px;}
    .list6-box3{padding: 30px 0 10px;}
    .list6-box3-con{width: 95%; margin: 20px auto;}
    .list6-box3-menu{width: auto; margin: 0 auto;}
    .list6-box3-nav{float: left;}
    .list6-box3-nav span{font-size: 12px;}
    .list6-box3-div{width: 95%; padding: 15px 0;}
    .list6-box3-div-left{float: initial; width: 100%; padding: 0;}
    .list6-box3-div-right{float: initial; width: 100%; height: auto; padding: 0; padding-top: 10px;}
    .list6-box3-div-right img{width: 100%;}
    .list6-box3-div-left p{line-height: 30px; font-size: 14px;}
    .list6-box4{padding: 30px 0;}
    .list6-box4-con{width: 95%; margin: 30px auto;} 
    .list6-box4-tab{width: 33.3%;}
    .list6-box4-tr{font-size: 12px;}
    .list6-box5{padding: 30px 0;}
    .list6-box5-con{width: 95%; margin: 0 auto;}
    .list6-box5 .list-head-div{padding-bottom: 30px;}
    .people-txt{padding: 30px 10px 0;}
    .people-txt p{padding-left: 0;} 
    .people-txt-bg1{left: 10px; top: 25px;}
    .people-txt-bg2{right: 10px; top: 25px;}

}


@media screen and (max-width: 800px){
    .list3-box1 {height: 350px;}
    .list2-box1{height: 180px;}
}