锘? { margin: 0; padding: 0 } body { box-sizing: border-box; } body .bx-head { width: 100%; position: fixed; top: 0; left: 0; z-index: 5000; background-color: rgba(0,0,0,.5); border-bottom: 1px solid #484848; } #headhg { position:absolute; top:0; left:0; z-index:-100; } body .bx-index-top02 { height: 77px; line-height: 80px; } body .bx-plr10 { padding: 0 0 !important; } body .bx-index-top02 .bx-logo { height:80px; } body .bx-index-top02 .bx-logo img { max-height: 59px; } .active_1 { color: #A1203A !important; border-bottom: 3px solid #A1203A; } body .bx-index-top02 .bx-nav ul li { line-height: 77px; font-size: 20px; color: #ffffff; } body .bx-index-top02 .bx-nav ul li a { padding: 0 15px; color: #ffffff; } body .bx-index-top02 .bx-nav ul li a:hover { color: #A1203A; } /*椤佃剼*/ body .bx-index-footer02 { border-top: 6px solid #A1203A; background-color: #2E2E2E; } body .bx-ptb40 { padding: 118px 0 65px !important; } body .copyright { color:#fff; display:inline-block; } body .copyright dl { float:left; margin-right:35px; } .copyright dl dt { font-size: 18px; font-weight: 400 !important; } .copyright dl dd { font-size: 12px; color: #8C8C8C; line-height:26px; } .copyright dl .line { display:inline-block; width: 26px; height: 2px; background-color: #C6BA9A; margin:20px 0; } .copyright dl .qrcode { width:70px; height:70px; } .map { width:50%; height:205px; float:right; } .map iframe { width:100%; padding:0 10px; } /*涓婚〉*/ /*杞挱*/ .banner { width: 100%; max-height: 100vh; height: 100vh; overflow: hidden; position:relative; } body .swiper-slide img { width:100%; height: 100vh; } body .swiper-pagination-bullet { width: 1px; height: 53.3px; display: block; } body .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 0; left: 65px; width: 100%; } body .swiper-pagination-bullet { background: #CDCBC6; opacity: .5; } body .swiper-pagination-bullet-active { opacity: 1; background: #484848; } body .swiper-container { position:relative; } body .swiper-pagination { bottom:0; left:0; } .posi_fu { position: absolute; bottom: 91px; left: 65px; width: 100%; height: auto; background-color: cyan; z-index: 100; } .posi { position: absolute; bottom: -55px; left: -25px; display:flex; flex-direction:column; justify-content:space-between; align-items:center; } .posi .icon-chevron-down { font-size:15px; color:#fff; margin-bottom:13px; } .posi .down { display:inline-block; color:#fff; font-size:14px; } /*鍞揩鍥㈤槦*/ .div_news { margin-top:80px; position:relative; } .mao { position:absolute; top:0; left:0; width:50px; height:50px; background-color:cyan; } body .bx-aboutus05-bt h2 { font-size: 38px; color: #000; line-height: 50px; font-weight: 400; position: relative; } body .abcd .bx-aboutus05-bt h2::before { content: ""; position: absolute; top: 50%; left: -50%; transform: translateY(-50%); width: 542px; height: 6px; background-color: #C6BA9A; } body .bx-aboutus05-bt .bx-aboutus05-btx { width: 88px; height: 6px; margin: 0 auto; background-color: #A1203A; margin-top: 10px; } body .bx-aboutus05 .bx-aboutus05-nr .bx-aboutus05-nr-t img { width: 546px; height: auto; min-height: 406px; display: block; transition: all 0.5s; } .bx-aboutus05 .bx-aboutus05-nr { margin-top:54px; } body .bx-aboutus05 .bx-aboutus05-nr .bx-aboutus05-nr-t { width:546px; padding-left: 0; padding-top: 0; } body .bx-aboutus05 .bx-aboutus05-nr .bx-aboutus05-nr-z { padding: 43px 50px; bottom:50%; transform:translateY(50%); } body .bx-aboutus05 .bx-aboutus05-nr .bx-aboutus05-nr-z p { color: #484848; height: 170px; margin: 0; text-align:justify; } /*鍞揩鏈嶅姟*/ .service { margin-top:57px; width: 100%; background-color: rgb(72,72,72); } body .service .bx-aboutus05-bt h2 { padding-top:50px; color:#fff; } body .service .bx-aboutus05-bt h2::before { content: " "; width: 0; height: 0; } body .service .bx-aboutus05-bt .bx-aboutus05-btx { background-color: #C6BA9A; } .service .service_mo { padding:54px 147px 80px; } .service .service_mo .modular { width:100%; display:flex; justify-content:space-between; align-items:center; } .service_mo .moddle { width: 228px; max-width: 228px; height: auto; background-color: #F4F8FB; text-align: center; color: #484848; position: relative; overflow:hidden; } .service_mo .moddle .ding { margin:25px auto 50px; } .service_mo .moddle .modd_pic { display:block; width: 100%; height: 108px; max-height: 108px; } .service_mo .moddle .mo_h3 { font-size: 18px; font-weight: bold; } .service_mo .moddle .mo_p { font-size:16px; } /*鐐瑰嚮涔嬪悗*/ .service_mo .moddle:hover .hover_s { bottom: 0%; } .service_mo .moddle .hover_s { width: 100%; background-color: #C6BA9A; position: absolute; bottom: -100%; text-align: center; transition: all .7s; } .moddle .hover_s .ding { margin: 35px 0 18px; color:#fff; } .moddle .hover_s .white { width:2px; height:30px; background-color:#fff; margin:0 auto; text-align:center; } .moddle .hover_s .hover_pic { width:58px; height:58px; border-radius:50%; overflow:hidden; margin: 6px auto 37px; } /*鍞揩璧勮*/ .real_time { padding: 48px 0 60px; width: 100%; position: relative; background-image: url('../images/bannne1.png'); background-size: cover; } body .real_time .bx-aboutus05-bt h2 { color:#fff; } body .real_time .bx-aboutus05-bt .bx-aboutus05-btx { background-color: #C6BA9A; } .real_time .label_ba { margin:14px 0 30px; } .real_time .label_ba .label_ul { text-align:center; } body .label_ba .label_ul>li { display: inline-block; margin: 0 15px; color: #fff; border: 1px solid #fff; } body .label_ba .label_ul > li:hover { background-color: #A1203A; border: 1px solid #A1203A; } .label_ba .label_ul li a { display: block; width: 100%; height: 100%; padding: 9px 22px; color: #fff; } body .label_ba .label_ul .active { background-color: #A1203A; border: 1px solid #A1203A; } .funny_z .funny { width:100%; overflow:hidden; margin-top:20px; } .funny_z .funny .swi { width:100%; background-color:#fff; display:flex; justify-content:flex-start; align-items:center; } .funny .swi .nei_pic { width:30.1%; height:214px; overflow:hidden; } .funny .swi .nei_pic img { width:100%; height:100% } .funny .swi .secton { width:69.9%; display:flex; flex-direction:column; box-sizing:border-box; padding: 50px 64px 69px 70px; } .funny .swi .secton h3 { margin-bottom:8px; font-size: 18px; color: #484848; } .funny .swi .secton p { text-align:left; font-size:16px; color:rgba(72,72,72,.7); line-height:21px } /*浜ゆ槗妗堜緥*/ .case_f { padding-bottom:72px; background-color: rgb(244,248,251) !important; } .case { margin-top: 88px; } body .case .bx-aboutus05-bt h2::before { content: " "; width: 0; height: 0; } .case .option { margin-top:56px; } .case .option .op_nav { text-align:center; } body .case .option .op_nav li { display: inline-block; border-bottom: 1px solid rgba(0,0,0,0); } body .case .option .op_nav>li:hover{ border-bottom: 1px solid #A1203A; } body .case .option .op_nav > li:hover a { color: #A1203A; } body .case .option .op_nav > .active { border-bottom: 1px solid #A1203A; } body .case .option .op_nav > .active a { color: #A1203A; } body .case .option .op_nav li a { padding: 0 12px; font-size: 22px; color: #898989; } .deal { width:100%; } .deal .deal_nei { display:block; margin-top: 46px; text-align: center; box-shadow: 0,3px,6px rgba(0,0,0,16%); height: auto; background-color: #fff; padding: 60px 0; transition: all .9s; border: 1px solid #fff; } .deal .deal_nei:nth-child(4n) { margin-right: 0; } .deal .deal_nei:hover { transform: translate(0,-22px); border: 1px solid #A1203A; } .deal .deal_nei:hover .stroke { background-color: #A1203A; } .deal_nei .img { max-width: 186px; max-height: 54px; height:54px; overflow: hidden; margin: 0 auto; } .deal_nei .deal_pic { width: 100%; height: 100%; } .deal_nei .name { margin:22px 0 32px; font-size: 20px; color: #484848; } .deal_nei .name p { line-height:26px; } .deal_nei .h4 { font-size: 22px; color: #A1203A; } .deal_nei .stroke { margin: 22px auto 0; display: block; width: 150px; height: 3px; background-color: #C6BA9A; } /* 浼佷笟瀹跺瘎璇 */ .message { margin-top:110px; } .message_zong { margin-top:54px; display:flex; justify-content:space-between; flex-direction:row; flex-wrap:wrap; } .message_nei { width:47.65%; padding: 22px 32px 34px 30px; border-top: 1px solid #484848; } .message_nei p { font-size: 16px; color: #2E2E2E; line-height: 25px; height: auto; -webkit-line-clamp:15; } .message_nei p:hover { color: #A1203A; } .active_c { color: #A1203A !important; } /* 鏂囧瓧瓒呭嚭涓よ浠ヤ笂鐪佺暐鍙锋樉绀 */ .text-p2 { line-height: 21px; height: 47px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .text-p3 { line-height: 21px; height: 63px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .message_nei .user_xin { margin-top: 21px; display:flex; justify-content:flex-start; align-items:center; } .message_nei .user_xin .name_pic { width: 40px; height: 40px; display: inline-block; } .message_nei .user_xin .definition { margin-left: 13px; color: #2E2E2E; } .user_xin .definition h5 { font-size: 16px; font-weight: bold; } .user_xin .definition h4 { font-size:14px; margin-top:3px; font-weight:400; } /*鍔犲叆鎴戜滑*/ .joinUS { margin-top:108px; } body .joinUS .bx-aboutus05-bt .bx-aboutus05-btx { background-color: #484848; } .joinUS .join { margin: 42px 0 132px; width: 100%; height: auto; background-color: #2E2E2E; padding:56px 50px; position:relative; } .join .recruit { width:100%; font-size:18px; margin:0 -22.5px; } .join .recruit li { width:33.33%; padding:0 22.5px; float:left; text-align:center; margin-bottom:10px; } .join .recruit li a { display: block; color: #CBCBCB; } .join .recruit li a:hover { color: #A1203A; } .join .recruit li p { width:100%; float:left; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } /*濂囪懇搴曢儴鍥?/ .join .background_di { position:absolute; top:40px; left:50%; transform:translateX(-50%); z-index:-5000; width:1520px; } .join .background_di img { width: 100%; height: 100% } .xy_f { max-width:800px; margin:0 auto; margin-top:50px; } body .dateils_h4 { font-size: 24px !important; } body .bx-ptb20 { font-size: 18px; text-align: left; } body .down > a { color: #fff; } /*鍝嶅簲寮?/ @media screen and (max-width: 1000px) { /*瀵艰埅鍝嶅簲*/ body .bx-index-top02 { height: 60px; line-height: 60px; } body .bx-index-top02 .bx-logo { height: 60px; } body .bx-index-top02 .bx-logo img { max-height: 50px; transform:scale(.9) } body .swiper-container-horizontal > .swiper-pagination-bullets { display: none !important; width: 365px !important; } .bx-navigation { margin:10px 10px 0 0; } .bx-index-top02 .bx-nav { position: absolute; width: 100%; top: 60px; right: -5px; box-shadow: 0 2px 8px 2px rgb(198 201 208 / 50%); margin: 0 5px 5px; background-color: #fff; } body .bx-index-top02 .bx-nav ul li { line-height: 50px; font-size: 16px; } body .bx-index-top02 .bx-nav ul li a { color:#000; } /*鍞揩鍥㈤槦*/ .div_news { margin-top: 20px; } .bx-aboutus05 { padding: 10px 0; } body .bx-aboutus05-bt h2 { font-size: 20px; line-height: 30px; } body .abcd .bx-aboutus05-bt h2::before { content: ""; position: absolute; top: 50%; left: 0; transform:translateY(-50%); width: 100px; height: 3px; background-color: #C6BA9A; } body .bx-aboutus05-bt .bx-aboutus05-btx { width: 44px; height: 3px; margin-top: 5px; } .bx-aboutus05 .bx-aboutus05-nr { margin-top: 20px; padding: 0 20px; } body .bx-aboutus05 .bx-aboutus05-nr .bx-aboutus05-nr-t { width: 100%; height:200px; max-height:200px; } body .bx-aboutus05 .bx-aboutus05-nr .bx-aboutus05-nr-t img { width: 100%; height:100%; min-height:100% !important; } body .bx-aboutus05 .bx-aboutus05-nr .bx-aboutus05-nr-z { width:100%; padding: 10px 10px; bottom: 0; transform:translateY(0); } body .bx-aboutus05 .bx-aboutus05-nr .bx-aboutus05-nr-z p { height:auto; } /*鍞揩鏈嶅姟*/ .service { margin-top: 0; } body .service .bx-aboutus05-bt h2 { padding-top: 20px; } .service .service_mo { padding: 20px; } .service .service_mo .modular { width: 100%; display: flex; flex-direction:column; justify-content: space-between; align-items: center; } .service_mo .moddle { width: 80%; max-width: 80%; height: auto; margin-bottom:20px; } .service_mo .moddle .modd_pic { height: 130px; max-height: 130px; } .service_mo .moddle .ding { margin: 50px auto 50px; } /*浜ゆ槗妗堜緥*/ .case { margin-top: 20px; } .case .option { margin-top: 15px; } body .case .option .op_nav li a { font-size: 16px; } .case .option .op_nav { width:100%; margin-bottom:10px } .deal { width:100%; text-align:center; position:relative; } body .deal .deal_nei { width: 45%!important; height: auto; padding: 15px 0 15px; margin: 26px 9px 0 !important; box-sizing:border-box; } .case_f { padding-bottom: 40px; } .deal_nei .img { max-width: 120px; max-height: 50px; } .deal_nei .name { margin: 20px 0 15px; font-size: 16px; } .deal_nei .h4 { font-size:17px; } .deal_nei .stroke { margin: 10px auto 0; width: 120px; height: 3px; } /*鍞揩璧勮*/ .real_time { padding: 20px 0 10px; background-size: 100% 100%; } .real_time .label_ba { margin: 10px 0 15px; } .real_time .label_ba .label_ul { width:100%; } body .label_ba .label_ul > li { margin: 0 10px; padding: 4px 11px; } .funny_z .funny { margin-top:15px; } .funny_z .funny .swi { display: flex; flex-direction:column; justify-content: flex-start; align-items: center; padding:10px 10px 0; } .funny .swi .nei_pic { width: 100%; height: 214px; overflow: hidden; box-sizing:border-box; } .funny .swi .secton { width: 100%; display: flex; flex-direction: column; box-sizing: border-box; padding: 10px; } .funny .swi .secton h3 { text-align:center; } /*浼佷笟瀹跺瘎璇?/ .message { margin-top: 30px; } .message_zong { width:100%; margin-top: 20px; padding: 0 10px; display: flex; justify-content: space-between; flex-direction: column; } body .message_nei { width: 100%; padding: 10px; margin: 0; box-sizing:border-box !important; } .message_nei p { font-size:14px; } .message_nei .user_xin { margin-top: 10px; } .message_nei .user_xin .name_pic { width:30px; height:30px; } .message_nei .user_xin .definition { margin-left: 10px; } .user_xin .definition h5 { font-size:14px; } .user_xin .definition h4 { font-size: 12px; } /*鍔犲叆鎴戜滑*/ .joinUS { margin-top: 20px; } .joinUS .join { margin: 20px 0 30px; padding: 20px 20px; } .join .recruit { font-size: 16px; text-align:center; } .join .recruit li { width: 100%; margin-right: 0; } .join .recruit li p { width:100%; } body .join .background_di { display:none !important; } /*椤佃剼*/ body .bx-index-footer02 { border-top: 4px solid #A1203A; } body .bx-ptb40 { padding: 20px 0 20px !important; } body .copyright { padding:0 20px; display:flex; flex-direction:column; } body .copyright dl { text-align:center; margin-right:0; margin-bottom:10px; float:none; } .copyright dl dt { font-size: 16px; font-weight: 400 !important; } .copyright dl .line { margin: 5px 0; } .copyright dl dd { line-height: 20px; } .copyright dl .qrcode { text-align:center; width:auto; height:auto; } .copyright dl .qrcode img { width:70px; height:70px; } .map { text-align: center; /*padding: 10px 10px; margin: 0 10px;*/ width: 100%; height: 150px; float: none; box-sizing: border-box; } /*鏂伴椈璇︽儏*/ .xy_f { margin-top:70px; } body .dateils_h4 { font-size: 20px !important; } body .bx-ptb20 { width: 100%; } body .bd { width:100%; padding:0 20px !important; } body .bx-ptb20 .one-p { font-size: 14px !important; text-align: left; } body .banner .w_text { width:100%; padding:0 20px; } body .banner .w_text h4 { font-size:18px; } body .banner .w_text p { display:none; } } @media screen and (max-width: 1200px){ .service .service_mo { padding: 54px 50px 80px; } body .deal .deal_nei:nth-child(4n) { margin-right:65px; } body .deal .deal_nei:nth-child(3n) { margin-right:0; } body .deal .deal_nei { margin-right: 65px; } } @media screen and (min-width: 1000px) and (max-width:1200px) { body .join .recruit li { margin-right: 30px !important; } } /*棣栭〉banner鏂囧瓧*/ .banner { position:relative; } .banner .w_text { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:100; } .banner .w_text h4 { font-size:46px; color:#fff; font-weight:400; line-height:64px; } .banner .w_text p { font-size:24px; color:rgba(255,255,255,1); line-height:32px; text-align: center; } .banner .ab { width:100%; height:100%; position:absolute; top:0; left:0; background-color:rgba(0,0,0,0); z-index:99; } .deal ul { margin:0 -20px; overflow:hidden; } .deal ul li { float:left; padding:0 20px; width:33.33%; } .bx-footer { padding: 5px 0; } .bx-footer p { line-height:1; }