*{ line-height: 1.5; } p{ font-size: inherit; } .hisList_item p{ font-size: .2rem; } .in_main{ padding-top: 80px; } .history_01{ margin: 0 auto; } .develop_txt p{ font-size: 16px; line-height: 30px; } .his_tit{ font-size: 0.5rem !important; font-family: Microsoft YaHei; font-weight: bold; color: #333333; } /*font-size*/ .fnt_12 { font-size: 12px;} .fnt_16 { font-size:16px;} .fnt_18 { font-size:18px;} .fnt_20 { font-size:20px;} .fnt_22 {font-size: 22px;} .fnt_24 { font-size:24px;} .fnt_26 { font-size:26px;} .fnt_28 { font-size:28px;} .fnt_30 { font-size:30px;} .fnt_32 { font-size:32px;} .fnt_36 { font-size:36px;} .fnt_38 { font-size:38px;} .fnt_40 { font-size:40px;} .fnt_42 { font-size:42px;} .fnt_48 { font-size:48px;} .fnt_52 { font-size:52px;} .fnt_60{ font-size:60px;} .fnt_72{ font-size:72px;} .fnt_90{ font-size:90px;} @media only screen and (max-width:1800px) { .fnt_60{ font-size:54px;} } @media only screen and (max-width:1660px) { .fnt_60{ font-size:44px;} .fnt_22 {font-size: 20px;} } @media only screen and (max-width:1440px) { .fnt_22 {font-size: 18px;} .fnt_24 { font-size:20px;} .fnt_26 { font-size:22px;} .fnt_28 { font-size:24px;} .fnt_30 { font-size:28px;} .fnt_32 { font-size:28px;} .fnt_36 { font-size:30px;} .fnt_38 { font-size:31px;} .fnt_40 { font-size:32px;} .fnt_42 { font-size:34px;} .fnt_48 { font-size:40px;} .fnt_52 { font-size:44px;} .fnt_60{ font-size:56px;} .fnt_72{ font-size:60px;} .fnt_90{ font-size:72px;} } @media only screen and (max-width:1366px) { .fnt_20 { font-size:18px;} .fnt_26 { font-size:20px;} .fnt_28 { font-size:22px;} .fnt_30 { font-size:24px;} .fnt_32 { font-size:24px;} .fnt_36 { font-size:26px;} .fnt_38 { font-size:27px;} .fnt_40 { font-size:28px;} .fnt_42 { font-size:30px;} .fnt_48 { font-size:36px;} .fnt_52 { font-size:40px;} .fnt_60{ font-size:44px;} .fnt_72{ font-size:48px;} .fnt_90{ font-size:52px;} } @media only screen and (max-width:1280px) { .fnt_22 {font-size: 16px;} .fnt_26 { font-size:18px;} .fnt_28 { font-size:20px;} .fnt_30 { font-size:22px;} .fnt_32 { font-size:22px;} .fnt_36 { font-size:24px;} .fnt_38 { font-size:25px;} .fnt_40 { font-size:26px;} .fnt_42 { font-size:28px;} .fnt_48 { font-size:32px;} .fnt_60{ font-size:36px;} .fnt_72{ font-size:40px;} .fnt_90{ font-size:42px;} } @media only screen and (max-width:1024px) { .fnt_16 { font-size:14px;} .fnt_18 { font-size:16px;} .fnt_20 { font-size:16px;} .fnt_24 { font-size:18px;} .fnt_30 { font-size:20px;} .fnt_36 { font-size:22px;} .fnt_38 { font-size:22px;} .fnt_40 { font-size:22px;} .fnt_42 { font-size:24px;} .fnt_48 { font-size:26px;} .fnt_52 { font-size:28px;} .fnt_60{ font-size:32px;} .fnt_72{ font-size:36px;} .fnt_90{ font-size:36px;} } @media only screen and (max-width:767px) { .fnt_20 { font-size:16px;} .fnt_24 { font-size:16px;} .fnt_30 { font-size:18px;} .fnt_36 { font-size:20px;} .fnt_48 { font-size:20px;} .fnt_52 { font-size:20px;} .fnt_60{ font-size:24px;} .fnt_72{ font-size:24px;} .fnt_90{ font-size:30px;} .hisList ul{ padding: 0 0.25rem; } } .history_01 { margin-bottom: 120px; } .his_num { overflow: hidden; margin-bottom: 10px; } .his_num_l { float: left; width: 35%; padding-left: 60px; box-sizing: border-box; } .his_num_r { float: right; width: 65%; } .his_num_r ul { text-align: right; } .his_num_r ul li { display: inline-block; padding: 0 60px; box-sizing: border-box; position: relative; } .his_num_r ul li::after { content: ""; display: block; width: 2px; height: 84px; background: #2a2f34; right: 0; top: 50%; margin-top: -42px; position: absolute; } .his_num_r ul li:last-child::after { display: none; } .his_num_r ul li dl { text-align: left; } .his_num_r ul li dl dd { margin-bottom: 10px; } .history_01 .agent_num { font-weight: 500; } .history_01 .agent_num span { font-weight: 300; } .develop_list { position: relative; overflow: hidden; } .develop_list, .develop_list .swiper-container, .develop_list ul, .develop_list ul li, .develop_list ul li dl, .develop_list ul li dt { height: 100%; } .develop_list ul li { color: #fff; width: 12%; transition: all .2s; float: left; position: relative; cursor: pointer; } .develop_list ul li dl { background: rgba(0, 0, 0, 0.3); } .develop_list ul li dd { position: absolute; left: 0; width: 100%; bottom: 20px; padding: 0 15px; box-sizing: border-box; } .develop_list ul li dt .tit::after { content: ""; display: block; width: 27px; height: 2px; background: #fff; margin: 30px 0; } .develop_txt {} .develop_list ul li dt { background: rgba(0, 0, 0, 0.2); padding: 100px 120px; box-sizing: border-box; opacity: 0; width: 100%; } .develop_txtItem { margin-bottom: 20px; line-height: 30px; height: 250px; overflow: hidden; } .develop_list ul li:last-child { float: right; } .develop_list ul li.on { width: 64%; } .develop_list ul li.on dl { background: none; } .develop_list ul li.on dt { opacity: 1; } .develop_list ul li.on dd { display: none; } .history_02 { padding: 80px 0 100px; box-sizing: border-box; overflow: hidden; } .hisList { padding: 80px 0; overflow: hidden; position: relative; } .hisList::after { content: ""; background: url(../image/fzlc/his_ico2.png) no-repeat; width: 2px; display: block; position: absolute; left: 50%; margin-left: -1px; height: 100%; top: 0; } .his_tit { text-align: center; margin-bottom: 20px; } .hisList li { overflow: hidden; margin-bottom: 30px; } .hisList dl dd, .hisList dl dt { float: left; width: 50%; position: relative; box-sizing: border-box; } .hisList dl dt { margin-top: -17px; } .hisList dl dd { text-align: right; padding-right: 55px; font-weight: bold; } .hisList dl dd h2 { font-weight: bold; } .hisList dl dd em { position: absolute; right: -8px; width: 16px; height: 16px; display: block; background: url(../image/fzlc/his_ico.png) no-repeat; background-size: cover; top: 50%; margin-top: -8px; z-index: 2; } .hisList_item { position: relative; padding-left: 133px; margin-top: 20px; line-height: 30px; } .hisList_item h3 { font-weight: bold; } .hisList_item em { position: absolute; left: 17px; display: block; width: 87px; height: 13px; background: url(../image/fzlc/his_ico1.png) no-repeat; background-size: 100% 100%; top: 10px; } .hisList li:nth-child(2n) dd { float: right; text-align: left; padding-left: 55px; padding-right: 0; } .hisList li:nth-child(2n) dd em { left: -8px; right: auto; } .hisList li:nth-child(2n) dt { float: left; text-align: right; } .hisList li:nth-child(2n) .hisList_item { padding-right: 133px; padding-left: inherit; } .hisList li:nth-child(2n) .hisList_item em { position: absolute; left: auto; right: 17px; display: block; width: 87px; height: 13px; background: url(../image/fzlc/his_ico1.png) no-repeat; background-size: 100% 100%; top: 10px; transform: rotateY(180deg); } @media only screen and (max-width:1560px) { .develop_list ul li dt { padding: 60px 90px; } .history_01 { margin-bottom: 60px; } .in_main{ padding-top: 40px; } } @media only screen and (max-width:1400px) { .develop_list ul li dd p { font-size: 18px; } } @media only screen and (max-width:1280px) { .history_01 .agent_num { padding-left: 0; } .his_num_r ul li { padding: 0 40px; } .develop_list ul li dt { padding: 40px 50px; } } @media only screen and (max-width:1200px) { .history_01 .agent_num { padding-left: 0; } .his_num_r ul li { padding: 0 40px; } .develop_list ul li dt { padding: 40px 50px; } .develop_list ul li dt .tit::after { margin: 20px 0; } /*.develop_txt{height: 200px;}*/ .develop_txtItem { margin-bottom: 10px; } } @media only screen and (max-width:1024px) { .his_num_r ul li { padding: 0 25px; } .develop { height: 400px !important; } .develop_list ul li dt { opacity: 1; } .develop_list ul li dd { display: none; } .develop_list .swiper-pagination { width: 100%; bottom: 20px; } .develop_list .swiper-pagination .swiper-pagination-bullet { background: #fff; margin: 0 5px; opacity: 1; } .develop_list .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #02438d; } .hisList dl dt { margin-top: -27px; } } @media only screen and (max-width:767px) { .history_01 { margin-bottom: 40px; } .history_01 .his_num_l { width: 100%; margin-bottom: 20px; text-align: center; } .history_01 .his_num_r { width: 100%; text-align: left; } .his_num_r ul { text-align: left; } .his_num_r ul li { padding: 0 12px; } .his_num_r ul li::after { display: none; } .develop_list ul li dt { padding: 30px; } .develop_list .swiper-pagination { bottom: 10px; } .develop_list ul li dl { background: none; } .history_02 { padding: 40px 0; } .hisList { padding: 20px 0; } .hisList dl dd, .hisList dl dt { width: 100%; } .hisList dl dd { text-align: left; } .hisList dl dd em, .hisList_item em, .hisList li:nth-child(2n) .hisList_item em, .hisList::after { display: none; } .hisList_item { padding-left: 0; } .hisList li:nth-child(2n) dd { text-align: left; padding-left: 0; } .hisList li:nth-child(2n) .hisList_item { padding-right: 0; } .hisList li:nth-child(2n) dt { text-align: left; } .hisList dl dt { margin-top: 0; } .hisList_item { margin-top: 10px; } .develop_txtItem { height: 200px; } } @media only screen and (max-width:375px) { .his_num_r ul li dl dd p { font-size: 12px; } } /*闆嗗洟绠€浠?/ .brief_01 { overflow: hidden; } .brief_txt { padding: 0 10px; box-sizing: border-box; overflow: hidden; } .brief_01 h2 a { margin-left: 0px; color: #02438d; display: block; margin-top: 10px; } .brief_edit { width: 100%; margin-top: 20px; height: 204px; } .brief_ll { float: left; width: 50%; } .brief_rr { float: right; width: 50%; position: relative; cursor: pointer; box-sizing: border-box; } .brief_rr .brief_vid { width: 35px; height: 39px; } .brief_02 { padding: 60px 0; overflow: hidden; } .brief_tit { margin-bottom: 40px; } /*瑙嗛寮圭獥*/ .video_appbox { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 99999999999; opacity: 0; visibility: hidden; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; } .video_appbox.show { visibility: visible; opacity: 1; } .video_appbox video { object-fit: cover; width: 100%; } .video_appbox .video_t { z-index: 2; background: #000; width: 1035px; max-width: 94%; height: 60%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); position: absolute; left: 50%; top: 60%; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; visibility: hidden; opacity: 0; } .video_appbox.show .video_t { visibility: visible; opacity: 1; top: 50%; } .video_appbox .mask { position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); } .lt9 .video_appbox .mask { filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000"); } .vide0_close { position: absolute; top: 20px; right: 20px; cursor: pointer; z-index: 99999; } .vide0_close i { color: #fff; font-size: 20px; font-weight: bold; } .business_01 { background: #f8f9fa; padding: 80px 0 50px; box-sizing: border-box; overflow: hidden; } .business_list { margin-left: -3px; margin-right: -3px; } .business_list li { float: left; width: 25%; padding: 0 3px; box-sizing: border-box; } .business_list li dt { padding: 15px 10px; box-sizing: border-box; } .business_list li dt h3 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #000; font-weight: bold; } .business_list li dt em { display: block; width: 16px; height: 2px; background: #000; margin-top: 5px; } .business_02 { padding: 90px 0 50px; } .brief_txt p { line-height: 30px; } .business_02 .his_num_r { width: 100%; margin-top: 40px; } .business_02 .his_num_r ul li { width: 25%; text-align: center; float: left; } .business_02 .his_num_r ul li dl { text-align: center; } .business_02 .his_num_r ul li dl dd { line-height: 24px; margin-bottom: 0; margin-top: 10px; } .brief_03 { background: #f8f9fa; padding: 80px 0 0; box-sizing: border-box; overflow: hidden; } .brief_list { padding: 0 50px; box-sizing: border-box; overflow: hidden; } .brief_list dl { position: relative; overflow: hidden; margin-bottom: 80px; } .brief_list dl dd, .brief_list dl dt { width: 50%; float: left; } .brief_list dl dt { padding: 40px 0 0 80px; box-sizing: border-box; position: absolute; right: 0; top: 0; } .brief_list dl dt h2 { margin: 40px 0 30px; } .introTxt img { width: 42px; height: 39px; } .intro_p { line-height: 30px; } .brief_list dl:nth-child(2n) dd { float: right; } .brief_list dl:nth-child(2n) dt { left: 0; right: auto; padding-right: 80px; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #02438d !important; } @media only screen and (max-width:1560px) { .brief_list dl dt { padding: 30px 0 0 50px; } .brief_list dl:nth-child(2n) dt { padding-right: 50px; padding-left: 0; } .brief_list dl dt h2 { margin: 20px 0; } .intro_p { height: 150px; overflow: hidden; } .brief_edit { height: 173px; } } @media only screen and (max-width:1024px) { .brief_01 h2 a { width: 100%; display: block; margin-left: 0; margin-top: 10px; } .business_01 { padding: 60px 0 40px; } .business_02 { padding: 60px 0 40px; } .business_02 .his_num_r dd p br { display: none; } .business_02 .his_num_r ul li { padding: 0 20px; } .brief_list dl dd, .brief_list dl dt { width: 100%; } .brief_list dl { margin-bottom: 40px; } .brief_list dl dt { position: static; padding-left: 0; padding-right: 0; } .intro_p { height: auto; } .brief_03 { padding: 60px 0 60px; } .brief_ll, .brief_rr { width: 100%; padding: 0; } .brief_rr { margin-top: 30px; padding-right: 0; } .brief_txt { padding: 0; } .brief_edit { height: auto !important; } } @media only screen and (max-width:767px) { .brief_txt { padding: 0; } .brief_edit { width: 100%; } .brief_02 { padding: 40px 0; } .brief_tit { padding-left: 0; } .business_list li { width: 50%; } .brief_tit { margin-bottom: 20px; } .business_01 { padding: 40px 0 20px; } .brief_txt p br { display: none; } .business_02 { padding: 40px 0 20px; } .business_02 .his_num_r ul li { width: 50%; } .business_02 .his_num_r ul li { padding: 0 10px; } .business_02 .his_num_r ul li dl dd p { height: 72px; overflow: hidden; } .brief_03 { padding: 40px 0; } .brief_list { padding: 0; } } /*鍦板浘*/ .p_point li { position: absolute; z-index: 9999999; width: 15px; height: 15px; } .p_point li.on { z-index: 10000000 !important; } .p_point li dl { width: 100%; height: 100%; } .p_point li dt { position: relative; width: 100%; height: 100%; } .p_point li dt span { z-index: 2; display: inline-block; width: 15px; height: 15px; cursor: pointer; position: relative; } .p_point li dt span b { display: inline-block; width: 15px; height: 15px; border-radius: 50%; background: rgba(255, 255, 255, 0.5); } .p_point li dt span i { display: inline-block; width: 15px; height: 15px; border-radius: 50%; background: rgba(255, 255, 255, 0.5); } .p_point li dt span em { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #e32425; } /*鍦嗗湀闅愯棌*/ .p_point li dt span b, .p_point li dt span i { display: none; } .p_point li dt span em { border: 1px solid #fff; } @-webkit-keyframes loading { 0% { width: 15px; height: 15px; opacity: 1; } 100% { width: 36px; height: 36px; opacity: 0.3; } } @keyframes loading { 0% { width: 15px; height: 15px; opacity: 1; } 100% { width: 36px; height: 36px; opacity: 0.3; } } @-webkit-keyframes loading_a { 0% { width: 9px; height: 9px; opacity: 1; } 100% { width: 50px; height: 50px; opacity: 0.3; } } @keyframes loading_a { 0% { width: 9px; height: 9px; opacity: 1; } 100% { width: 50px; height: 50px; opacity: 0.3; } } @-webkit-keyframes loading_b { 0% { width: 39px; height: 39px; opacity: 1; } 100% { width: 69px; height: 69px; opacity: 0.3; } } @keyframes loading_b { 0% { width: 39px; height: 39px; opacity: 1; } 100% { width: 89px; height: 89px; opacity: 0.3; } } @-webkit-keyframes loading_big { 0% { width: 15px; height: 15px; opacity: 1; } 100% { width: 50px; height: 50px; opacity: 0.3; } } @keyframes loading_big { 0% { width: 15px; height: 15px; opacity: 1; } 100% { width: 50px; height: 50px; opacity: 0.3; } } .business_map { padding-top: 55px; display: inline-block; width: 100%; } .map_net { position: relative; } .map_img img { width: 100%; } .pointbox { width: 28px; height: 37px; position: absolute; top: 50%; right: 50%; margin-top: -20px; margin-right: -14px; } .point_p p { position: absolute; top: 0; right: 18px; background: #fff; min-width: 120px; line-height: 28px; border-radius: 20px 10px 0 20px; text-align: center; padding: 0 10px; box-sizing: border-box; font-size: 14px; } .point_p em { position: relative; z-index: 2; } .point_p em img { margin-left: -5px; margin-top: -2px; } @media screen and (min-width:1025px) { .p_point li dt b { -webkit-animation: loading_b 1500ms linear forwards infinite; animation: loading_b 1500ms linear forwards infinite; } .p_point li dt span i { -webkit-animation: loading 1500ms linear forwards infinite; animation: loading 1500ms linear forwards infinite; } .p_point li.special_02 dt span i { -webkit-animation: loading_big 1500ms linear forwards infinite; animation: loading_big 1500ms linear forwards infinite; } .p_point li dt span em { /*-webkit-animation: loading_a 1500ms linear forwards infinite; animation: loading_a 1500ms linear forwards infinite; */ } .p_point li dt span { transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; } .pointbox { opacity: 0; visibility: hidden; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -o-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } .p_point li:hover { z-index: 10000000; } .p_point li:hover span { visibility: hidden; opacity: 0; } .p_point li:hover .pointbox { opacity: 1; visibility: visible; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -o-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } } @media screen and (min-width:1025px) { .contact_list dl { transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; } .p_point li dt span i { display: none; } .p_point li.special_01 dt span em { border: 5px solid #cbcbc8; } .p_point li.special_02 dt span em { width: 26px; height: 26px; border: none; } .p_point li.special_02 dt span em:after { width: 100%; text-align: center; font-size: 12px; color: #fff; content: "PYS"; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); position: absolute; left: 0; top: 50%; } .p_point li.special_02 dt span i { display: block; width: 30px; height: 30px; background: rgba(232, 57, 13, 0.5); } .contact_p .tel a { cursor: default; } .contact_p .tel a:hover { color: #b0b0b0 !important; } .contact_list dl:hover { box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); } } @media screen and (max-width:1024px) { .p_point li dt span b, .p_point li dt span i, .pointbox { display: none; } .p_point li dt span em { border: 2px solid #fff; } .p_point li { width: 8px; height: 8px; background: #e63a0c; border-radius: 50%; border: 2px solid #fff; margin-left: 4px; margin-top: 4px; } .p_point li dl { display: none; } .map_img { margin-bottom: 20px; } .p_point li { position: static; background: none; border: none; width: 50%; float: left; margin-left: 0; border-radius: 0; height: 30px; } .p_point li dl { display: block; } .pointbox { position: static; display: inline-block; width: calc(100% - 30px); } .point_p em { display: none; } .point_p p { background: none; position: static; text-align: left; } .p_point li dt span { vertical-align: middle; } } @media screen and (max-width:767px) {} /*闆嗗洟鍝佺墝*/ .brandItem { margin-bottom: 50px; } #brand01, #brand02, #brand03, #brand04 { margin-top: -95px; padding-top: 95px; } .brand_01 { position: relative; overflow: hidden; background: #f8f9fa; } .brand_01 dl { height: 100%; } .brand_01 dd, .brand_01 dt { float: left; width: 50%; height: 100%; overflow: hidden; } .brand_01 dd h2 { font-weight: bold; } .brand_01 dt { float: right; } .brand_01 dd { height: 100%; padding: 50px; box-sizing: border-box; } .brand_01 dd { width: 43%; } .brand_01 dt { width: 57%; } .brandImg_txt { margin: 25px 0; line-height: 30px; height: 180px; overflow: hidden; text-align: justify; } .brandImg_link a { display: block; width: 195px; height: 55px; line-height: 55px; text-align: center; background: #02438d; color: #fff; border-radius: 30px; } .brandImg_link a i { margin-left: 30px; margin-right: -20px; } .brand_02 { padding: 50px; box-sizing: border-box; overflow: hidden; } .brand_edit .edit_con_original { line-height: 30px; text-align: justify; } .brand_num { margin-top: 30px; } .brand_num .his_num_r { width: 100%; } .brand_num .his_num_r ul li { width: 16.6666%; float: left; padding: 0 20px; } .brand_num .his_num_r ul { text-align: center; } .brand_num .his_num_r ul li dl { text-align: center; } .brandItem2 .brand_01 dd { width: 100%; } .brandItem2 .brand_01 dd { position: relative; z-index: 2; background: rgba(0, 0, 0, 0.3); color: #fff; } .brandItem2 .brand_01 dt { position: absolute; left: 0; top: 0; width: 100%; } .brandItem2 .brand_02 { background: #f8f9fa; } .brandItem2 .brand_01 .brandImg_txt p { margin-bottom: 0; } .brandItem3 .brand_01 dd { float: right; } .brandItem3 .brand_01 dt { float: left; } #brand04 .brand_num .his_num_r ul li { width: 25%; } @media only screen and (min-width:1025px) { .brandImg_link a:hover { color: #fff !important; font-weight: bold; } } @media only screen and (max-width:1560px) { .brandImg_txt { height: 150px; } .brandImg_link a { width: 160px; height: 45px; line-height: 45px; } .brandImg_link a i { margin-right: 0; margin-left: 20px; } } @media only screen and (max-width:1280px) { .brandImg_txt { height: 120px; } } @media only screen and (max-width:1160px) { .brief_edit { height: 150px; } } @media only screen and (max-width:1024px) { .brandImg_txt { height: auto; } .brand_01 { height: auto !important; } .brand_01 dd, .brand_01 dt { width: 100%; } .brand_02 { padding: 50px 0; } .brandItem { margin-bottom: 30px; } } @media only screen and (max-width:767px) { .brandItem2 .brand_01 dt { position: static; left: 0; top: 0; width: 100%; } .brandItem2 .brand_01 dd { position: relative; z-index: 2; background: #f8f9fa; color: #000; } .brand_01 dd { padding: 30px 20px; } .brand_02 { padding: 10px !important; } .brand_num .his_num_r ul li { width: 50%; } } /*闆嗗洟涓氬姟 鍒涙柊涓氬姟*/ .grayBody .main { background: #f8f9fa; } .innovate_01 { background: #f8f9fa; overflow: hidden; } /*.innovate_01,.innovate_numList,.innovate_newList{margin-top: -55px;padding-top: 95px;}*/ .innovate_proList { padding: 0 50px; box-sizing: border-box; } .innovate_proList dl { overflow: hidden; margin-bottom: 80px; } .innovate_proList dl dd, .innovate_proList dl dt { float: left; width: 50%; } .innovate_proList dl dt { padding: 3% 0 3% 5%; box-sizing: border-box; } .innovate_proList dl dt em { display: block; width: 44px; height: 2px; background: #000000; } .innovate_proList dl dt h2 { margin: 35px 0; } .proList_txt { height: 210px; overflow: hidden; } .proList_txt .edit_con_original { line-height: 30px; } .innovate_proList dl:nth-child(2n) dd { float: right; } .innovate_proList dl:nth-child(2n) dt { float: left; padding: 3% 5% 3% 0; } .innovate_02 { background: #fff; padding: 50px 0 80px; box-sizing: border-box; overflow: hidden; } .innovate_title { padding: 0 50px; box-sizing: border-box; margin-bottom: 30px; } .innovate_title h3 { margin-bottom: 20px; } .innovate_numList { padding: 50px 0px 0; box-sizing: border-box; overflow: hidden; margin-bottom: 80px; } .numList_ul li { float: left; width: 50%; padding: 0 50px; margin-bottom: 50px; box-sizing: border-box; } .numList_ul dd { margin-bottom: 30px; } .numList_ul dd span { width: 50px; height: 24px; background: #000; display: block; text-align: center; line-height: 24px; color: #fff; } .numList_ul dt h2 { margin-bottom: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .numList_text { height: 150px; overflow: hidden; } .numList_text .edit_con_original { line-height: 30px; } .newList_ul { margin-left: -20px; margin-right: -20px; } .newList_ul li { width: 50%; padding: 0 20px; float: left; box-sizing: border-box; margin-bottom: 40px; } .newList_ul dl { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .newList_ul dd { position: relative; } .blank_17 { background: rgba(0, 0, 0, 0.17); position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .newList_p { position: absolute; left: 0; bottom: 20px; padding: 0 50px; box-sizing: border-box; color: #fff; } .newList_ul dt { padding: 50px; box-sizing: border-box; } .newList_txt { height: 185px; overflow: hidden; } .newList_txt .edit_con_original { line-height: 30px; } .newList_ul dt .brandImg_link { margin: 30px 0 20px; height: 45px; } @media only screen and (max-width:1560px) { .proList_txt { height: 170px; } } @media only screen and (max-width:1024px) { .innovate_title { padding: 0; } .innovate_proList { padding: 0; } .innovate_proList dl { height: auto !important; margin-bottom: 40px; } .innovate_proList dl dd, .innovate_proList dl dt { width: 100%; } .innovate_proList dl dt, .innovate_proList dl:nth-child(2n) dt { padding: 30px 0; } .innovate_proList dl:last-child { margin-bottom: 0; } .innovate_numList { margin-bottom: 40px; } .numList_ul li { padding: 0 30px; } .proList_txt { height: auto; } .newList_p { padding: 0 20px; bottom: 10px; } .newList_ul { margin-left: -10px; margin-right: -10px; } .newList_ul li { padding: 0 10px; } .newList_ul dt { padding: 30px; } } @media only screen and (max-width:767px) { .innovate_02 { padding: 40px 0; } .numList_ul li { width: 100%; } .numList_text { height: auto; } .newList_ul li { width: 100%; } .newList_txt { height: auto; } } /*浜у搧鏉垮潡*/ .f_box { background: #f8f9fa; padding: 60px 0; } .f_boxT ul { padding: 0 30px; box-sizing: border-box; margin-bottom: 30px; } .f_boxT li { padding: 0 20px; display: inline-block; cursor: pointer; } .f_boxT li span { padding: 0 20px; height: 45px; line-height: 45px; border-radius: 15px; color: #4f535d; } .f_boxT li.on span { background: #02438d; color: #fff; } .fun_txt { padding: 0 50px; box-sizing: border-box; margin-bottom: 50px; } .fun_item { display: none; } .fun_item.on { display: block; } .functional_swi { position: relative; } .functional_swi li { width: calc((100% - 21px) / 4); margin-right: 7px; } .functional_swi li:nth-child(4n) { margin-right: 0; } .functional_swi dl dt { padding: 15px 0; color: #000; display: none; } .functional_swi dl dt h4 { font-weight: bold; } .functional_swi dl dt em { display: block; width: 16px; height: 2px; background: #000; margin-top: 5px; } .functional_swi .lhl_but div { background: none; font-size: 28px; width: 24px; text-align: center; margin-top: -55px; } .functional_swi .swiper-button-prev { left: 3%; } .functional_swi .swiper-button-next { right: 3%; } .functional_02 { margin-top: 60px; } .series_list { overflow: hidden; margin-left: -15px; margin-right: -15px; } .series_list li { float: left; width: 50%; padding: 0 15px; box-sizing: border-box; } .series_list dl { position: relative; overflow: hidden; } .series_p { color: #000; } .series_p em { display: block; width: 44px; height: 2px; background: #000; margin-top: 15px; } .series_list dl dd .series_p { transition: all .3s; transform: translateY(0); } .series_list dl dd .series_p { position: absolute; left: 0; bottom: 30px; padding: 0 50px; box-sizing: border-box; } .series_list dl dt { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); padding: 70px 50px; box-sizing: border-box; color: #fff; transition: all .3s; transform: translateY(200%); } .series_list dl dt .series_p { color: #fff; margin-bottom: 20px; } .series_list dl dt .series_p em { background: #fff; } .series_txt { line-height: 35px; height: 140px; overflow: hidden; } .functional_03 { padding: 50px 0 110px; box-sizing: border-box; overflow: hidden; } .other_funList ul { margin-left: -5px; margin-right: -5px; } .other_funList li { float: left; width: 33.3%; padding: 0 5px; box-sizing: border-box; } .other_funList dt { padding: 15px 0 20px; box-sizing: border-box; border-bottom: 2px solid #e8e8e8; } .other_funList dt h3 { color: #000; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .functional_04 { padding-bottom: 100px; overflow: hidden; } .wheels_list { margin-left: -17px; margin-right: -17px; } .wheels_list li { float: left; padding: 0 17px; width: 50%; box-sizing: border-box; margin-bottom: 34px; } .wheels_list li dl { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .wheels_list li dd { position: relative; } .blank_29 { background: rgba(0, 0, 0, 0.29); position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .wheels_h2 { position: absolute; left: 0; bottom: 20px; padding: 0 50px; box-sizing: border-box; color: #fff; } .wheels_list li dt { padding: 50px; box-sizing: border-box; } .wheels_txt { line-height: 30px; height: 150px; overflow: hidden; } .brand_01 .brandImg_txt p { margin-bottom: 20px; } .newmaterialsItem .brandImg_txt { height: 220px; } .newmaterialsItem .brand_01 dd { background: #fff; } .newmaterialsItem .brand_02 .brand_num .his_num_r ul li { width: 20%; } .newmaterials_01 { padding-bottom: 100px; } .newmaterials_01 .brandItem { margin-bottom: 0; } .newmaterials_02 { background: #fff; } .alloy_01 .brandItem, .alloyItem { margin-bottom: 60px; } .alloy_01 .brand_01 { background: none; } .alloy_01 .brandItem3 { background: #f8f9fa; } .alloyItem { position: relative; } .alloyItem .brand_01 dt { position: static; } .alloyItem .brand_01 dd { position: absolute; bottom: 0px; } .blank_40 { background: rgba(0, 0, 0, 0.4); position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .alloy_con { position: absolute; bottom: 80px; padding: 0 50px; width: 55%; color: #fff; z-index: 2; } .alloy_txt { line-height: 30px; } .alloy_con em { display: block; width: 60px; height: 4px; background: #fff; margin: 25px 0; } @media only screen and (min-width:1025px) { .series_list dl:hover dt { transform: translateY(0) } .series_list dl:hover dd .series_p { transform: translateY(200%); } } @media only screen and (max-width:1560px) { .functional_swi .swiper-button-prev { left: 20px; } .functional_swi .swiper-button-next { right: 20px; } } @media only screen and (max-width:1440px) { .functional_swi .swiper-button-prev { left: 10px; } .functional_swi .swiper-button-next { right: 10px; } } @media only screen and (max-width:1200px) { .functional_swi .swiper-button-prev { left: 0px; } .functional_swi .swiper-button-next { right: 0px; } } @media only screen and (max-width:1024px) { .fun_txt { padding: 0; } .f_boxT ul { padding: 0; } .f_boxT li { padding: 0; } .series_list dl dd .series_p { display: none; } .series_list li { width: 100%; } .series_list dl dt { position: static; color: #000; transform: none; background: #fff; padding: 50px 30px; } .series_list dl dt .series_p { color: #000; } .series_list dl dt .series_p em { background: #000; } .series_txt { height: auto; } .functional_04 { padding-bottom: 60px; } .alloy_con { bottom: 30px; width: 100%; box-sizing: border-box; } } @media only screen and (max-width:767px) { .f_box { padding: 40px 0; } .f_boxT ul { text-align: center; } .f_boxT li { width: 48%; } .functional_swi .lhl_but div { background: rgba(0, 0, 0, 0.8); color: #fff; } .functional_swi .swiper-button-prev { left: 11px; } .functional_swi .swiper-button-next { right: 11px; } .functional_03 { padding: 0px 0 50px; } .other_funList li { width: 100%; margin-bottom: 20px; } .wheels_list li { width: 100%; } .wheels_h2 { padding: 0 30px; } .wheels_list li dt { padding: 30px; } .wheels_txt { height: auto; } .functional_04 { padding-bottom: 40px; } .newmaterialsItem .brandImg_txt { height: auto; } .newmaterialsItem .brand_02 .brand_num .his_num_r ul li { width: 50%; } .alloyItem { height: auto !important; padding: 40px 0; } .alloy_con { position: relative; z-index: 2; bottom: auto; width: 100%; padding: 0 30px; box-sizing: border-box; } } /*鍔犲叆浜烘墠搴?/ .talentpool_site { padding-bottom: 50px; box-sizing: border-box; overflow: hidden; } .talentpool_con { padding-bottom: 130px; } .talentpool_form h2 { font-weight: bold; } .talentpool_group { margin-left: -10px; margin-right: -10px; display: inline-block; width: 100%; } .talentpool_item { padding: 50px; box-sizing: border-box; display: inline-block; width: 100%; margin-bottom: 20px; background: #fff; } .group_item { width: 25%; float: left; padding: 0 10px; box-sizing: border-box; margin-bottom: 10px; } .group_div { border-bottom: 1px solid #000000; position: relative; } .group_div>em { position: absolute; right: 0; top: 0; height: 54px; line-height: 54px; } .group_item .pub_select { position: relative; height: 54px; } .group_item input { padding: 20px 0; height: 54px; box-sizing: border-box; font-size: 16px; width: 100%; display: block; } .group_item .pub_select dt { position: relative; cursor: pointer; padding: 15px 0; } .group_item .pub_select dt>p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .group_item i { position: absolute; right: 0px; font-size: 20px; height: 30px; line-height: 30px; font-weight: normal; top: 50%; margin-top: -15px; } .group_item .pub_select dd { z-index: 99; position: absolute; max-height: 200px; overflow-y: auto; overflow-x: hidden; background: #fff; width: 100%; left: 0px; top: 100%; display: none; border: 1px solid #eee; border-top: 0; box-sizing: border-box; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .group_item .pub_select dd a { display: block; line-height: 40px; white-space: normal; padding: 0 20px; } .talentpool_form input { border: none; outline: none; } .group_width { width: 100%; } .group_item textarea { border: none; width: 100%; border: 1px solid #000; margin-top: 30px; padding: 10px 30px; box-sizing: border-box; font-size: 16px; height: 200px; margin-top: 0px; } .formCode { text-align: center; } .code_div { display: inline-block; } .code_div input { width: 335px; border: none; border-bottom: 1px solid #000; height: 45px; box-sizing: border-box; line-height: 20px; font-size: 16px; } .code_div img { width: 131px; height: 45px; margin-left: 15px; } .formCode { margin-top: 50px; } .formBtn { text-align: center; margin-top: 60px; margin-bottom: 30px; } .formBtn button { display: inline-block; width: 194px; height: 57px; text-align: center; line-height: 57px; background: #02438d; color: #fff; box-shadow: none; border-radius: 30px; border: none; } .talentpool_form>p { padding: 0 30px; box-sizing: border-box; } .group_item_spc { width: 100%; overflow: hidden; } .group_50 { width: 50%; line-height: 54px; } .group_50 span { margin-right: 20px; cursor: pointer; -moz-user-select: none; /*鐏嫄*/ -webkit-user-select: none; /*webkit娴忚鍣?/ -ms-user-select: none; /*IE10*/ -khtml-user-select: none; /*鏃╂湡娴忚鍣?/ user-select: none; } .group_50 em { display: inline-block; width: 12px; height: 12px; border: 1px solid #000; vertical-align: middle; margin-top: -4px; margin-right: 8px; } .group_50 em b { display: block; width: 8px; height: 8px; margin-top: 2px; margin-left: 2px; background: #02438d; display: none; } .group_50 span.on em b { display: block; } .no-bottom .group_div { border-bottom: 0; } .mar-20 { margin-top: 30px; } .upload-box { display: block; width: 100%; height: 54px; position: relative; line-height: 54px; } .upload-box::after { content: "+娣诲姞鐓х墖"; } .upload-box.again-box { background: no-repeat; padding: 1px; border: 0; overflow: hidden; height: auto; width: 300px; border-radius: 0%; } .upload-box iframe { position: relative; overflow: hidden; position: absolute; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); } .p_s01 .upload-box.again-box a { float: left; padding: 0 10px; margin-right: 5px; background: #999; color: #fff; border-radius: 2px; font-size: 16px; height: 30px; line-height: 30px; margin: 12px 0; box-sizing: border-box; ; } .upload-box.again-box::after { content: ""; } .p_s01 { height: 54px; } .p_s01 .upload-box.again-box a.again { background: url(../image/fzlc/up_cha.png) center no-repeat; width: 17px; height: 17px; float: left; margin-left: 5px; } input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #2a2f34; } input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #2a2f34; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #2a2f34 !important; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #2a2f34 !important; } @media only screen and (max-width:1560px) { .talentpool_con { padding-bottom: 100px; } .brand_02 { padding: 40px; } .brand_num .his_num_r ul li { padding: 0 10px; } } @media only screen and (max-width:1440px) { .talentpool_con { padding-bottom: 80px; } } @media only screen and (max-width:1024px) { .group_50 { width: 75%; } .group_50 em { margin-top: -3px; } } @media only screen and (max-width:767px) { .talentpool_site { padding: 30px 10px; } .talentpool_item { padding: 30px 20px; } .group_item { width: 100%; } .talentpool_form>p { padding: 0 10px; } .code_div input { width: 130px; } } .Legal_edit { padding-bottom: 60px; } .Legal_edit .edit_con_original { line-height: 30px; } .brandItem4 .brand_num .his_num_r ul li { width: 20%; } /*鎶曡祫鑰呬氦娴?/ .exchange_item { margin-left: -15px; margin-right: -15px; } .exchange_item dl { height: 100%; } .exchange_item dd { width: 57.3%; padding: 15px; float: left; height: 100%; box-sizing: border-box; overflow: hidden; } .exchange_item dt { width: 42.7%; padding: 15px; float: left; height: 100%; box-sizing: border-box; overflow: hidden; } .exchange_l { position: relative; height: 100%; } .exchange_l>img { width: 100%; height: 100%; } .exchange_txt { color: #fff; position: absolute; left: 0; bottom: 30px; padding: 0 30px; box-sizing: border-box; } .exchange_txt h3, .exchange_txt h2 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .exchange_txt h2 { font-weight: bold; margin-top: 5px; } .exchange_txt h2 a { color: #fff; } .exchange_item:nth-child(2) dd { float: left; width: 42.7%; } .exchange_item:nth-child(2) dt { float: right; width: 57.3%; } .exchange_btn a { width: 130px; height: 45px; line-height: 45px; text-align: center; background: #fff; display: block; color: #02438d; border-radius: 30px; } .exchange_01 { margin-bottom: 110px; overflow: hidden; } .exchange_txt h2 a.tel_link { cursor: inherit; } .exchange_txt h2 a.tel_link:hover { color: #fff !important; } @media only screen and (max-width:1560px) { .exchange_01 { margin-bottom: 80px; } } @media only screen and (max-width:1024px) { .exchange_01 { margin-bottom: 60px; } } @media only screen and (max-width:767px) { .exchange_01 { margin-bottom: 40px; } .exchange_item { height: auto !important; margin: 0; } .exchange_item dd, .exchange_item dt, .exchange_item:nth-child(2) dd, .exchange_item:nth-child(2) dt { width: 100%; padding: 0; } .exchange_l { margin-bottom: 30px; } } .formBtn button:hover { background: #006dbb; }