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}
}