*{line-height: 1.8;color:#000;} ::selection { background: #e7433e;/* 选中文字的背景颜色 */ color: #fff; /* 选中文字的文本颜色 */ } .container { width: 105rem; max-width: 105rem; padding:0!important; } a{color:#000;} a:hover { color: #e7433e; } .pc_show { display: block; } .m_show { display: none; } body { font-family: "Tahoma"; overflow-x: hidden; width:100%; position: relative; } /* 导航 */ .nav_top{width:100%;height:5.625rem;position: fixed;z-index:1000;top:0;left:0;} .nav_top.active{background: rgba(255,255,255,.8);box-shadow: 0 0 0.625rem rgba(0,0,0,.2);} .nav_top .container{height:100%;} .nav_top2{width:100%;height:100%;display: flex;justify-content: space-between;align-items: center;} .nav_top2 .logo{font-size:2.5rem;font-weight: bold;} .nav_top2 .logo:hover{color:#444;} .nav_top2 .navs{display: flex;align-items: center;justify-content: flex-end;} .nav_top2 .navs a{display: block;color:#4a4a4a;margin-right:0.9375rem;font-weight: bold;padding:0.625rem 0.9375rem;} .nav_top2 .navs a:hover{color:#e7433e;} .nav_top2 .navs a.active{background:url(../images/nav_active.png)center center/contain no-repeat;color:#fff;} .mobile_header{display: none;} /*轮播图*/ .swiper_box{height:100vh;width:100%;} .swiper_box .swiper-container{width: 100%;height: 100%;overflow: hidden;position: relative;} .swiper_box .swiper-slide{width: 100%;height: 100%;position: relative;} .swiper_box img{width:100%;height:100%;object-fit: cover;} .swiper_box .banner1_txt{display: flex;justify-content: center;align-items: center;flex-direction: column;position: absolute;z-index:2;left:50%;top:20%;transform: translateX(-50%);} .swiper_box .banner1_txt1{color:#e7433e;font-size:4rem;} .swiper_box .banner1_txt1 span{background:url(../images/banner1_txt1_active.png)center center/contain no-repeat;color:#fff;display: inline-block;padding:0.9375rem 1.875rem;} .swiper_box .banner1_txt2{width:12.5rem;height:3.75rem;display: flex;justify-content: center;align-items: center;border:0.125rem solid #e7433e;color:#e7433e;font-size:1.25rem;font-weight: bold;margin-top:1.875rem;} .swiper_box .banner1_txt2:hover{background: #fff;} .swiper_box .banner_swiper-pagination{bottom: 0.9375rem;} .swiper-pagination-bullet {width: 3.75rem;height: 0.625rem;background: #fff;border-radius: 0;opacity: .5;} .swiper-pagination-bullet-active {background: #e7433e;opacity: 1;} .swiper-button-next:after, .swiper-button-prev:after{color:#fff;font-weight: bold;font-size:1.25rem;} /*产品中心*/ .de_pdt{background: #f5f5f5;padding:3.125rem 0;} .de_pdt .container{display: flex;flex-direction: column;align-items: center;} .de_name{background:url(../images/de_name.png)center center/contain no-repeat;color:#fff;display: inline-block;padding:1.25rem 2.5rem;font-size:1.875rem;font-weight: bold;} .de_subname{font-size:1.625rem;margin-top:0.625rem;} .de_outline{width:100%;height:0.0625rem;background: #dedede;margin-top:2.8125rem;position: relative;} .de_inline{width:3.75rem;height:0.3125rem;background: #e7433e;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);} #swiper2{margin-top:3.125rem;width:100%;overflow: hidden;padding-bottom:4.375rem;} #swiper2 .swiper-slide{width:100%;display: flex;flex-wrap:wrap;justify-content: space-between;} #swiper2 .item{background: #fff;display: flex;flex-direction: column;align-items: center;cursor: pointer;position: relative;margin-bottom:1.875rem;aspect-ratio:1500/1125;} /*#swiper2 .item:nth-child(-n+2) {width:49%;}*/ /*#swiper2 .item:nth-child(n+3){width:32%;}*/ #swiper2 .item{width:49%;} #swiper2 img{width:100%;height:100%;object-fit: cover;} #swiper2 .t_name{font-size:1.5rem;padding:0.625rem 0;position: absolute;bottom:0;left:0;width:100%;display: flex;justify-content: center;align-content: center;background-color: rgba(255,255,255,.3);} #swiper2 .hover_bg{display: none;flex-direction: column;;align-items:center;justify-content:center;position: absolute;z-index:2;background: rgba(231,67,62,.9);width:100%;height:100%;padding:0.625rem 2.5rem;} #swiper2 .item:hover .hover_bg{display: flex;} #swiper2 .hover_name{text-align: center;font-size:1.5rem;font-weight: bold;color:#fff;margin-bottom:1.875rem;} #swiper2 .hover_list{width:100%;max-height:80%;overflow-y: auto;} /* 针对 WebKit 浏览器 */ #swiper2 ::-webkit-scrollbar { width: 0.0625rem; /* 设置滚动条的宽度 */ } #swiper2 ::-webkit-scrollbar-thumb { background: #888; /* 滚动条滑块的颜色 */ border-radius: 0.625rem; /* 滑块圆角 */ } #swiper2 ::-webkit-scrollbar-track { background: #f1f1f1; /* 滚动条轨道的颜色 */ } #swiper2 .hover_item{width:100%;display: flex;justify-content: space-between;align-items: center;padding:0.625rem;} #swiper2 .hover_item p{color:#fff;font-size:1.125rem;} #swiper2 .hover_item span{color:#fff;} #swiper2 .hover_item:hover{background-color: rgba(255,255,255,.1);} #swiper2 .swiper-pagination-bullet {width: 3.75rem;height: 0.625rem;background: #d3d3d3;border-radius: 0;opacity:1;} #swiper2 .swiper-pagination-bullet-active {background: #e7433e;opacity: 1;} /*产品详情页*/ .page_pdtview h2 {font-size: 1.5rem;color: #e7433e;font-weight: bold;margin-bottom:1.25rem;text-align: center;line-height: 1.5;border-bottom: 0.0625rem solid #ccc;padding-bottom:1.25rem;width:100%;} .page_pdtview .banner{margin:0 auto;width:43.75rem;overflow:hidden;} .page_pdtview .large_box{margin-bottom:0.625rem;width:43.75rem;height:32.8125rem;overflow:hidden;} .page_pdtview .large_box img{display:block;width:100%;aspect-ratio:67/50;border:0.1875rem solid #fff;} .page_pdtview .small_box{width:43.75rem;height:7.0625rem;overflow:hidden;} .page_pdtview .small_list{position:relative;float:left;width:38.75rem;height:7.0625rem;overflow:hidden;} .page_pdtview .small_list ul{height:7.0625rem;overflow:hidden;} .page_pdtview .small_list ul li{position:relative;float:left;margin-right:0.625rem;width:9.375rem;} .page_pdtview .small_list ul li img{display:block;width:100%;aspect-ratio:67/50;} .page_pdtview .small_list ul li .bun_bg{display:none;position:absolute;top:0;left:0;width:9.375rem;height:7.0625rem;background:rgba(0,0,0,.1);filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;} .page_pdtview .small_list ul li.on .bun_bg{display:block;} .page_pdtview .btn{display:block;width:1.875rem;height:7.0625rem;background-color:#777;background-repeat:no-repeat;background-position:center center;cursor:pointer;} .page_pdtview .btn:hover{background-color:#e7000e;} .page_pdtview .left_btn{float:left;margin-right:0.625rem;background-image:url(../images/left_btn.png);} .page_pdtview .right_btn{float:right;background-image:url(../images/right_btn.png);} .page_pdtview .txt{width:100%;margin-top:3.125rem;} .page_pdtview .back_btn{display: block;margin-bottom:0.625rem;} #m_banner{display: none;} /*关于我们*/ .de_about{width:100%;background: url(../images/de_about_bg.jpg)center center/cover no-repeat;padding:6.875rem 0;} .de_about .container{background: #f9f9f9;display: flex;justify-content: space-between;align-items: center;} .de_about .left{width:60%;height:100%;} .de_about_right{width:40%;height:100%;display: flex;flex-direction: column;align-items: center;padding:0 5rem;} .de_about .de_about_content{margin-top:4.0625rem;font-size:1.125rem;line-height: 1.5;} .de_about .btn_line{width:100%;} .de_about .de_about_btn{background:url(../images/btn_bg.png)center center/contain no-repeat;color:#fff;display: inline-block;padding:1.875rem 1.875rem;margin-top:4.375rem;transition: .5s;} .de_about .de_about_btn:hover{transform: translateX(0.625rem);} /*解决方案*/ .de_solution{width:100%;background: url(../images/de_solution_bg.jpg)center center/cover no-repeat;padding:4.375rem 0;} .de_solution .container{display: flex;justify-content: space-between;align-items: center;flex-direction: column;} .de_solution .de_subname{color:#fff;} .de_solution .solu_box{margin-top:2.8125rem;width:100%;display: flex;justify-content: space-between;} .de_solution .box1{width:30%;} .de_solution .item{width:100%;height:23.125rem;position: relative;display: block;} .de_solution .imgbox{width:100%;height:100%;overflow: hidden;} .de_solution .imgbox img{width:100%;height:100%;object-fit: cover;transition: .5s;} .de_solution .item:hover img{transform: scale(1.1);} .de_solution p{position: absolute;left:1.25rem;bottom:2.1875rem;color:#fff;font-size:1.875rem;} .de_solution .box2{width:30%;} .de_solution .box3{width:37%;} .de_solution .shang{display: flex;justify-content: space-between;margin-bottom:1.25rem;} .de_solution .xia{} .de_solution .box1 .item:nth-child(1){margin-bottom:1.25rem;} .de_solution .box2 .item{height:47.5rem;} .de_solution .shang .item{width:48%;} /*新闻资讯*/ .de_news{width:100%;padding:4.375rem 0 2.5rem;} .de_news .container{display: flex;justify-content: space-between;align-items: center;flex-direction: column;} .de_news .list{margin-top:1.875rem;width:100%;display: flex;justify-content: space-between;} .de_news .list_left{width:68%;} .de_news .list_item{padding:2.1875rem 0;display: flex;justify-content: space-between;align-items: center;} .de_news .list_left .list_item:nth-child(1){border-bottom:0.0625rem solid #e9e9e9;} .de_news img{height:16.25rem;width:35%;object-fit: cover;} .de_news .txt{padding:0 2.5rem;width:65%;} .de_news .news_time{color:#b1b1b1;font-size:1rem;} .de_news .news_name{font-size:1.5rem;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin:1.25rem 0 1.875rem;} .de_news .news_sub{color:#b1b1b1;font-size:1.125rem;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical;line-height: 1.5;} .de_news .news_btn{color:#b30909;font-size:1rem;margin-top:1.25rem;} .de_news .list_right{width:26%;} .de_news .list_right .list_item{display: block;} .de_news .list_right img{height:16.25rem;width:100%;object-fit: cover;} .de_news .list_right .txt{padding:2.5rem 0;width:100%;} .de_news .list_item:hover .news_name{color:#e7433e;} /* 首页-底部 */ footer{background: #444444;} footer .foot1{padding-top:3.75rem;} footer .foot1 .container{display: flex;justify-content: space-between;border-bottom:0.0625rem solid #7c7c7c;padding-bottom:3.125rem!important;} footer .foot_links{} footer .foot_name{font-size:1.25rem;color:#fff;} footer .foot_out{width:5.5rem;height:0.0625rem;background: #7c7c7c;position: relative;margin:1.25rem 0 1.875rem;} footer .foot_in{background: #b30909;width:1.5625rem;height:0.1875rem;position: absolute;left:0;top:0rem;} footer .link{display: block;color:#bebebe;font-size:1rem;margin-bottom:1.375rem;} footer .link:hover{color:#e7433e;} footer .foot_content{display: flex;} footer .con_left{margin-right:8.125rem;} footer .con_left p{color:#bebebe;font-size:1rem;margin-bottom:1.375rem;} footer .con_left a{color:#bebebe;font-size:1rem;} footer .con_left a:hover{color:#e7433e;} footer .medias{display: flex;} footer .iconbox{width:3.125rem;height:3.125rem;display:flex;justify-content:center;align-items:center;border-radius: 50%;border:0.0625rem solid #bebebe;margin-right:0.8125rem;} footer .iconfont{color:#bebebe;font-size:2.25rem;} footer .con_right{} footer .code_box{} footer .code_box img{} footer .code_box p{color:#bebebe;font-size:1rem;margin-top:1.25rem;text-align: center;} .foot2{color:#fff;padding:1.6875rem 0;} .foot2 .container{display: flex;align-items: center;justify-content: space-between;} .copy_left{display: flex;align-items: center;} .copy_left p{color:#bebebe;margin-right:1.5625rem;font-size:1rem;} .copy_left a{color:#bebebe;display: flex;align-items: center;font-size:1rem;} .copy_left a:hover{color:#e7433e;} .copy_left img{} .copy_right{display: flex;align-items: center;} .copy_right p{color:#bebebe;font-size:1rem;} .copy_right a{color:#bebebe;font-size:1rem;} .copy_right a:hover{color:#e7433e;} /*公共样式*/ .common_swiper_box{height:37.5rem;} .page_common{padding:2.5rem 0;} .page_common .container{display: flex;justify-content: space-between;align-items: flex-start;} .page_common .page_left{width:27%;} .page_common .box{background: #e7433e;padding:1.25rem;} .page_common .box .name{text-align: center;font-size:1.25rem;font-weight: bold;color:#fff;padding:0.625rem 0 1.25rem 0;} .page_common .box .list{border:0.0625rem solid;} .page_common .box .item{background: #fff;border-bottom:0.0625rem solid;display: flex;justify-content: space-between;align-items: center;padding:0.625rem 1.25rem;cursor:pointer;} .page_common .box .item:last-child{border-bottom:0;} .page_common .box .item p{} .page_common .box .item span{} .page_common .box .item:hover{background: #e7433e;} .page_common .box .item:hover p{color:#fff;} .page_common .box .item:hover span{color:#fff;} .page_common .box .item_zi{background-color: #efefef;padding:0.625rem 2.1875rem;display: flex;align-items: center;justify-content: flex-start;display: none;} .page_common .box .item_zi .line{width:0.625rem;height:0.625rem;border:0.0625rem solid;border-top:0;border-right:0;margin-right:0.3125rem;} .page_common .box2{margin-top:1.25rem;} .page_common .box .cons{background: #fff;border: 0.0625rem solid;padding:1.25rem;} .page_common .box .company{font-size:1.25rem;margin-bottom:0.625rem;} .page_common .cons p{margin-bottom:0.625rem;} .page_common .page_right{width:70%;background: #f5f5f5;} .page_common .page_pos{padding:1.25rem;display: flex;align-items: center;border-bottom:0.125rem solid #e7433e;} .page_common .page_pos a{display: flex;align-items: center;} .page_common .page_con{padding:1.25rem;} .page_common .page_con .contents{width:100%;display: flex;justify-content: space-between;flex-wrap:wrap;} .page_common .page_con .item{width:32%;} .page_common .page_con .item:nth-child(3n+2):last-child{margin-right:34%;} .page_common .page_con .item .imgbox{width:100%;aspect-ratio:600/450;overflow: hidden;border:0.1875rem solid #fff;} .page_common .page_con .item .imgbox img{width:100%;height:100%;object-fit: cover;transition: .5s;} .page_common .page_con .item p{text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding:0.625rem 0.3125rem;margin-bottom:0;} .page_common .page_con .item:hover p{color:#e7433e;} .page_common .btn_pos{display: flex;justify-content: center;margin:1.25rem 0;} .page_common .return_btn{} /*解决方案*/ .page_solu{} .page_solu .contents{} .page_solu .solu_item{margin-bottom:1.25rem;display: flex;justify-content: space-between;width:100%;} .page_solu .imgbox{width:30%;aspect-ratio:5/3;overflow: hidden;} .page_solu .imgbox img{width:100%;height:100%;object-fit: cover;transition: .5s;} .page_solu .txtbox{width:65%;} .page_solu .txtname{color:#e7433e;font-size:1.25rem;font-weight: bold;margin-bottom:1.875rem;} .page_solu .txtsub{line-height: 1.8;} .page_solu .solu_item:hover img{transform: scale(1.1);} .page_solu .solu_item:hover .txtsub{color:#e7433e;} .page_soluview .contents *{line-height: 1.5;} .page_soluview .contents img{width:32%!important;margin:0.3125rem;float:left;border:0.0625rem solid #ddd;} .page_soluview .contents p{margin:1.875rem 0;} /*新闻页面*/ .page_news .content_box{padding:0 1.25rem;width:100%;} .page_news .news_item{display: flex;justify-content: space-between;border-bottom:0.0625rem solid #eee;padding:1.25rem 0;} .page_news .news_item{display: flex;justify-content: space-between;border-bottom:0.0625rem solid #eee;padding:1.25rem 0;} .page_news .img_box{width:25%;aspect-ratio:5/3;overflow: hidden;} .page_news img{width:100%;height:100%;object-fit: cover;transition: .5s;} .page_news .news_txt{width:70%;} .page_news .news_name{font-size:1.125rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .page_news .news_sub{font-size:1rem;color:#666;line-height: 1.5;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin:1.0625rem 0;} .page_news .news_time{font-size:0.875rem;} .page_news .content_page{padding-top:3.125rem;padding-bottom:3.125rem;} .page_news .news_item:hover img{transform: scale(1.1);} .page_news .news_item:hover .news_name{color:#e7433e;} /*分页*/ .page {display: flex;justify-content: center;align-items: center;width: 100%;} .pagination li {width: 1.875rem;height: 1.875rem;border: 0.0625rem solid #666;background: #fff;margin: 0.5rem;} .pagination li span, .pagination li a {font-size: 1rem;color: #666;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;} .pagination li.active {background: #000;} .pagination li.active span, .pagination li.active a {color: #fff;} .pagination li a:hover{color:#e7433e;} /* 新闻详情 */ .page_newsview .titles h2 {font-size: 1.5rem;color: #e7433e;font-weight: bold;margin-bottom:1.25rem;text-align: center;line-height: 1.5;border-bottom: 0.0625rem solid #ccc;padding-bottom:1.25rem;} .page_newsview .info {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;} .page_newsview .info p {font-size: 1rem;color: #666;margin-bottom: 1.25rem;} .page_newsview .contents {word-wrap: break-word;width: 100%;padding: 1.25rem 0;font-size: 1rem;line-height: 2;} .page_newsview .contents p, .page_newsview .contents * {font-size: 1rem !important;line-height: 2 !important;text-align: left;} .page_newsview .contents img {max-width: 100%;} .page_newsview .contents span {font-size: 1rem !important;} .pp{border-top: 0.0625rem solid #ccc;padding:1.25rem 0;} /*人力资源*/ .page_job{} .page_job .contents{} .page_job .contents p{font-size:1rem;line-height: 1.8;} .page_job table{width:100%;margin-top:1.875rem;} .page_job tr{} .page_job tr:first-child{font-size:1.125rem;text-align: center;} .page_job td{border:0.0625rem solid #ccc;padding:0.625rem;} .page_job tr:first-child td{padding:1.25rem;} .page_job tr:last-child{text-align: right;} /*公司简介*/ .page_about{} .page_about .contents{} .page_about .contents p{font-size:1rem;line-height: 1.8;margin-bottom:1.875rem;} .page_about .contents img{max-width: 100%;} /*联系我们*/ .page_contact{} .page_contact .contact1{display: flex;justify-content: space-between;width:100%;align-items: flex-start;} .page_contact .left{} .page_contact .company{font-size:1.25rem;margin-bottom:1.25rem;} .page_contact .contact1 p{font-size:1.125rem;margin-bottom:1.25rem;} .page_contact .contact1 p a{} .page_contact .contact1 img{} .page_contact .contact2{width:100%;} #dituContent{width:100%;height:25rem;border:0.0625rem solid #ccc;margin-top:1.25rem;} .iw_poi_title{color:#e7433e;font-weight: bold;margin-bottom:0.3125rem;} .iw_poi_content{margin-top:0.3125rem;font-size:1rem;} /*资质荣誉*/ .page_honor{} .page_honor img{margin-right:1.25rem;margin-bottom:1.25rem;} /*在线留言*/ .page_message{} .page_message p{line-height: 1.8;} .page_message form{margin-top:1.25rem;} .page_message .line{display: flex;align-items: center;font-size:1.125rem;margin-bottom:1.25rem;} .page_message .label{width:6.25rem;} .page_message input{width:25rem;border:0.0625rem solid #ccc;outline:none;padding:0.625rem;margin-right:0.625rem;} .page_message span{color:#e7433e;} .page_message img{} .page_message .submit_btn{width:12.5rem;height:3.125rem;display: flex;justify-content: center;align-items: center;background: #e7433e;color:#fff;margin-right:2.5rem;cursor:pointer;} .page_message .submit_btn:hover{opacity: .9;} .page_message .cancel_btn{width:12.5rem;height:3.125rem;display: flex;justify-content: center;align-items: center;background: #ccc;cursor:pointer;} .page_message .cancel_btn:hover{opacity: .9;} .layui-layer-content{color:#fff;} /*侧栏分享*/ /*在线客服悬浮链接*/ .suspension{position:fixed;z-index:155;right:0;bottom:30%;width:4.375rem;height:15rem;} .suspension-box{position:relative;float:right;} .suspension .a{display:block;width:4.25rem;height:4.25rem;background:#e7433e;margin-bottom:0.25rem;cursor:pointer;outline:none;} .suspension .a.active,.suspension .a:hover{background:#e7433e;} .suspension .a i{display:flex; align-items:center; flex-direction: column; justify-content: center; width:4.25rem;height:4.25rem; font-style: normal; color:#fff; text-align:center; font-size:1.625rem; line-height: 1.3;} .suspension .a i span{font-size:0.75rem;color:#fff;} .suspension .a-top{background:#e7433e;display:none;} .suspension .a-top:hover{background:#e7433e;} .suspension .d{display:none;background:#e7433e;position:absolute;right:4.625rem; color:#fff; box-shadow:0rem 0.125rem 0.3125rem 0rem rgba(161, 163, 175, 0.11);} .suspension .d-qrcode{top:4.5rem;} .suspension .d-service-phone{top:0rem;width:12.5rem; } .suspension .d .inner-box{padding:0.3125rem 0.625rem 0.3125rem; min-height:4.25rem;} .suspension .d-service-item{display:flex; align-items:center; flex-direction:column;justify-content:center;width:100%;} .suspension .d-service-item a{display: block; width:100%;} .suspension .d-service .d-service-item{border-bottom:none;} .suspension .d-service-item .text{line-height:1.875rem; font-size:1.125rem; text-align:center; display: block;color:#fff; } .suspension .d-service-item a .text{color:#fff; font-size:0.875rem;} .suspension .d-qrcode{text-align:center;} .suspension .d-qrcode .inner-box{padding:0.625rem;} .suspension .d-qrcode p{font-size:0.875rem;color:#fff; margin-top:0.625rem;} .inner_erweima{display: flex; justify-content:center; flex-direction: column;} .inner_erweima img{max-width:8.125rem;} @media screen and (max-width:62.25rem){ .suspension{display: none;} } /*厂房设备*/ .pic_cover{width:100%;height:100vh;background-color: rgba(0,0,0,.5);display: none;justify-content: center;align-items: center;position: fixed;z-index:9999;top:0;left:0;} .pic_cover .pic_box{height:80%;position: relative;} .pic_cover .big_pic{height:100%;} .pic_cover .close_pic{position: absolute;top:-2.5rem;right:-2.5rem;color:#fff;font-size:2.5rem;font-weight: bold;cursor:pointer;} /*资质荣誉*/ .page_honor .page_con .item .imgbox{width:100%;aspect-ratio:1500/2134;overflow: hidden;border:0.1875rem solid #fff;} .cover_honor .close_pic{}