html, body { position: relative; height: 100%; padding: 0px; margin: 0px; } /* 顶部 */ *{ font-family: Source Han Sans CN-Light, Source Han Sans CN !important; } ul,li{ list-style-type: none; padding: 0px; margin: 0px; } a{ text-decoration: none; } a:hover{ text-decoration: none !important; color: none; } /* 顶部导航str */ .nav{ display: flex; align-items: center; position: fixed; top: 0px; left: 0px; z-index: 9; width: 100%; height: 73px; background: white; } .top_nav{ /*display: flex;*/ /*justify-content: space-around;*/ /*align-items: center;*/ width: 93.75%; height: 100%; } .top_nav .logo_box{height:100%;} .top_nav_title{ display: flex; /*width: 70%;*/ align-items: center; } .top_nav_title .uul{ display: flex; justify-content: flex-end; /* justify-content: space-between; */ width: 100%; align-items: center; } .top_nav_title .uul li.nava_li1{ /*line-height: 70px;*/ padding: 24px 21px; } .top_nav_title .uul li.lang a{color:#999;font-size:14px;} a{ color: #111111; font-size: 18px; /*padding-bottom: 5px;*/ } .seach{ position: relative; display: flex; align-items: center; } .seach input{ border: none; background: #f8f8f8; height: 25px !important; border-radius: 16px; text-indent: 1em; display: flex; color: #999999; } .seach .btn{position: absolute;background-color:transparent;padding:0; right: 20px; top: 50%; transform: translate(-50%,-50%); } .nava_3{ margin-bottom: 15px; } .nava_3 .img{position:relative;} .nava_3 .vidieo-madlle{position:absolute;top:50%;left:50%;-o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .nava_4{ /*position: absolute;*/ /*left: 100%;*/ /*top: 100px;*/ } .navlia-active{ position: absolute; left: 100%; top: 100px; margin-left: 200px; } .nava_4 .img{position:relative;} .nava_4 .vidieo-madlle{position:absolute;top:50%;left:50%;-o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} /* 二级栏目 */ .columns{ position: absolute; top: 100%; left: 0px; width: 100%; background-color: white; display: none; border-bottom: 1px solid #e6dede; /*padding-bottom: 100px;*/ /*height: 50vh;*/ } .columns_item{ width: 80%; margin: 20px auto; position: relative; } .navli2{ background-color: #23aaf2 !important; } .columns_item > ul{min-height: 486px; /*width: 20%;*/ max-width:273px; background-color: #f6f9fc; /* display: none; */ } .columns_item li{ width: 100%; text-align: center; /*line-height: 50px !important;*/ } /*.top_nav_title .uul li.nava_li1:nth-child(6) > .columns{display:block !important;}*/ .columns_item a{ font-size: 16px; display:block; width: 100%; height: 100%; } .columns_item a[data-nav="navlia2"]{padding:19px 0;} .rmtj{ text-align: left !important; border-left:1px solid #E71E0F;padding-left:10px;line-height:1;margin-bottom:25px; } .rmtj span{ font-size: 20px; /*font-weight: bold;*/ } .columns_box.y_children_nav4 a.nava_3{max-width:200px;margin-left:20px;} .columns_box.y_children_nav4 a.nava_3 .title3{margin-top:0;padding:20px 0;font-size:16px;} .columns_box.y_children_nav4 a.nava_3 .title3:hover{color:#0549B8;} .columns_box.y_children_nav4 .nav_4{position:absolute;top:0;right:0;width:46.72%;} .columns_box.y_children_nav4 .nav_4 .img img{max-height:320px;} .columns_box.y_children_nav4 .nav_4 .title{margin-top:10px;} .columns_box{ position:absolute; right: 0; top: 0px; width: 38.3%; } .columns_box .title3{font-size:18px;color:#111;margin-top:10px;} .col0e1676{ color: #0a2a8f !important; border-bottom: 2px solid #f38f87; } .active_col{ color: white !important; background: #0549b8 !important; } /* 导航end */ /* 底部 */ footer{background-color: #333333;} footer .bottom{ padding: 120px 0 70px; width: 81.5625%;margin: 0 auto; } footer .bottom:after{left:81.5625%;width:1px;background-color:#606060;} .bottm_left{ width: 84%;min-width: 84%;max-width: 84%; justify-content: right; } .bottm_item{ /*width: 90%;*/ } .bottm_list{margin-right:100px; /*justify-content: space-around;*/ } .bottm_list .bottm_list_tle{ font-size: 20px;color: #fff; } .bottom a{ color: white; } .bottm_list ul li a{font-size:16px; color: #9b9b9b; } .bottm_list li ul li{ margin-top: 10px; } .bottm_right{ padding-left: 50px; } .icon_t{ margin-top: 30px; } .icon_t .spimg{ margin-right: 40px; } .icon_t .wx + .img2{top:100%;padding-top:10px;display:none;} .icon_t .spimg:hover .img2{display:block;} .bottm_right .lxwm{ font-size: 20px; color: white; margin: 20px 0px; } .bottm_right .info{ color: #b3b3b3; } .gsmc{ color: #9b9b9b; position: absolute; bottom: 10px; left: 50%; transform: translate(-50%,-50%); width:100%; text-align: center; } /* 视频 */ .anlibb{ padding:50px 0; } .anlibb.dav-anlibb{padding-top:60px;} .anlibb.dav-anlibb .title3{font-size: 46px;margin-bottom:20px;} .h3{ text-align: center; font-size: 46px !important; font-weight: 400; margin-bottom: 30px; } .anlibb_box{ position: absolute; top: 0; left: 0; width: 30%; height: 100%; background-color: rgba(0, 0, 0, 0.5); color: white; display: flex; justify-content: center; align-items: center; } .anlibb_box div{ width: 70%; margin: auto; } .anlibb_box h4{ font-size: 30px; font-weight: normal; } .ttti{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); cursor: pointer; } /* 视频弹窗 */ .pop_box{ position: fixed; top: 0px; left: 0px; width: 100%; height: 100vh; background: rgba(0,0,0,0.6); display: flex; align-items: center; justify-content: center; } .pop_box div{ width: 50%; position: relative; } .deltexx{ position: absolute; right: 0px; top: -30px; width: 20px; height: 20px; cursor: pointer; } #video{ width: 100%; } /* */ .cases{ padding-top: 7vh; } .text_an{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .text_an h3{font-size: 50px;color: white; font-weight: 400;} .color66{ color: #0a2a8f; } .post_relative{ position: relative; } .active1{ background-color: #0549b8 !important; color: white !important; } .hiddd{ display: none; } .middle{ vertical-align: middle; } .over_hidden{ overflow: hidden; } .over_hidden:hover img.backsi{ transform: scale(1.2); } .over_hidden img{ transition: all 0.5s; } .hideText{} .succ_box p{ display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-bottom: 20px; } .active1 a{ color: white !important; } p{ line-height: 1.8; /*line-height: 28px;*/ } .list_item p{ display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-bottom: 20px; } .show{ display: block !important; } .zkaiic,.podasd{ display: none; } .box_right{ margin-left:70px; width: 28.88889%; } .righ_box{ background-color: #f6f7f9; padding: 20px; } .righ_box .a-link .list_i .img img{ max-width:87px; } .righ_box .a-link .list_i .list_rr span{font-size:18px;} .righ_box .a-link .list_i .list_rr p{font-size:14px;} .righ_box h3{font-weight:400} .box_right h3{padding-left:10px; font-size: 22px; font-weight: 300; } .box_right h3:before{background-color:#E71E0F;width:1px;height:70%;left:0;} @media (max-width:1440px) { .top_nav_title { width: 80%; display: block } .top_nav_title .uul li{ padding: 0px 10px; } /*首页适配*/ .newsCenter_t2_right ul p{ font-size: 20px; } a{font-size:16px} .newsCenter_t2_text h4{font-size:20px} .successCace .swiper-button-next,.successCace .swiper-button-prev{ position: absolute; top: 25%; } .successCace { padding:50px 0px 0px 0px; } .Solution_left_box h2{ font-size: 30px; } .Product_item_yuan {width:200px;height:200px} .img_list h4{font-size:18px} .bottm_list .bottm_list_tle {font-size:15px } .bottm_list ul li a{font-size:12px} } @media (min-width:992px) and (max-width:1366px) { .top_nav_title .uul li.nava_li1{padding:24px 7px;} footer .bottom:after{left:80%;} .bottm_left{width:80%;min-width:80%;max-width:80%;} .bottm_right{padding-left:30px;} .bottm_list{margin-right:70px;} .ttti{width:60px;} .anlibb_box h4{font-size:24px;} .box_right h3{font-size:20px;} .righ_box .a-link .list_i .list_rr span{font-size:16px;} } @media (min-width:1367px) and (max-width:1440px) { .top_nav_title .uul li.nava_li1{padding:24px 7px;} } @media (min-width:1441px) and (max-width:1680px) { } @media (max-width:767px) { .top_nav{justify-content: space-between;flex-wrap: wrap;} .top_nav_title { width: 100%;display:none} .zkaiic{display:block;padding:20px 10px;} .top_nav_title .uul{flex-wrap:wrap; background: white;} .top_nav_title .uul li{width:100%;border-bottom: 1px solid #e3e3e3;} .col0e1676{border:none} .seach{display:none} .logo_box{padding:10px} .columns{display:none !important} .swiper-button-next,.swiper-button-prev{display:none} .bracnd_item h1{font-size:20px} .brcand img{width:100%;height:200px} .container{} .newsCenter{margin:0px 0px} .newsCenter_t1{margin:40px auto 20px;} .newsCenter_t1 h3{font-size:22px} .newsCenter_t1 span{font-size:12px;} .newsCenter_t2{display:block;} .newsCenter_t2_left{width:100%} .newsCenter_t2_box h4{font-size: 16px;margin:0 0 8px;} .newsCenter_t2_text p{font-size:12px;line-height:1.6;margin-bottom:15px;} .newsCenter_t2_right{padding:0px} .newsCenter_t2_right ul{line-height:40px} .newsCenter_t2_right ul p{font-size:16px} .swiper_item{width:75% !important} .daveyz-swiper0519 .swiper-container .swiper-slide:after{width:0% !important} .successCace{padding:0px;} .successCace.index-case-content{padding:0 0 40px;} .successCace.dave-successCace .newsCenter_t1{width:auto;margin:40px 15px 20px;} .swiper2{} .img_list{flex-wrap:wrap} .img_list_right{padding:0px} .right_t1{margin:0px} .imgTex{margin-bottom:15px} .Solution{flex-wrap:wrap;margin:0px} .Solution_left_box h2{text-align:center;font-size:22px;font-weight:400} .Solution_left {width:100%;margin-bottom:20px} .Solution_left_box{position:relative} .Solution_right_text{font-size:14px;padding:20px} .Product_item_title h4{font-size:17px} .bottom{flex-wrap:wrap} .bottm_left{width:100%;max-width:100%;min-width:100%;} .bottm_item {width:100%} footer .bottom{display:block;padding:40px 0;width:100%;} footer .bottom .bottm_list{display:block;width:100%;padding:0 15px;} footer .bottom:after{display:none;} .bottm_list ul li a{display:block;padding:8px 0;} .bottm_list>li{width:100%;padding: 10px 0px;align-items:center; border-bottom: 1px solid #5e5b5b; display: flex;justify-content: space-between; flex-wrap: wrap; } .bottm_list ul{display:none;width:100%} .podasd{display:block} .bottm_right { padding:20px 15px; } .bottm_list li ul li{margin:0px} .icon_t .wx + .img2{width:100px;left:0; -o-transform: translateX(0%);-webkit-transform: translateX(0%);-moz-transform: translateX(0%);-ms-transform: translateX(0%);transform: translateX(0%); } .list_item_box{margin:0px} .hideText {width:auto;} .paging_item{width:100%} .paging_item ul li{padding:0px} .paging {margin:20px 15px;} .channel-banner .banner-info h3{font-size:24px} .h3{font-size:30px !important} .list_item_box { padding: 9px 50px 0px 50px; } .paging{} .paging_item ul{justify-content:center} .box_ite1{flex-wrap:wrap} .oviesa p { font-size: 20px !important; } .box1_right{padding:0px} .box1_right>div{padding:30px 0px} .eason_pop{width:80%} .xzzz a{font-size:14px} .xzzz{ padding: 10px;text-align:center} .pinokoe h5 {font-size:15px} .mapdtu{width:100%} .tagtitle {display:none} .cooperate_item{padding:0px;flex-wrap:wrap} .cooperate_item_le{width:100%} .cooperate_item_rig{padding:0px} .item_list2>div {align-items:center} .jszc_item{flex-wrap:wrap} .jszc_item>div {text-align:center;padding:0px;width:100%;margin-bottom:20px} .form_box div {width:100% !important;margin:0px} .applyJoin_item {width:90%} .applyJoin_item button {width:100%} .aboutus {padding:20px;flex-wrap: wrap;} .aboutus_left{width:100%} .aboutus_right{padding:0px} .aboutus_right_t1 {margin:20px 0px} .aboutus_right_t2{flex-wrap:wrap} .post_relative {width:100%;margin:15px 0px} .aboutus_box h4 {font-size:25px} .aboutus_box p {font-size:17px} .aboutus_box {padding:20px} .box{flex-wrap:wrap;} .righ_box{padding:0px;background:none;} .box_list .iiiii a{font-size:12px;} .box_list .iiiii img{width:16px;} .box_right{padding:0px;width:100%;margin-left:0;} .box_left{width:100%} .righ_box img{width:100%} .backgr{display:none !important} .box_left h3{font-size:22px} .box_left p{text-indent:0} .bracnd img{width:100%} .bracnd_item h3{font-size:20px} .bracnd_item{top:60%;width:40%} .bracnd_item p {font-size:12px} .ttul{flex-wrap:wrap} .content .ttul li{width:45%;} .backl_item{padding:0px;} .list-paddingleft-2 li{width:100% !important;font-size:12px} .cunioc_t2{display:none} .item2 {width:100%} .box_item1 h4 {font-size:18px} .cooperate .swiper-slide {} .cunont{flex-wrap:wrap} .img_list .text_title h4{font-size:16px;margin-top:0;} .img_list .d1 h4{font-size:14px;} .img_list .text_title span{font-size:12px;} .text_box .i1{width:40px;} .text_box .i2{width:30px;} .index-solution-content{padding:40px 0;} .index-solution-content .Solution_left_box h2{margin-bottom:20px;} .top_nav_title .uul li.nava_li1{padding:10px 8px;} .top_nav_title .uul li.nava_li1 a{font-size:14px;} .anlibb.dav-anlibb{padding:40px 0 0;} .anlibb.dav-anlibb .title3{font-size: 22px !important;margin-bottom:20px;} .ttti{width:35px;} .anlibb_box h4 {font-size: 14px;} .anlibb_box p{font-size:12px;line-height:1.6;} .anlibb_box{position:relative;width:100%;height:auto;background:none;color:#111;} .anlibb_box div{width:100%;} .klasd img{width:300px !important;height:500px !important} .klasd{width:100%;overflow:auto} }