*{line-height: 1.8;color:#000;} ::selection { background: rgb(255, 192, 1);/* 选中文字的背景颜色 */ color: #fff; /* 选中文字的文本颜色 */ } .container { width: 75rem; max-width: 75rem; padding:0!important; } a{color:#000;} a:hover { color: rgb(255, 192, 1); } .pc_show { display: block; } .m_show { display: none; } body { font-family: "Tahoma"; overflow-x: hidden; width:100%; position: relative; } /* 导航 */ .nav_top{} .nav_top .container{} .nav_top1{width:100%;display: flex;justify-content: space-between;align-items: center;padding:1.375rem 0;} .nav_top1 img{height:5.3125rem;} .nav_cont{display: flex;justify-content: flex-end;align-items: center;} .nav_cont img{width:2.0625rem;height:2.0625rem;margin-right:0.9375rem;} .nav_cont .con_txt{text-align: right;} .nav_cont .con_s{font-size: 0.875rem;color: rgb(102, 102, 102);margin-bottom:0.5rem;} .nav_cont .con_l{font-size:1.5rem;color:rgb(255, 192, 1);} .nav_top2{background-color: rgba(43, 43, 43, 1);border-bottom:0.0625rem solid #fff;height:3rem;} .nav_top2 .container{display: flex;height:100%;} .nav_top2 a{padding:0 2.1875rem;height:100%;color:#fff;display: flex;justify-content: center;align-items: center;} .nav_top2 a:hover, .nav_top2 a.active{background-color: rgb(255, 192, 1);color:#fff;} .mobile_header{display: none;} /*轮播图*/ .swiper_box{height:40.625rem;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 .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: rgb(255, 192, 1);opacity: 1;} .swiper-button-next, .swiper-button-prev{background-color: rgba(0,0,0,.2);width:5rem;height:5rem;} .swiper-button-next:after, .swiper-button-prev:after{color:#fff;font-weight: bold;font-size:1.875rem;} /*业务范围*/ .de_yewu{padding:5rem 0;} .de_title{display: flex;flex-direction: column;align-items: center;} .title_l{color:rgb(102, 102, 102);font-size:1.875rem;} .title_s{color:rgb(102, 102, 102);font-size:1rem;margin:1.75rem 0;} .de_title img{width:36.875rem;} .de_yewu .list{width:100%;display: flex;justify-content: space-between;margin-top:9.375rem;} .de_yewu .item{width:23%;height:18.75rem;border:0.0625rem solid #eee;padding:1.5625rem; position: relative;} .de_yewu .item img{position: absolute;top:-2.75rem;height:5.5rem;left:50%;transform: translateX(-50%);} .de_yewu .list .name{margin-top:2.1875rem;margin-bottom:2.5rem;text-align: center;font-size: 1.375rem;color: rgb(51, 51, 51);} .de_yewu .list .sub{color: rgb(153, 153, 153);font-size: 0.875rem;line-height: 2;} /*服务项目*/ .de_serv{padding:6.25rem 0;background-color: rgba(245, 245, 245, 1);} .de_serv .list{margin-top:6.25rem;width:100%;display: flex;justify-content: space-between;flex-wrap:wrap;} .de_serv .item{width:31%;height:21.25rem;margin-bottom:3.125rem;} .de_serv .item .name{margin-top:13.125rem;margin-bottom:1.25rem;color:rgb(102, 102, 102);font-size:1.25rem;text-align: center;font-weight: bold;} .de_serv .item .sub{color:rgb(102, 102, 102);font-size:0.875rem;line-height: 1.25rem;padding:0 1.5625rem;} /*关于我们*/ .de_about{padding-top:8.75rem;} .de_about .container{display: flex;justify-content: space-between;} .de_about .abou_left{width:40%;padding-top:3.125rem;} .de_about .name{font-size: 1.875rem;color: rgb(51, 51, 51);font-weight: bold;} .de_about .sub p{font-size: 0.9375rem;color: rgb(102, 102, 102);line-height: 2.5;margin:3.4375rem 0;text-indent: 2em;} .de_about .abou_btn{font-size:3.125rem;height:1.875rem;} .de_about .right{width:50%;} /*优势*/ .de_adv{background:url(/assets/templates/img/de_adv_bg.jpg) center top/100% no-repeat;padding:6.25rem 0;} .de_adv .con{width:100%;display: flex;justify-content: space-between;margin-top:6.25rem;} .de_adv .con_l{width:40%;position: relative;} .de_adv .con_r{width:50%;} .de_adv .con_img1{position: absolute;left:0;top:0;width:32%;} .de_adv .con_img2{position: absolute;left:35%;top:6.25rem;width:32%;} .de_adv .con_img3{position: absolute;left:70%;top:2.5rem;width:32%;} .de_adv .r_title{display: flex;align-items: center;margin-bottom:5.625rem;} .de_adv .flag_l{width:2.5rem;height:0.125rem;background-color: rgb(255, 192, 1);margin-right:1.5625rem;} .de_adv .flag_t{padding:0.5rem 1.125rem;display: inline-block;background-color:rgb(255, 192, 1);color:#fff;font-size:1.125rem;font-weight: bold;} .de_adv .r_box{width:100%;position: relative;} .de_adv .r_box::after{display: block;position: absolute;width:7.25rem;height:5.75rem;top:-2.875rem;right:-2.5rem;background-color:rgb(255, 192, 1); content:"";z-index:1;} .de_adv .r_con{position: relative;z-index:2;width:100%;padding:2.5rem;background-color: rgba(255,255,255,.5);} .de_adv .r_item{margin-bottom:2.8125rem;display: flex;align-items: start;} .de_adv .r_item:last-child{margin-bottom:0;} .de_adv .r_num{font-size: 3.75rem;color: rgb(255, 192, 1);margin-right:2rem;font-weight: bold;} .de_adv .r_txt{margin-top:0.625rem;} .de_adv .r_name{color:rgb(57, 57, 57);font-weight: bold;font-size: 1.25rem;} .de_adv .r_nline{width:1.375rem;height:0.125rem;background-color: #ccc;margin:0.625rem 0;} .de_adv .r_sub{font-size:0.875rem;color:rgb(124, 124, 124);line-height:1.5rem;display: inline-block;} /*案例*/ .de_anli{background-color: rgba(245, 245, 245, 1);padding:6.25rem 0;} .de_anli .list{margin-top:3.125rem;width:100%;display: flex;justify-content: space-between;flex-wrap:wrap;} .de_anli .item{width:24.5%;margin-bottom:0.625rem;} .de_anli .item img{width:100%;} /*新闻*/ .de_news{padding:6.25rem 0 3.75rem;} .de_news .cates{display: flex;justify-content: center;margin-top:3.125rem; } .de_news .cates .cate{width:12.5rem;height:3.125rem;display: flex;justify-content: center;align-items: center;position: relative;cursor: pointer;} .de_news .cates .cate.active::after{display: block;content: "";position: absolute;bottom:-0.3125rem;width:80%;left:10%;height:0.125rem;background-color: rgb(255, 192, 1);} .de_news .cates span{border-right:0.0625rem solid #ccc;width:100%;height:auto;display: flex;justify-content: center;align-items: center;font-size:1.25rem;color:#000;} .de_news .cates .cate:last-child span{border:none;} .de_news .lists{margin-top:1.875rem;} .de_news .list{display: none;justify-content: space-between;flex-wrap:wrap;} .de_news .list.active{display: flex;} .de_news .lists .item{width:49%;margin-bottom:2.5rem;display: flex;justify-content: space-between;align-items: center;} .de_news .lists .imgbox{width:40%;border-radius: 0.625rem;overflow: hidden;aspect-ratio:220/130;} .de_news .lists img{width:100%;height:100%;object-fit: cover;} .de_news .lists .txt{width:55%;} .de_news .lists .title{font-size:1rem;color:#333;margin-bottom:0.9375rem;line-height: 1.5;} .de_news .lists .time{font-size:0.875rem;color:#999;} /* 首页-底部 */ footer{background-color: rgba(27, 31, 42, 1);} .foot1{padding:4.375rem 0 2.1875rem;} .foot1 .container{display: flex;justify-content: space-between;} .foot1 .left{width:30%;} .foot1 .left .box{display: flex;flex-direction: column;align-items: center;} .foot1 .left img{height:3.5rem;margin-bottom:1.25rem;} .foot1 .left .t1{color:rgb(123, 129, 141);font-size:1rem;} .foot1 .left .t2{color:rgb(123, 129, 141);font-size:2rem;margin:0.9375rem 0;} .foot1 .left .t3{color:rgb(123, 129, 141);font-size:1rem;} .foot1 .center{width:50%;border-left:0.0625rem solid #999;border-right:0.0625rem solid #999;display: flex;justify-content: center;} .foot1 .center .item{display: flex;flex-direction: column;margin:0 4.375rem;} .foot1 .center .link{color:rgb(123, 129, 141);margin-bottom:1.5625rem;} .foot1 .center .link:last-child{margin-bottom:0;} .foot1 .right{width:20%;padding-left:4.375rem;} .foot1 .right .con{display: flex;flex-direction: column;align-items: center;} .foot1 .right .code{width:8.4375rem;margin-bottom:1rem;} .foot1 .right p{color:rgb(102, 102, 102);font-size:1rem;} .foot2{padding:0.625rem 0;} .foot2 .container{display: flex;flex-direction: column;align-items: center;} .foot2 p{color:#8b919d;font-size:0.875rem;display: flex;align-items: center;margin-bottom:0.3125rem;} .foot2 a{color:#8b919d;font-size:0.875rem;margin:0 0.625rem;} .foot2 span{color:#8b919d;} .m_foot{display: none;} /*业务范围*/ .comm_ban{width:100%;display: flex;justify-content: center;align-items: center} .comm_ban img{width:100%;} .page_common{padding:3.75rem 0;} .page_common .b_title{color:rgb(33, 33, 33);font-size:1.875rem;font-weight: bold;text-align: center;} .page_common .s_title{color:rgb(53, 53, 53);font-size:1rem;margin:2.5rem 0 4rem;text-align: center;} .page_busi .img_box{width:100%;display: flex;justify-content: space-between;} .page_busi .coll{width:32.5%;} .page_busi .coll .picbox{width:100%;aspect-ratio:390/600;overflow: hidden;} .page_busi .coll img{width:100%;height:100%;object-fit: cover;} .page_busi .coll .half_pic{height:49%;margin-bottom:2%;} .page_busi .coll .half_pic:last-child{margin-bottom:0%;} .page_busi .cates{margin:4.375rem 0 1.25rem;display: flex;justify-content: center;} .page_busi .cate{width:11.25rem;height:3.125rem;display: flex;justify-content: center;align-items: center;color:#000;font-size:1rem;cursor:pointer;} .page_busi .cate.active{background-color:rgb(255, 192, 1);color:#fff; } .page_busi .lists{} .page_busi .list{flex-wrap:wrap;justify-content: space-between;display: none;} .page_busi .list.active{display: flex;} .page_busi .list .item{width:32.5%;margin-bottom:0.625rem;} .page_busi .list img{width:100%;aspect-ratio:380/250;} .page_busi .list p{margin:0.625rem 0;text-align: center;color:rgb(102, 102, 102);font-size:0.875rem;} /*服务项目*/ .page_serv .container{width:56.25rem;} .page_serv .list{margin-top:3.125rem;width:100%;display: flex;justify-content: space-between;flex-wrap:wrap;} .page_serv .item{width:24%;margin-bottom:1.25rem;} .page_serv .item img{width:100%;aspect-ratio:290/200;} .page_serv .item p{margin:0.625rem 0;text-align: center;color:rgba(51, 51, 51, 1);font-size:1rem;} /*服务项目详情*/ .page_serv .con_box{height:37.5rem;width:100%;} .page_serv .con_box .swiper-container { width: 100%; margin-left: auto; margin-right: auto; } .page_serv .con_box .swiper-slide { background-size: cover; background-position: center;height:100%; } .page_serv .con_box .gallery-top { height: 80%; width: 100%; } .page_serv .con_box .gallery-thumbs { height: 20%; box-sizing: border-box; padding: 0.625rem 0; } .page_serv .con_box .gallery-thumbs .swiper-slide { width: 25%; height: 100%; opacity: 0.4; } .page_serv .con_box .gallery-thumbs .swiper-slide-thumb-active { opacity: 1; } .page_serv .next_box{border-top:0.0625rem solid #eee;margin-top:3.75rem;padding:3.125rem 0;} .page_serv .next_box a{color:#777;margin:0.9375rem 0;display: block;} .page_serv .next_box a:hover{color:#333;} /*共享市场部*/ .page_share{padding:4.375rem 0 2.5rem;} .page_share .container{} .page_share .title{font-size:1.5rem;color:rgb(51, 51, 51);} .page_share .line{margin:0.9375rem 0 1.25rem;width:2.5rem;height:0.125rem;background-color:rgb(255, 192, 1); } .page_share .sub{color:rgb(102, 102, 102);line-height: 1.5rem;margin-bottom:1.875rem;} .page_share .pics{width:100%;display: flex;justify-content: space-between;margin-bottom:2.8125rem;} .page_share .pic1{} .page_share .pic2{} .page_share .pic3{} .page_share .box2{background-color: rgba(245, 245, 245, 1);padding:3.125rem 0;} .page_share .box2 .title_line{display: flex;align-items: flex-end;} .page_share .box2 .b_t{color:rgb(255, 192, 1);font-size:1.625rem;font-weight: bold;margin-right:0.625rem;} .page_share .box2 .s_t{color:rgb(192, 192, 192);} .page_share .box2 .list{margin-top:1.875rem;width:100%;display: flex;justify-content: space-between;} .page_share .box2 .item{width:25%;border-right:0.0625rem solid #ddd;display: flex;flex-direction: column;align-items: center;padding:0 2.1875rem;} .page_share .box2 .item:last-child{border-right:0;} .page_share .box2 img{height:4.6875rem;} .page_share .box2 p{margin:0.9375rem 0;color:rgb(102, 102, 102);} .page_share .box2 .sub{color:rgb(153, 153, 153);font-size:0.75rem;line-height:1.5625rem;} .page_share .box3_list{padding-top:5rem;width:100%;display: flex;justify-content: space-between;flex-wrap:wrap;} .page_share .box3_list .item{width:30%;margin-bottom:3.125rem;position: relative;} .page_share .box3_list .imgbox{width:100%;aspect-ratio:300/256;overflow: hidden;} .page_share .box3_list img{width:100%;height:100%;object-fit: cover;} .page_share .box3_list p{position: absolute;bottom:1.5625rem;left:50%;transform: translateX(-50%);color:rgb(102, 102, 102);} /*新闻页面*/ .page_news{} .page_news .b_title{} .page_news .s_title{color:rgb(102, 102, 102);font-size:1rem;} .page_news .cates{display: flex;justify-content: center;} .page_news .cate{width:10.625rem;height:3.125rem;display: flex;justify-content: center;align-items: center;font-size:1.25rem;color:#000;} .page_news .cate.active{background-color: rgb(255, 192, 1);color:#fff;} .page_news .list{display: flex;justify-content: space-between;flex-wrap:wrap;width:100%;margin:3.75rem 0 2.5rem;} .page_news .list .item{width:49%;margin-bottom:2.5rem;display: flex;justify-content: space-between;align-items: center;} .page_news .list .imgbox{width:40%;border-radius: 0.625rem;overflow: hidden;aspect-ratio:220/130;} .page_news .list img{width:100%;height:100%;object-fit: cover;} .page_news .list .txt{width:55%;} .page_news .list .title{font-size:1rem;color:#333;margin-bottom:0.9375rem;line-height: 1.5;} .page_news .list .time{font-size:0.875rem;color:#999;} /*分页*/ .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:rgb(255, 192, 1);} /* 新闻详情 */ .page_newsview{} .page_newsview .container{width:62.5rem;} .page_newsview .title{color:rgba(51, 51, 51, 1);font-size:1.5rem;text-align: center;} .page_newsview .t_line{width:1.875rem;height:0.125rem;background-color: rgb(255, 192, 1);margin:1.25rem auto 2.5rem;text-align: center;} .page_newsview .name{color:#333;font-size:1.5625rem;} .page_newsview .time{color:#adadad;margin:1.875rem 0 1.25rem;} .page_newsview .con{padding:0.9375rem 0;border-top:0.0625rem solid #eee;border-bottom:0.0625rem solid #eee;} .page_newsview .con img{width:100% !important;} .page_newsview .share{display: flex;justify-content: flex-end;margin-top:1.875rem;align-items: center;color:#666;font-size:0.8125rem;} .page_newsview .next_box{padding:2.5rem 0;} .page_newsview .next_box a{color:#777;margin:0.9375rem 0;display: block;} .page_newsview .next_box a:hover{color:#333;} /*公司简介*/ .page_about{padding-bottom:0;} .page_about .container{} .page_about .box1{display: flex;flex-direction: column;align-items: center;} .page_about .box1 .b_title{} .page_about .box1 .s_title{color:rgb(102, 102, 102);font-size:1rem;} .page_about .box1 .sub{width:70%;margin:0 auto;} .page_about .box1 p{text-indent: 2em;color:rgb(102, 102, 102);font-size:1rem;line-height:1.875rem;} .page_about .box1 img{margin-top:2.5rem;} .page_about .box2{background-color: rgba(245, 245, 245, 1);padding:4.375rem 0;} .page_about .box2 .container{} .page_about .box2 .b_title{} .page_about .box2 .s_title{} .page_about .box2 .infos{width:100%;display: flex;justify-content: space-between;} .page_about .box2 .info{width:33%;display: flex;flex-direction: column;align-items: center;} .page_about .box2 img{} .page_about .box2 .txt{text-align:center;margin:2.5rem 4.375rem;color:rgb(102, 102, 102);font-size:1rem;line-height:1.5rem;} .page_about .box2 a{color:rgb(102, 102, 102);font-size:1rem;} .page_about .box2 .txt span{display: none;} .map{border:0.1875rem solid #fff;} .map iframe{height:25rem;}