/*banner*/ .banner{overflow:hidden;margin:0 auto;width:100%;max-width:1916px;min-height:400px;} .slide-container{position:absolute;left:50%;margin-left:-960px;width:1920px;} .banner .owl-dots{position:absolute;width:100%;bottom:25px;} .banner .owl-dots .owl-dot span{width:14px;height:14px;background:#fff;} .banner .owl-theme .owl-dots .owl-dot.active span,.banner .owl-theme .owl-dots .owl-dot:hover span{background:#249beb;} .featured-products-con{ max-height: 350px; } /*news*/ .bide-news-box{z-index:2;} .bide-news{position:absolute;right:0;bottom:10px;width:210px;height:380px;} .bide-news-list,.bide-welcome{padding:10px;background:#dff1fc;} .bide-welcome{height:70px;} .bide-news-list{margin-top:2px;height:308px;} .dv_welcome_R{display:inline-block;visibility:collapse;margin-left:12px;} .dv_welcome_R p{margin-bottom:2px;color:#005bac;} .dv_welcome_R strong{display:block;overflow:hidden;padding:6px 0 3px 0;max-width:125px;color:#005bac;text-overflow:ellipsis;white-space:nowrap;font-size:14px;} .bide-welcome .btn{width:60px;height:30px;border-radius:30px;background:#007bc4;color:#fff;line-height:30px;} .bide-welcome .btn:hover{background:#249beb;} .bide-news-title{height:30px;border-bottom:1px solid #75c7f7;color:#005bac;font-weight:700;font-size:16px;line-height:24px;} .bide-news-con{padding:6px 0;} .bide-news-con a{display:block;overflow:hidden;height:22px;color:#666;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:22px;} .bide-news-btn .btn{margin-bottom:8px;width:90px;height:32px;border:1px solid #75c7f7;border-radius:32px;color:#333;font-weight:700;font-size:12px;line-height:30px;} .a_logistics{background:#fdd000;} .bide-news-btn .btn:hover{background:#fdd000;color:#249beb;} /* index tab 选项卡*/ .index_tab_phone{display:none;} .index_tab_title{min-height:50px;background:#f5f5f5;} .index_tab_title li{float:left;padding:8px 0;width:20%;text-align:center;} .index_tab_title li h2{height:34px;border-left:1px dashed #ddd;font-weight:700;line-height:34px;font-size:14px;cursor:pointer;} .index_tab_title li:last-child h2 {border-right:1px dashed #ddd;} .service_li{background:url(/static/img/sprites/index_sprite.png) no-repeat 44px -368px;} .service_li:hover{background:url(/static/img/sprites/index_sprite.png) no-repeat 44px -414px;} .service_li.current{background:#fff url(/static/img/sprites/index_sprite.png) no-repeat 44px -414px;} .product_li{background:url(/static/img/sprites/index_sprite.png) no-repeat 46px -276px;} .product_li:hover{background:url(/static/img/sprites/index_sprite.png) no-repeat 46px -322px;} .product_li.current{background:#fff url(/static/img/sprites/index_sprite.png) no-repeat 46px -322px;} .honor_li{background:url(/static/img/sprites/index_sprite.png) no-repeat 53px -92px;} .honor_li:hover{background:url(/static/img/sprites/index_sprite.png) no-repeat 53px -138px;} .honor_li.current{background:#fff url(/static/img/sprites/index_sprite.png) no-repeat 53px -138px;} .literature_li{background:url(/static/img/sprites/index_sprite.png) no-repeat 49px -184px;} .literature_li:hover{background:url(/static/img/sprites/index_sprite.png) no-repeat 49px -230px;} .literature_li.current{background:#fff url(/static/img/sprites/index_sprite.png) no-repeat 49px -230px;} .bide_li{background:url(/static/img/sprites/index_sprite.png) no-repeat 51px 0;} .bide_li:hover{background:url(/static/img/sprites/index_sprite.png) no-repeat 51px -46px;} .bide_li.current{background:#fff url(/static/img/sprites/index_sprite.png) no-repeat 51px -46px;} .literature_more{display:inline-block;margin-top:10px;padding:0 8px;height:24px;border:1px solid #007bc4;color:#007bc4;line-height:22px;} .index_img_box{position:relative;display:block;text-align:center;font-size:0;} .index_tab_title .current h2,.index_tab_content li a,.index_tab_title li:hover h2{color:#007bc4;} .tab_content{display:none;overflow:hidden;} .tab_content.current{display:block;} .index_tab_content ul,.literature_div dl{margin:0 -10px;} .index_tab_content li{float:left;padding:0 10px;width:20%;} .index_tab_content li h3{padding:24px 0 5px;font-weight:600;font-size:14px;} .index_tab_content li p{padding-top:8px;color:#666;font-size:12px;} .index_tab_content li a:hover{text-decoration:underline;} .service_div li p{height:56px;} .product_div li p{height:72px;} .honor_div p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .literature_div{padding-top:24px;} .literature_div dt img{float:left;padding:0 10px;width:20%;} .literature_div dd{float:left;padding:0 10px;width:20%;} .literature_div dd a{display:block;overflow:hidden;padding-top:8px;color:#666;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:18px;} .literature_div dd:hover a{color:#007bc4;text-decoration:underline;} .service_mask{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:#000;opacity:.7;filter:alpha(opacity=70);cursor:default;} /*featured products*/ .sub-title{margin-top:20px;min-height:40px;font-weight:400;font-size:20px;line-height:38px;} .sub-title a{color:#007bc4;font-size:14px;} .featured-products .sub-title{border-bottom:2px solid #fdd000;} .featured-products .owl-controls{visibility:hidden;} .featured-products{position:relative;} #prev,#next{display:none;position:absolute;z-index:10;top:45%;width:30px;height:36px;background:#555;opacity:0.8;filter:alpha(opacity=80);color:#fff;text-align:center;font-size:24px;line-height:28px;border:none;border-radius:5px;} #prev{left:0;} #next{right:0;} .featured-products:hover #prev,.featured-products:hover #next{display:inline-block;} /*activity-area & integral-store*/ .activity-area-con,.integral-store-con{margin:0 -.5%;} .integral-store-con li{float:left;margin:.5%;padding:1%;width:19%;border:1px solid #ddd;background:#fff;text-align:center;} .integral-store-con .img-box{position:relative;display:block;margin:0 auto;height:200px;} .integral-store-con .img-box img{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;max-width:90%;} .integral-store-con b{display:block;overflow:hidden;margin:8px 0;text-overflow:ellipsis;white-space:nowrap;font-size:14px;} .integral-store-con p{margin:0 auto;width:88%;min-width:160px;height:32px;border:1px solid #007bc4;background:#007bc4;color:#fff;line-height:30px;} .integral-store-con p a{float:right;width:48%;height:100%;background:#fff;color:#007bc4;text-align:center;} .activity-area-con a{position:relative;display:block;} .activity-area-con .activity_4{float:left;margin:.5%;width:24%;} .integral-store-con li:hover{-webkit-box-shadow:0 0 15px rgba(36,50,56,.3);-moz-box-shadow:0 0 15px rgba(36,50,56,.3);box-shadow:0 0 15px rgba(36,50,56,.3);} .activity-area-con:after,.brand:after,.integral-store-con:after{clear:both;display:block;visibility:hidden;height:0;content:" ";} .activity-area-con,.brand,.integral-store-con{zoom:1;} /*brand*/ .brand{margin-top:100px;padding:15px 0 25px;background:#ecf0f3;} .brand .layout{display:flex;-webkit-display:flex;justify-content:space-between;flex-wrap:wrap;} .brand li{float:left;position:relative;display:block;margin:20px 0 10px;padding-left:50px;height:50px;min-width:25%;color:#14263e;cursor:default;} .brand b{font-size:18px;} .brand span{display:inline-block;padding:8px 0 0 10px;line-height:16px;} .brand_1{background:url('/static/img/sprites/index_foot_sprite.png') no-repeat 0 0;} .brand_2{background:url('/static/img/sprites/index_foot_sprite.png') no-repeat 0 -50px;} .brand_3{background:url('/static/img/sprites/index_foot_sprite.png') no-repeat 0 -100px;} .brand_4{background:url('/static/img/sprites/index_foot_sprite.png') no-repeat 0 -150px;} .brand_5{background:url('/static/img/sprites/index_foot_sprite.png') no-repeat 0 -200px;} .brand_6{background:url('/static/img/sprites/index_foot_sprite.png') no-repeat 0 -250px;} .brand_7{background:url('/static/img/sprites/index_foot_sprite.png') no-repeat 0 -300px;} .brand_8{background:url('/static/img/sprites/index_foot_sprite.png') no-repeat 0 -350px;} /*2021-11-30*/ .team_li { background:url(/static/img/team/icon_team.png) no-repeat 46px -63px;} .team_li:hover{ background: url(/static/img/team/icon_team.png) no-repeat 46px -5px;} .team_li.current{ background:#fff url(/static/img/team/icon_team.png) no-repeat 46px -5px;} .team_div{padding:20px 0 15px;display:flex;-webkit-display:flex;justify-content:space-around;} .team_card{display:inline-block;max-width:180px;text-align:center;color:#007bc4;} .team_card dt{font-size:0;margin-bottom:5px;} .team_card p{margin-bottom:5px;} .team_more{text-align:right;} .team_more a{display:inline-block;height:42px;line-height:42px;width:182px;background:#007bc4;color:#fff;text-align:center;} .F16 {font-size:16px;} .F12 {font-size:12px;} .FW700{font-weight:700;} .color_red{color:red;} /* 2021-12-28 */ .team_div{flex-wrap:wrap;justify-content:flex-start;} .team_card{width:16.66%;max-width:16.66%;} .team_card dl{max-width:180px;margin:0 auto;} body.index-body{padding-bottom:0;} body.index-body .bide-footer{position:static;} /*2022-09-22*/ .p_load{text-align: center;min-height: 100px;line-height: 100px;} /*logo动画*/ .index-body .animate_p{display:block;display:none\0;position:absolute;right:0;bottom:5px;width:124px;height:22px;background:#007bc4;white-space:nowrap;letter-spacing:3px;font-size:12px;line-height:22px;overflow:hidden;} .animate_p span{display:inline-block;opacity:0;filter:alpha(opacity=0); -webkit-transform:translate(120px,0) rotate(270deg) scale(1); -moz-transform:translate(120px,0) rotate(270deg) scale(1); transform:translate(120px,0) rotate(270deg) scale(1); -webkit-animation:ballDrop 3s forwards; -moz-animation:ballDrop 3s forwards; animation:ballDrop 3s forwards; } .animate_p span:nth-of-type(1){animation-delay:1s;} .animate_p span:nth-of-type(2){animation-delay:1.1s;} .animate_p span:nth-of-type(3){animation-delay:1.2s;} .animate_p span:nth-of-type(4){animation-delay:1.3s;} .animate_p span:nth-of-type(5){animation-delay:1.4s;} .animate_p span:nth-of-type(6){animation-delay:1.5s;} .animate_p span:nth-of-type(7){animation-delay:1.6s;} .animate_p span:nth-of-type(8){animation-delay:1.7s;} .animate_p span:nth-of-type(9){animation-delay:1.8s;} @keyframes ballDrop{ 0%{opacity:0;filter:alpha(opacity=0); -webkit-transform:translate(120px,0) rotate(270deg) scale(.5); -moz-transform:translate(120px,0) rotate(270deg) scale(.5); transform:translate(120px,0) rotate(270deg) scale(.5); } 25%{opacity:1;filter:alpha(opacity=100); -webkit-transform:translate(0,0) rotate(0) scale(1); -moz-transform:translate(0,0) rotate(0) scale(1); transform:translate(0,0) rotate(0) scale(1); } 100%{opacity:1;filter:alpha(opacity=100); -webkit-transform:translate(0,0) rotate(0) scale(1); -moz-transform:translate(0,0) rotate(0) scale(1); transform:translate(0,0) rotate(0) scale(1); } } /*20230911首页移动端视频*/ #video_box{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:none;width:100%;height:100%;} .video_bg{position:absolute;z-index:0;width:100%;height:100%;background:#000;opacity:.5;alpha(opacity=50);} .video_del{position:absolute;top:-12px;right:-12px;z-index:1000;width:30px;height:30px;border:2px solid #fff;border-radius:30px;background:#999;color:#fff;text-align:center;font-size:24px;line-height:26px;} #video_content{margin:0 auto;width:96%;height:70%;top:15%;max-width:1080px;border-left:5px solid #000;border-right:5px solid #000;background:#000;position:relative;z-index:2;} @media only screen and (max-width:1350px){ .bide-news{right:2%;} .index_tab_title li a{min-width:250px;} .index_tab_content li,.literature_div dd,.literature_div dt{padding:0 5px;} .index_tab_content ul,.literature_div dl{margin:0 -5px;} } @media only screen and (max-width:1024px){ #prev,#next{display:inline-block;} .bide-news-box,.index_tab,.index-body .animate_p{display:none!important;} .banner{min-height:300px;} .banner .owl-dots .owl-dot span{width:12px;height:12px;} .slide-container{margin-left:-720px;width:1440px;} .index_tab_phone{display:block;overflow:hidden;padding-top:20px;} .index_tab_phone a{float:left;display:block;padding-top:10px;width:33.3%;text-align:center;} .index_tab_phone i{display:inline-block;padding:10px;} .index_img_phone{display:block;overflow:hidden;margin:0 auto;height:128px;width:128px;border-radius:128px;border:1px solid #fff;box-shadow:0 0 8px rgba(36,50,56,.4);} .sub-title{font-size:18px;} .integral-store-con li:last-child{display:none;} .integral-store-con li{width:24%;} .brand{margin-bottom:-60px;} .brand li{max-width:50%;min-width:35%;padding-left:45px;} } @media only screen and (max-width:780px){ .banner{min-height:250px;} .slide-container{width:1200px;margin-left:-600px;} .index_img_phone{height:108px;width:108px;border-radius:108px;} .index_tab_phone i{padding:8px;} .integral-store-con li:nth-child(4),.activity-area-con .activity_4:nth-child(4){display:none;} .integral-store-con li,.activity-area-con .activity_4{width:32.3%;} .integral-store-con .img-box img{max-width:180px;} /*20230911首页移动端视频*/ #video_content{top:30%;height:40%;} } @media only screen and (max-width:640px){ .banner{min-height:220px;} .slide-container{margin-left:-528px;width:1056px;} .owl-theme .owl-dots .owl-dot span{margin:5px;} .index_img_phone{height:88px;width:88px;border-radius:88px;} .index_tab_phone i{padding:5px;} .integral-store-con li:nth-child(3),.activity-area-con .activity_4:nth-child(3){display:none;} .integral-store-con li,.activity-area-con .activity_4{width:49%;} .integral-store-con .img-box img{max-width:165px;} .brand b{font-size:16px;} .brand span{font-size:12px;} } @media only screen and (max-width:480px){ .banner{min-height:190px;} .slide-container{width:912px;margin-left:-456px;} .banner .owl-dots{bottom:15px;} .banner .owl-dots .owl-dot span{width:10px;height:10px;} .index_img_phone{height:68px;width:68px;border-radius:68px;} .integral-store-con .img-box{height:180px;} .integral-store-con .img-box img{max-width:150px;} .integral-store-con p{width:92%;} .brand{display:none;} .form-box{margin:0 15px;} } @media only screen and (max-width:375px){ .banner{min-height:170px;} .slide-container{width:816px;margin-left:-408px;} .owl-theme .owl-dots .owl-dot span{margin:5px 3px;} .index_img_phone{height:58px;width:58px;border-radius:58px;} .integral-store-con .img-box{height:160px;} .integral-store-con .img-box img{max-width:140px;} .integral-store-con p{width:99%;} }