body, div, ul, li, a, ol, dl, dt, dd, p, h1, h2, h3, h4, h5, form, input, span, label, textarea, b { margin: 0; padding: 0; line-height: 100%; text-decoration: none; box-sizing: border-box; } body { background-color: #ffffff; margin: 0; font-family: "微软雅黑"; padding-top: 125px; min-width: 1200px; } ul { list-style: none; } li { list-style: none; } button { border: none; } img, input { outline: none; line-height: normal; } input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; } a { -webkit-tap-highlight-color: transparent; } h1, h2, h3, h4, h5 { font-weight: normal; } /*p{ word-break: break-all; }*/ i, em { font-style: normal; } a:hover { text-decoration: none; } .clearfix:after { content: ""; display: block; height: 0%; clear: both; } header { width: 100%; background-color: #ffffff; height: 125px; position: fixed; left: 0; top: 0; z-index: 9; } .header { width: 100%; padding: 0 6.25rem; margin: auto; } .headerlogo { height: 58px; float: left; margin-top: 33.5px; } .headermenu { float: left; margin-left: 6%; } .headermenu1 { float: left; position: relative; margin-right: 2.4rem; } .headermenuname { line-height: 125px; font-size: 1.15rem; color: #22399d; cursor: pointer; } .headermenu1xz .headermenuname { font-weight: bold; } .headermenu1xz .headermenuname span { position: relative; cursor: pointer; } .headermenu1xz .headermenuname span:after { content: ''; width: 100%; height: 5px; background-color: #22399d; position: absolute; left: 0; bottom: -12px; } .headermenu1cd { position: fixed; top: 125px; background-color: #fbfbfb; z-index: 2; display: block; left: 0; width: 100%; max-height: 0px; overflow: hidden; text-align: center; transition: all 0.3s ease; } .headermenu1cd a { display: inline-block; white-space: nowrap; padding: 0rem 1.5rem; margin: 2rem 0; font-size: 1.2rem; line-height: 3rem; color: #22399d; border-right: 1px solid #224099; } .headermenu1cd a img { height: 3rem; float: left; margin-right: 0.5rem; } .headermenu1cd a:last-child { border-right: 0px solid #224099; } .headermenu1:hover>.headermenu1cd { max-height: 300px; } .headerright { float: right; line-height: 125px; } .swiper-container { width: 100%; } .headerright a { font-size: 1.3rem; color: #22399d; } .headerright span { font-size: 1.3rem; color: #22399d; margin: 0 30px; width: 2px; position: relative; } .headerright span:after { width: 2px; height: 2rem; background-color: #22399d; position: absolute; left: 0; top: 0; content: ''; } .headerright i { font-size: 1.6rem; color: #22399d; cursor: pointer; vertical-align: middle; } .headerxz { box-shadow: 0px 0px 10px #424242; } .swiper-paginationlb1 { position: absolute; width: 100%; text-align: center; z-index: 2; bottom: 36px; } .swiper-paginationlb { display: inline-block; text-align: center; height: 24px; padding: 0 5px; border-radius: 20px; width: auto !important; background: rgba(34, 57, 157, 0.8); padding-top: 5px; } .swiper-paginationlb span { width: 10px; height: 10px; border-radius: 50%; margin: 0 5px; background: rgba(255, 255, 255, 0.27); } .swiper-paginationlb .swiper-pagination-bullet-active { background: rgba(255, 255, 255, 1); } .swiper-container { border-bottom: 10px solid #45c8f5; } .swiper-container .zyqh1 { width: 5rem; height: 5rem; background-color: #f02a7c; font-size: 30px; display: block; text-align: center; line-height: 5rem; border-radius: 0 8px 8px 0; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; z-index: 2; color: #ffffff; } .swiper-container .zyqh2 { width: 5rem; height: 5rem; background-color: #f02a7c; font-size: 30px; display: block; text-align: center; line-height: 5rem; border-radius: 0 8px 8px 0; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; z-index: 2; color: #ffffff; } .swiper-container .zyqh1:before { transform: rotatez(90deg); display: block; } .swiper-container .zyqh2:before { transform: rotatez(-90deg); display: block; } .lbmain1 { position: absolute; top: 0; bottom: 0; margin: auto; left: 136px; height: 23rem; } .lbmain1 h4 { font-size: 4.4rem; color: #224099; line-height: 5.5rem; } .lbmain1 a { font-size: 1.15rem; display: inline-block; background: #f0297b; color: #ffffff; line-height: 3.15rem; padding: 0 6.6rem; border-radius: 10px; margin-top: 3.5rem; } .index01 { width: 100%; background-color: #f0297b; text-align: center; } .index01main { display: inline-block; } .index01main img { display: inline-block; height: 3.7rem; /* float: left; */ /* margin-top: 53px; */ vertical-align: middle; } .index01main h4 { font-size: 2rem; color: #ffffff; line-height: 50px; margin-left: 2rem; display: inline-block; vertical-align: middle; padding: 30px 0; text-align: left; } .index01main p { font-size: 1rem; color: #ffffff; display: inline-block; text-align: left; line-height: 1.1rem; vertical-align: middle; margin-left: 2rem; } .index01main p span { display: block; line-height: 1.1rem; } .index01main p span { display: block; line-height: 1.4rem; font-size: 1.2rem; } .index01main .index01dhn2 span{ line-height: 4.4rem; } .index01 i { font-size: 3rem; margin: 0 8rem; color: #ffffff; vertical-align: middle; } .index02 { width: 100%; padding: 0 6.25rem; margin: 6.25rem auto; } .index02top { width: 100%; position: relative; } .index02top img { width: 100%; border-bottom: 10px solid #44c8f5; } .index02top h2 { font-size: 1.2rem; line-height: 4rem; background-color: #ffffff; padding: 0 3rem; box-shadow: 0px 0px 10px #797979; color: #22399d; position: absolute; left: 3%; top: 6%; border-radius: 10px; font-weight: bold; } .index02top h2:after { width: 4px; height: 2.5rem; content: ""; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; background-color: #44c8f5; } .index02top h2:before { width: 4px; height: 2.5rem; content: ""; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; background-color: #44c8f5; } .index02topmain { min-width: 50%; max-width: 56%; position: absolute; left: 3.5rem; bottom: 10px; padding: 2.125rem 6.5rem 2.5rem 2.5rem; background-color: rgba(255, 255, 255, 0.8); border-radius: 20px 20px 0 0; } .index02topmain h4 { font-size: 3rem; color: #22399d; line-height: 4rem; margin-bottom: 3.5rem; } .index02topmain a { font-size: 1.15rem; display: inline-block; background: #f0297b; color: #ffffff; line-height: 3.15rem; padding: 0 6.6rem; border-radius: 10px; transition: all 0.3s ease; } .index02topmain a:hover { background: #224099; padding: 0 7rem; } .index02bottom { display: flex; margin-top: 2rem; } .index02bottom1 { position: relative; flex: 1; } .index02bottom1:nth-child(2) { margin-left: 2rem; } .index02bottom1 img { width: 100%; border-bottom: 10px solid #44c8f5; } .index02bottom div h2 { font-size: 1.2rem; line-height: 4rem; background-color: #ffffff; padding: 0 3rem; box-shadow: 0px 0px 10px #797979; color: #22399d; position: absolute; left: 3%; top: 6%; border-radius: 10px; font-weight: bold; } .index02bottom div h2:after { width: 4px; height: 2.5rem; content: ""; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; background-color: #44c8f5; } .index02bottom div h2:before { width: 4px; height: 2.5rem; content: ""; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; background-color: #44c8f5; } .index02bottommain { position: absolute; left: 0; right: 0; margin: auto; bottom: 10px; padding: 3.125rem 6.5rem 3.5rem 3.5rem; background-color: rgba(34, 57, 157, 0.8); border-radius: 20px 20px 0 0; margin: 0 3.5rem; } .index02bottommain h4 { font-size: 1.4rem; color: #ffffff; margin-bottom: 1.1rem; } .index02bottommain h5 { font-size: 2rem; color: #ffffff; margin-bottom: 1.1rem; margin-bottom: 3rem; } .index02bottommain p { font-size: 1.4rem; color: #ffffff; line-height: 2rem; margin-bottom: 1.8rem; } .index02bottommain a { font-size: 1.15rem; display: inline-block; background: #f0297b; color: #ffffff; line-height: 3.15rem; padding: 0 6.6rem; border-radius: 10px; transition: all 0.3s ease; } .index02bottommain a:hover { background: #224099; padding: 0 7rem; } .index03 { background-color: #f7f7f7; padding: 6.25rem 6.25rem; } .index03lb { display: flex; } .index03lb1 { flex: 1; background-color: #ffffff; } .index03lb1:nth-child(2) { margin: 0 2rem; } .index03lb1top { position: relative; } .index03lb1top h2 { font-size: 1.2rem; line-height: 4rem; background-color: #ffffff; padding: 0 3rem; box-shadow: 0px 0px 10px #797979; color: #22399d; position: absolute; left: 5%; top: 9%; border-radius: 10px; font-weight: bold; } .index03lb1top h2:after { width: 4px; height: 2.5rem; content: ""; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; background-color: #44c8f5; } .index03lb1top h2:before { width: 4px; height: 2.5rem; content: ""; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; background-color: #44c8f5; } .index03lb1top img { width: 100%; border-bottom: 10px solid #44c8f5; } .index03lb1bottom { padding: 3.125rem 3.125rem 3.125rem 40px; } .index03lb1bottom h4 { font-size: 1.4rem; line-height: 2rem; height: 6rem; margin-bottom: 2rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -moz-box; -moz-line-clamp: 3; -moz-box-orient: vertical; display: -o-box; -o-line-clamp: 3; -o-box-orient: vertical; } .index03lb1bottom a { font-size: 1.15rem; display: inline-block; background: #f0297b; color: #ffffff; line-height: 3.15rem; padding: 0 6.6rem; border-radius: 10px; transition: all 0.3s ease; } .index03lb1bottom a:hover { background: #224099; padding: 0 7rem; } .index04 { width: 100%; padding: 6.25rem; background-color: #ffffff; } .index04 .index02topmain h4 { font-size: 2.4rem; } .index04bottommain { position: absolute; left: 0; right: 0; margin: auto; bottom: 10px; padding: 2rem 3rem; background-color: rgba(255, 255, 255, 0.8); border-radius: 20px 20px 0 0; margin: 0 3.5rem; } .index04bottommain a { font-size: 2.4rem; color: #22399d; line-height: 5rem; } .index04bottommain a span{ display: inline-block; max-width: 70%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .index04bottommain a i { float: right; width: 4.7rem; height: 4.7rem; background-color: #f02a7c; font-size: 1.8rem; display: block; text-align: center; line-height: 4.7rem; border-radius: 10px; color: #ffffff; } .index04bottommain a i:before { transform: rotatez(-90deg); display: block; } footer { width: 100%; padding: 6.25rem; box-sizing: border-box; background-color: #22399d; } .footer1 { display: flex; } .footer1lb { flex: 1; } .footer1lb h2 { font-size: 1.5rem; color: #ffffff; margin-bottom: 2rem; } /* .footer1lb1 { margin-bottom: 1.8rem; }*/ .footer1lb1 a { font-size: 1.1rem; color: #ffffff; display: block; margin-bottom: 1.4rem; } .footer1lb2 { margin-bottom: 1.8rem; } .footer1lb2 h4 { font-size: 1.1rem; color: #ffffff; display: block; margin-bottom: 1.2rem; } .footer1lb2 a { font-size: 0.95rem; color: #ffffff; display: block; margin-bottom: 0.8rem; } .footer2 { width: 100%; border-bottom: 1px solid #ffffff; padding-bottom: 3rem; margin-top: 3rem; margin-bottom: 3rem; } .footer2lb { display: inline-block; } .footer2lb h4 { display: inline-block; font-size: 1.5rem; color: #ffffff; float: left; line-height: 2.2rem; } .footer2lb div { display: inline-block; margin-left: 1.8rem; position: relative; } .footer2lb:nth-child(2) { float: right; } .footer2lbewm { position: absolute; width: 7rem; left: -2.5rem; right: 0; top: -7.5rem; margin: auto; display: none; background-color: #ffffff; max-width: 10rem; } .footer2lb div:hover>.footer2lbewm { display: block; } .footer3 { display: flex; align-items: center } .footer3left { flex: 1; } .footer3left img { height: 3.55rem; } .footer3js { flex: 3; padding: 0 8%; } .footer3js p { font-size: 1.1rem; color: #ffffff; opacity: 0.8; line-height: 2.2rem; letter-spacing: 1px; } .footer3right { flex: 1; text-align: right; } .footer3right a { font-size: 1.2rem; color: #ffffff; } .footer3right span { margin: 0 1.8rem; width: 2px; position: relative; } .footer3right span:after { width: 2px; height: 1.2rem; background-color: #ffffff; position: absolute; left: 0; top: 0; content: ''; } .banner { width: 100%; position: relative; } .banner img { width: 100%; display: block; border-bottom: 10px solid #45c8f5; } .bannermain1 { position: absolute; left: 6.25rem; top: 0; bottom: 0; width: 40%; padding: 3.125rem 4.375rem 3.125rem 3.5rem; background-color: rgba(34, 57, 157, 0.8); border-radius: 20px; margin: auto; height: 21.5rem; } .bannermain1 h4 { font-size: 3rem; color: #ffffff; margin-bottom: 3rem; line-height: 4rem; } .bannermain1 p { font-size: 1.35rem; line-height: 2rem; color: #ffffff; word-break: inherit; } .mbx { background-color: #f7f7f7; line-height: 90px; height: 90px; } .mbxmain { max-width: 1920px; margin: auto; padding: 0 6.25rem; } .mbxmain a { color: #333333; line-height: 90px; float: left; font-size: 1.6rem; max-width: 30%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .mbxmain i { font-size: 2rem; margin: 0 1.3rem; float: left; line-height: 90px; } .jjfaejy1 { padding: 6.25rem; padding-top: 3.5rem; } .jjfaejy1top { display: flex; margin-bottom: 3.5rem; align-items: center; } .jjfaejy1top div { flex: 1; padding: 2.5rem 3.15rem; background-color: #f7f7f7; } .jjfaejy1top div:nth-child(1) { margin-right: 2rem; } .jjfaejy1top div img { display: inline-block; margin-right: 1rem; height: 5rem; vertical-align: middle; } .jjfaejy1top div h4 { display: inline-block; font-size: 1.8rem; color: #333333; max-width: 55%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .jjfaejy1top div a { float: right; font-size: 1.15rem; display: inline-block; background: #f0297b; color: #ffffff; line-height: 3.15rem; padding: 0 3.6rem; border-radius: 10px; margin-top: 1rem; } .index02topmain p { font-size: 1.8rem; color: #22399d; margin-bottom: 1.1rem; } .jjfaejy2 { padding: 0 6.25rem; margin-bottom: 6.25rem; } .jjfaejy2js { margin-bottom: 3.5rem; } .jjfaejy2js h4 { font-size: 1.6rem; color: #333333; font-weight: bold; margin-bottom: 1.2rem; } .jjfaejy2js p { font-size: 1.5rem; color: #666666; line-height: 2.3rem; } img { display: block; max-width: 100%; } .jjfaejy2lb { display: flex; margin-top: 2rem; } .jjfaejy3 { padding: 6.25rem; background-color: #f7f7f7; } .jjfaejy3lb { width: 100%; display: flex; } .jjfaejy3lb:last-child { margin-top: 2rem; } .jjfaejy3lb div { flex: 1; text-align: left; background-color: #ffffff; padding: 3.5rem; } .jjfaejy3lb div:nth-child(1) { margin-right: 2rem; } .jjfaejy3lb div img { display: inline-block; height: 6rem; margin-right: 1.5rem; vertical-align: middle; } .jjfaejy3lb div p { display: inline-block; font-size: 2rem; color: #333333; text-align: left; line-height: 2.5rem; vertical-align: middle; max-width: 70%; } .mbxmain a:last-child { font-weight: bold; } .mbxmain i:nth-last-child(2) { font-weight: bold; } .jjfasjy { padding: 6.25rem; } .lbmain2 { position: absolute; bottom: 3rem; margin: auto; left: 136px; } .lbmain2 h4 { text-align: right; color: #ffffff; font-size: 3.6rem; line-height: 4.4rem; font-family: 宋体; } .jjfasjy2 { padding: 6.25rem; background-color: #f7f7f7; } .jjfasjy2tit { font-size: 3rem; color: #333333; margin-bottom: 4rem; } .jjfasjy2lb { width: 100%; } .jjfasjy2lb1 { display: flex; background-color: #22399d; } .jjfasjy2lb1 h4 { flex: 1; width: 50%; } .jjfasjy2lb1 h4 img { width: 100%; border-bottom: 10px solid #44c8f5; } .jjfasjy2lb1 div { flex: 1; width: 50%; max-width: 50%; padding: 5%; position: relative; padding-right: 10%; } .jjfasjy2lb1 div h4 { font-size: 2.8rem; line-height: 3.2rem; color: #ffffff; margin-bottom: 4.5rem; width: 100%; } .jjfasjy2lb1 div p { font-size: 1.5rem; line-height: 3rem; position: relative; color: #ffffff; padding-left: 1.5rem; letter-spacing: 1px; } .jjfasjy2lb1 div p:after { content: ""; width: 1rem; height: 1rem; border-radius: 50%; background: #ffffff; position: absolute; left: 0; top: 1.1rem; } .jjfasjy2lb1 div a { font-size: 1.15rem; display: inline-block; background: #f0297b; color: #ffffff; line-height: 3.15rem; padding: 0 3.6rem; border-radius: 10px; position: absolute; bottom: 10%; left: 5%; } .jjfasjy2lb1:nth-child(2n) { margin: 3rem 0; } .jjfasjy3 { padding: 6.25rem; } .jjfaejy2js { position: relative; } .jjfaejy2js a { position: absolute; right: 0; top: 0; font-size: 1.8rem; display: inline-block; background: #f0297b; color: #ffffff; line-height: 7rem; padding: 0 5.6rem; border-radius: 10px; } .swiper-containerjjfasjylb1 .index02bottommain { position: absolute; left: 3rem; max-width: 50rem; right: 0; margin: auto; bottom: 15%; padding: 3.125rem 85px 3.5rem 3.5rem; background-color: rgba(34, 57, 157, 0.8); border-radius: 20px; margin: 0 3.5rem; } .jjfasjyxfcd { font-size: 1.2rem; line-height: 4rem; background-color: #ffffff; padding: 0 3rem; box-shadow: 0px 0px 10px #797979; color: #22399d; position: absolute; left: 6.5rem; top: 10%; border-radius: 10px; font-weight: bold; } .jjfasjyxfcd:after { width: 4px; height: 2.5rem; content: ""; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; background-color: #44c8f5; } .jjfasjyxfcd:before { width: 4px; height: 2.5rem; content: ""; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; background-color: #44c8f5; } .productdet1 { padding: 6.25rem; } .productdet1lb p { width: 50%; float: left; font-size: 1.5rem; line-height: 3rem; position: relative; padding-right: 14%; color: #333; padding-left: 1.5rem; letter-spacing: 1px; } /*.productdet1lb p:nth-child(2), .productdet1lb p:nth-child(4), .productdet1lb p:nth-child(7), .productdet1lb p:nth-child(9) { float: right; }*/ .productdet1lb p:after { content: ""; width: 1rem; height: 1rem; border-radius: 50%; background: #333; position: absolute; left: 0; top: 1.1rem; } .productdet1lb { margin-bottom: 6.25rem; } .productdet1lb1 { border: 1px solid #999999; display: flex; flex-wrap: wrap; } .productdet1lb1 div { width: 50%; border-bottom: 1px solid #cbcbcb; display: flex; align-items: center; position: relative; } .productdet1lb1 div:after{ content: ""; position: absolute; width: 60%; right: 0; top: 0; height: 100%; background: #f7f7f7; } .productdet1lb1 div:nth-child(2n) { border-left: 1px solid #efefef; } .productdet1lb1 div:last-child { border-bottom: 0px solid #cbcbcb; } .productdet1lb1 div:nth-last-child(2) { border-bottom: 0px solid #cbcbcb; } .productdet1lb1 div h4 { font-size: 1.6rem; width: 40%; float: left; line-height: 6rem; color: #999999; padding: 0 5%; } .productdet1lb1 div p { font-size: 1.6rem; width: 60%; float: left; line-height: 2rem; color: 2; padding: 2rem 5%; background: #f7f7f7; z-index: 1; position: relative; } .productdet1lb1 { margin-bottom: 6.25rem; } .productdet1img { padding: 5.7rem; margin-bottom: 2rem; } .productdet1 .jjfaejy1top div a { padding: 0 2.3rem; } .swiper-containerjjfasjylb1 .index02bottommain a { padding: 0 4.5rem; } .productdet1lb2 { background-color: #f9f9f9; padding: 3.15rem; } .productdet1lbmain { width: 100%; /* float: left; */ /* overflow: hidden; */ } .productdet1lbmain li { width: 23%; float: left; display: inline-block; margin-right: 2.666%; margin-bottom: 2rem; } .productdet1lbmain li:nth-child(1), .productdet1lbmain li:nth-child(2), .productdet1lbmain li:nth-child(3), .productdet1lbmain li:nth-child(4) { display: block; } .productdet1lbmain li:nth-child(4n) { margin-right: 0; } .productdet1lbmain li a { display: block; } .productdet1lbmain li a img { display: block; width: 100%; border-bottom: 10px solid #44c8f5; } .productdet1lbmain li a p { font-size: 1.6rem; color: #333333; padding: 3rem 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .zkmore { display: block; text-align: center; font-size: 1.1rem; color: #f0297b; font-weight: bold; cursor: pointer; } .zkmore i { font-size: 1.5rem; margin-right: 0.5rem; vertical-align: middle; } .productdet2 { padding: 6.25rem; background-color: #f9f9f9; } .productdet3 { position: relative; } .productdet3 .index02bottommain { position: absolute; left: 3rem; max-width: 50rem; right: 0; margin: auto; bottom: 15%; padding: 3.125rem 85px 3.5rem 3.5rem; background-color: rgba(34, 57, 157, 0.8); border-radius: 20px; margin: 0 3.5rem; } .productdet3 a { padding: 0 4.5rem; } .productdet3 img { border-bottom: 10px solid #45c8f5; } .zjzd1 { padding: 6.25rem; padding-bottom: 0; } .index02topmainzjzd h4 { margin-bottom: 2rem; } .index02topmainzjzd p { margin-bottom: 2rem; } .zjzd1 .index02top { margin-bottom: 6.25rem; } .index02bottommainzjzd { max-width: 50rem; } .zjzd2 { background-color: #f9f9f9; padding: 3.15rem; } .zjzd2tit { display: flex; padding-bottom: 3rem; border-bottom: 3px solid #c4c4c4; margin-bottom: 2rem; } .zjzd2tit a { flex: 1; border-right: 1px solid #bfbfbf; color: #333333; font-size: 2.4rem; text-align: center; line-height: 4rem; cursor: pointer; /* height: 6rem; */ padding: 1rem 0; max-width: 25%; } .zjzd2titxz span { line-height: 3rem; } .zjzd2tit a b{ display: block; font-size: 1.2rem; } .zjzd2tit a:last-child { border-right: 0px solid #bfbfbf; } .zjzd2main div { display: none; } .zjzd2main div h2 { font-size: 1.1rem; color: #999999; margin-bottom: 1rem; } .zjzd2main ul { margin-bottom: 2rem; } .zjzd2main ul li { padding: 2rem 0; border-bottom: 1px solid #bfbfbf; display: none; } .zjzd2main ul li:nth-child(1), .zjzd2main ul li:nth-child(2) { display: block; } .zjzd2main ul li h4 { font-size: 3rem; color: #333333; margin-bottom: 1.5rem; } .zjzd2main ul li p { line-height: 3.5rem; color: #666666; } .zjzd2 { margin-bottom: 6.25rem; } .zjzd1 .index02bottommainzjzd { max-width: 46rem; } .zjzd3 { padding: 3.15rem; background-color: #f9f9f9; } .zjzd3 ul li { margin-bottom: 1rem; border-bottom: 1px solid #dfdfdf; } .zjzd3 ul li:last-child { margin-bottom: 0rem; border-bottom: 0px solid #dfdfdf; } .zjzd3 ul li h4 { font-size: 1.625rem; color: #333333; line-height: 3rem; } .zjzd3 ul li h4 i { color: #f0297b; float: right; font-size: 1.625rem; } .zjzd3 ul li div { margin: 1rem 0; display: none; max-height: 22.5rem; overflow: auto; } .zjzd3 ul li div p { font-size: 1.5rem; line-height: 4.5rem; color: #666666; } .zjzd3 ul li div::-webkit-scrollbar { width: 20px; padding: 0 4px; border-radius: 10px; background-color: #d9d9d9; } /* 滚动槽 */ .zjzd3 ul li div::-webkit-scrollbar-track { -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.3); border-radius: 10px; } /* 滚动条滑块 */ .zjzd3 ul li div::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #d9d9d9; } .zjzd3 ul li div::-webkit-scrollbar-thumb:window-inactive { background-color: #f3126f; } .zjzd3 ul .zjzd3xz h4 i { transform: rotatez(180deg); } .zjzd3 ul .zjzd3xz div { display: block; } .zjzd3 { margin-bottom: 6.25rem; } .dszzcbntit { display: block; margin-top: 0.5rem; } .dszzc { padding: 6.25rem; } .dszzc1 { width: 100%; } .dszzc1 img { width: 23.2%; float: left; border-bottom: 10px solid #45c8f5; } .dszzc1 div { width: 71%; float: right; } .dszzc1 div h4 { font-size: 2rem; line-height: 4rem; color: #224099; padding-right: 7%; margin-top: 6.25rem; position: relative; } .dszzc1 div h4:after { content: "“"; font-size: 5rem; position: absolute; left: -5rem; top: -3rem; color: #224099; font-family: 黑体; } .dszzc1 div h4:before { content: "”"; font-size: 5rem; position: absolute; right: 1rem; bottom: -3rem; color: #224099; font-family: 黑体; } .dszzc1 div p { color: #666; font-size: 1.6rem; line-height: 3.5rem; margin-bottom: 2rem; } .dszzc2 { color: #666; font-size: 1.6rem; } .dszzc2 h4 { font-weight: bold; line-height: 5rem; } .dszzc2 p { line-height: 5rem; text-align: justify !important; } .qyjs { width: 100%; padding: 6.25rem; } .qyjsimg1 { display: block; width: 100%; margin-bottom: 3.2rem; border-bottom: 10px solid #45c8f5; } .qyjs1left { width: 67%; float: left; } .qyjs1right { width: 32%; float: right; } .qyjs1left p { font-size: 1.7rem; color: #666666; line-height: 3.1rem; margin-bottom: 2.2rem; text-align: justify !important; word-break: break-all; } .qyjs1right div { background-color: #f7f7f7; padding: 2rem; position: relative; border-bottom: 10px solid #45c8f5; margin-bottom: 3.2rem; padding-right: 7rem; } .qyjs1right div h4 { font-size: 3.5rem; color: #224093; font-weight: bold; margin-bottom: 1.2rem; } .qyjs1right div h4 span { font-size: 1rem; color: #ffffff; width: 1.5rem; display: inline-block; line-height: 1.5rem; border-radius: 50%; background-color: #224093; text-align: center; font-weight: normal; margin-left: 0.5rem; } .qyjs1right div p { font-size: 1.2rem; color: #333333; } .qyjs1right div i { font-size: 5rem; height: 5rem; color: #224093; position: absolute; right: 2rem; top: 0; bottom: 0; margin: auto; line-height: 5rem; } .qyjs .zjzd3 ul li { margin-bottom: 1.5rem; } .qywhlb div { display: flex; align-items: center; background-color: #f7f7f7; margin-bottom: 2rem; padding: 3rem; } .qywhlb div i { flex: 0.7; color: #233f93; font-size: 3.875rem; line-height: 4rem; width: 4rem; } .qywhlb div h4 { font-size: 1.5rem; color: #333333; line-height: 4rem; border-right: 1px solid #bfbfbf; flex: 2.6; font-weight: bold; margin-right: 3rem; } .qywhlb div p { font-size: 1.75rem; color: #333333; line-height: 2rem; flex: 9; } .qywhlb div p span{ font-size: 1.75rem; color: #333333; line-height: 2rem; display: block; } .ppgslb1 { display: flex; background-color: #f7f7f7; } .ppgslb1 h4 { flex: 1; width: 50%; } .ppgslb1 h4 img { width: 100%; border-bottom: 10px solid #44c8f5; } .ppgslb1 div { flex: 1; padding: 6% 5%; position: relative; padding-right: 5%; max-width: 50%; } .ppgslb1:nth-child(1) { margin-bottom: 2rem; } .ppgslb1 div p { font-size: 1.3rem; line-height: 2.5rem; color: #333; margin-bottom: 1.5rem; } .ppgslb1 div p:last-child { margin-bottom: 0; } .newslb1 { padding: 6.25rem; background-color: #f7f7f7; } .newslb1main { width: 100%; display: flex; flex-wrap: wrap; } .newslb1main li { width: 32.33%; } .newslb1main li:nth-child(3n-1) { margin: 0 1.5%; } .newslb1main li img { width: 100%; border-bottom: 10px solid #44c8f5; } .newslb1main li div { padding: 3.8rem; transition: all 0.3s ease; } .newslb1main li div h4 { font-size: 1.5rem; color: #333333; margin-bottom: 1.5rem; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .newslb1main li div p { font-size: 1.5rem; height: 7.5rem; color: #333333; margin-bottom: 1.5rem; line-height: 2.5rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -moz-box; -moz-line-clamp: 3; -moz-box-orient: vertical; display: -o-box; -o-line-clamp: 3; -o-box-orient: vertical; font-weight: 100; } .newslb1main li div a { font-size: 1.15rem; display: inline-block; background: #f0297b; color: #ffffff; line-height: 3.15rem; padding: 0 6.6rem; border-radius: 10px; } .hyxw1 { width: 100%; padding: 6.25rem; } .hyxw1ss { position: absolute; right: 0; top: 0; bottom: 0; margin: auto; height: 3.2rem; width: 64%; } .hyxw1ss div { position: relative; height: 3.2rem; width: 82%; float: left; border: 1px solid #dddddd; padding-left: 5rem; padding-right: 1rem; } .hyxw1ss div i { font-size: 1.5rem; color: #777777; position: absolute; left: 2rem; line-height: 3.2rem; top: 0; } .hyxw1ss div input { width: 100%; font-size: 1.2rem; height: 100%; border: none; outline-style: none; } .hyxw1ss button { width: 15%; float: right; font-size: 1.15rem; background: #f0297b; color: #ffffff; line-height: 3.15rem; } .newslb1main li div h5 { font-size: 1rem; color: #666; } .newslb1main li div h5 i { float: left; margin-right: 0.5rem; } .newslb1main li:hover>a div { background-color: #4e66a9; } .newslb1main li:hover>a div h4 { color: #ffffff; } .newslb1main li:hover>a div p { color: #ffffff; } .newslb1main li:hover>a div h5 { color: #ffffff; } .newslb1main li:hover>div { background-color: #4e66a9; } .newslb1main li:hover>div h4 { color: #ffffff; } .newslb1main li:hover>div p { color: #ffffff; } .newslb1main li:hover>a { color: #ffffff; } .xljz { text-align: center; margin-top: 2rem; height: 5rem; } .xljz i { color: #f0297b; font-size: 4rem; line-height: 4rem; display: inline-block; animation: xljz 1.5s infinite ease; } @keyframes xljz { 0% { margin-top: 0; } 50% { margin-top: 0.5rem; } 100% { margin-top: 0; } } .hyxwxq1 { background-color: #f4f4f4; padding: 2rem; text-align: center; margin-bottom: 4rem; } .hyxwxq1 h4 { font-size: 1.6rem; line-height: 2rem; margin-bottom: 1.5rem; } .hyxwxq1 p { color: #666666; font-size: 0.9rem; } .hyxwxq1 p i { margin-right: 0.5rem; } .hyxwxq2 p { font-size: 1.2rem; color: #333333; line-height: 2rem; margin-bottom: 2rem; } .zdqq2 { padding: 6.25rem; padding-bottom: 0; background-color: #f7f7f7; } .jjfasjy2lb1 div h6 { font-size: 1.5rem; line-height: 3rem; position: relative; color: #ffffff; padding-left: 1.5rem; letter-spacing: 1px; } .zdqq2 .jjfasjy2lb1 div { padding-right: 4%; } .zdqq3 .index02bottommain { position: absolute; left: 3rem; max-width: 50rem; right: 0; margin: auto; bottom: 15%; padding: 3.125rem 85px 3.5rem 3.5rem; background-color: rgba(34, 57, 157, 0.8); border-radius: 20px; margin: 0 3.5rem; } .zdqq3 .swiper-slide { margin-bottom: 2rem; } .zdzgbanner { height: 17.5rem; } .zdzg { width: 100%; padding: 6.25rem; padding-bottom: 0; } .zdzg .jjfaejy2js p { margin-bottom: 1.2rem; } .zdzghzhb { width: 100%; padding: 4rem; background-color: #f7f7f7; margin-bottom: 6.25rem; } .zdzghzhb1 img { width: 18.5%; float: left; margin-right: 1.875%; margin-bottom: 2rem; } .zdzghzhb1 img:nth-child(5n) { margin-right: 0; } .zdzghzhbbt { font-size: 1.6rem; text-align: center; color: #333; margin-top: 1rem; } .zdzg1 { width: 100%; padding: 6.25rem; background-color: #f7f7f7; } .zdzg1lb { position: relative; } .zdzg1lb:after { content: ""; width: 1px; height: 100%; background-color: #bfbfbf; position: absolute; left: 0; right: 0; top: 0; margin: auto; } .zdzg1lbtit { text-align: center; } .zdzg1lbtit i { font-size: 5rem; line-height: 5rem; color: #f0297b; } .zdzg1lb li { width: 100%; padding: 2rem 10%; float: left; position: relative; } .zdzg1lb li img { width: 40%; float: left; display: block; position: relative; } .zdzg1lb li:before { content: ""; width: 30%; height: 1px; background-color: #bfbfbf; top: 3rem; left: 20%; position: absolute; } .zdzg1lb li div { width: 50%; padding-left: 10%; float: right; display: block; position: relative; } .zdzg1lb li div h4 { font-size: 2.5rem; font-weight: bold; color: #333; line-height: 3rem; margin-bottom: 0.5rem; position: relative; } .zdzg1lb li div:after { content: ""; width: 1.6rem; height: 1.6rem; position: absolute; left: -0.8rem; top: 0.2rem; background-color: rgba(240, 41, 123, 0.8); border-radius: 50%; z-index: 2; } .zdzg1lb li div:before { content: ""; width: 1.1rem; height: 1.1rem; position: absolute; left: -0.55rem; top: 0.45rem; background-color: rgba(240, 41, 123, 1); border-radius: 50%; z-index: 2; } .zdzg1lb li div p { font-size: 1.6rem; color: #333333; line-height: 2.5rem; padding-left: 2rem; position: relative; } .zdzg1lb li div p:after { content: ''; width: 0.6rem; height: 0.6rem; position: absolute; left: 0; top: 1rem; border-radius: 50%; background-color: #f0297b; } .zdzg1lb li:nth-child(2n) img { float: right; } .zdzg1lb li:nth-child(2n) div { float: left; } .zdzg1lb li:nth-child(2n) div:after { content: ""; width: 1.6rem; height: 1.6rem; position: absolute; right: -0.8rem; left: auto; top: 0.2rem; background-color: rgba(240, 41, 123, 0.8); border-radius: 50%; z-index: 2; } .zdzg1lb li:nth-child(2n) div:before { content: ""; width: 1.1rem; height: 1.1rem; position: absolute; left: auto; right: -0.55rem; top: 0.45rem; background-color: rgba(240, 41, 123, 1); border-radius: 50%; z-index: 2; } .zdzg1lb li:nth-child(2n):before { content: ""; width: 30%; height: 1px; background-color: #bfbfbf; top: 3rem; right: 20%; left: auto; position: absolute; } .zdzg1lb li:nth-child(2n) div { text-align: right; padding-right: 10%; padding-left: 5%; } .zdzg1lb li:nth-child(2n) div p { padding-left: 0; padding-right: 2rem; } .zdzg1lb li:nth-child(2n) div p:after { content: ''; width: 0.6rem; height: 0.6rem; position: absolute; left: auto; right: 0; top: 1rem; border-radius: 50%; background-color: #f0297b; } .zdzg2 { padding: 6.25rem; } .zdzg2 .jjfaejy1top div:nth-child(3), .zdzg2 .jjfaejy1top div:nth-child(4) { margin-bottom: 0; } .zdzg2 .jjfaejy1top { margin-bottom: 2rem; } .zdzg3 { padding: 6.25rem; padding-top: 0; } .zdzg3 .jjfasjy2lb1 { margin-bottom: 2rem; } .zdzg3 .jjfasjy2lb1:last-child { margin-bottom: 0rem; } .zdzpp { padding-top: 6.25rem; } .zdhw { padding: 6.25rem; } .zdhw1 { padding: 6.25rem; background-color: #f7f7f7; } .zdhw1mian { position: relative; } .zdhw1mian img { width: 100%; display: block; } .zdhw1mian div { position: absolute; right: 0; bottom: 35%; } .zdhw1mian div p { font-size: 1.5rem; color: #333333; line-height: 2.5rem; position: relative; padding-left: 2rem; } .zdhw1mian div p:after { content: ""; width: 0.8rem; height: 0.8rem; border-radius: 50%; background-color: #224093; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; } .zdhw1mian div p:nth-child(2):after { background-color: #f0297b; } .zdhw2 { padding: 6.25rem; } .swiper-containerzdhw2 { width: 100%; height: 100%; margin-left: auto; margin-right: auto; overflow: hidden; position: relative; } .swiper-containerzdhw2 .swiper-slide { text-align: center; font-size: 18px; background: #fff; height: calc((100% - 30px) / 2); /* center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .swiper-paginationzdhw2 { position: absolute; text-align: center; bottom: 10px; width: 100%; } .swiper-paginationzdhw2 span { width: 1.4rem; height: 1.4rem; background-color: #e4e1e1; border-radius: 50%; margin: 0.7rem; } .swiper-paginationzdhw2 .swiper-pagination-bullet-active { background-color: #f0297b; } .swiper-containerzdhw2 .swiper-slide a { display: block; width: 100%; } .swiper-containerzdhw2 .swiper-slide a img { width: 100%; border-bottom: 10px solid #45c8f5; } .swiper-containerzdhw2 .swiper-slide a p { font-size: 1.7rem; line-height: 2rem; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 1rem; } .zdhw2lb { position: relative; padding-bottom: 4rem; } .tzzgx { padding: 6.25rem; padding-bottom: 0; } .tzzgxtop { margin-bottom: 6.25rem; } .tzzgx1main { padding: 4rem 6.25rem; background-color: #f7f7f7; } .tzzgx1 .jjfaejy2js { margin: 0 6.25rem; margin-bottom: 3.5rem; } .tzzgx1tit { margin-bottom: 2rem; border-bottom: 2px solid #e1e1e1; } .tzzgx1tit a { font-size: 1.5rem; color: #333; line-height: 6.8rem; padding: 0 2.2rem; cursor: pointer; } .tzzgx1tit .tzzgx1titxz { font-size: 1.8rem; font-weight: bold; } .tzzgx1main1 { width: 100%; } .tzzgx1main1 ul { display: none; } .tzzgx1main1 ul li { width: 100%; float: left; background-color: #ffffff; padding: 1.6rem 2.8rem; margin-bottom: 1.3rem; display: none; } .tzzgx1main1 ul li:nth-child(1), .tzzgx1main1 ul li:nth-child(2), .tzzgx1main1 ul li:nth-child(3), .tzzgx1main1 ul li:nth-child(4), .tzzgx1main1 ul li:nth-child(5) { display: block; } .tzzgx1main1 ul li h4 { float: left; font-size: 1.6rem; color: #666; line-height: 3rem; max-width: 65%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .tzzgx1main1 ul li p { float: right; font-size: 1rem; color: #bfbfbf; line-height: 3rem; } .tzzgx1main1 ul li a { float: right; font-size: 1.2rem; color: #bfbfbf; line-height: 3rem; display: block; background-color: #f0297b; color: #ffffff; padding: 0 2rem; border-radius: 10px; margin-left: 2.5rem; } .tzzgx1main1 ul li a i { float: left; font-size: 1.5rem; margin-right: 0.5rem; } .tzzgx1main1 ul .zkmore { margin-top: 3rem; } .tzzgx2 { padding: 6.25rem; } .gbjg { padding: 6.25rem; } .gbjg .jjfaejy2js p { color: #333; } .gbjglb1 p { width: 48%; float: left; font-size: 1.3rem; line-height: 3.75rem; position: relative; font-weight: 500; } .gbjglb1 p span { margin-right: 1rem; font-weight: 100; } .gbjglb1 p:nth-child(2n) { float: right; } .gbjglb1 { border-top: 1px solid #aaaaaa; padding-top: 1rem; margin-top: -1rem; margin-bottom: 6.25rem; } .gbjglb2 { border-left: 1px solid #aaaaaa; border-top: 1px solid #aaaaaa; } .gbjglb2 div { width: 100%; float: left; border-bottom: 1px solid #aaaaaa; } .gbjglb2 div span { width: 33.33%; display: block; border-right: 1px solid #aaaaaa; float: left; line-height: 1.48rem; padding: 1.6rem; font-size: 1.7rem; color: #333; font-weight: 100; } .gsgg { padding: 6.25rem; } .gsgg .tzzgx1main1 ul li { display: block; } .lxwm .index02top { margin-bottom: 6.25rem; } .lxwm1 .jjfasjyxfcd { left: 7%; top: 7%; } .newslb1main li { position: relative; } .lxwm3 { padding: 6.25rem; } .rcln1 { padding: 6.25rem; } .rcln1main1 { width: 100%; background-color: #f7f7f7; padding: 2rem 0; text-align: center; margin-bottom: 3.5rem; } .rcln1main1 img { display: inline-block; } .rcln1main1 p { font-size: 1.6rem; color: #333; margin-top: 2rem; } .rcln1 .index02bottommain h5 { margin-bottom: 1rem; margin-top: 2rem; } .shzp { padding: 6.25rem; } .shzp1tit { width: 100%; display: flex; padding: 0 5%; background-color: #224093; } .shzp1tit p { flex: 1; margin: 0 1rem; font-size: 1.8rem; color: #ffffff; line-height: 6.25rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .shzp1tit1 { width: 100%; display: flex; padding: 0 5%; position: relative; background-color: #f7f7f7; } .shzp1tit1 p { flex: 1; margin: 0 1rem; font-size: 1.4rem; color: #333; line-height: 5rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .shzp1tit1 i { font-size: 2rem; width: 2.5rem; height: 2.5rem; line-height: 2rem; text-align: center; border: 1px solid #f0297b; border-radius: 50%; position: absolute; right: 5%; top: 0; bottom: 0; margin: auto; color: #f0297b; } .shzpmain1 { padding: 2rem 6rem; background-color: #f7f7f7; display: none; } .shzpmain11 { margin-bottom: 2rem; } .shzpmain11:last-child { margin-bottom: 0; } .shzpmain11 h4 { font-size: 1.4rem; color: #333; margin-bottom: 1rem; } .shzpmain11 div p { font-size: 1rem; line-height: 1.2rem; } .jjfh2 { display: none; } .shzpmainxz .shzp1tit1 { background-color: #cdcdcd; } .shzpmainxz .shzp1tit1 .jjfh2 { display: block; } .shzpmainxz .shzp1tit1 .jjfh1 { display: none; } .shzpmainxz .shzpmain1 { display: block; } .shzpmain li { border-bottom: 1px solid #dddddd; } .xyzp1 { padding: 6.25rem; } .xyzp1img1 { width: 100%; margin-bottom: 6.25rem; border-bottom: 10px solid #45c8f5; } .xyzp1lb { width: 100%; float: left; margin-bottom: 6.25rem; } .xyzp1lb li { width: 12%; float: left; margin-right: 5.6%; position: relative; text-align: center; } .xyzp1lb li:last-child { margin-right: 0; } .xyzp1lb li i { width: 8rem; line-height: 7.5rem; text-align: center; height: 8rem; border-radius: 50%; border: 4px solid #224093; display: inline-block; font-size: 4rem; color: #224093; } .xyzp1lb li p { font-size: 1.6rem; margin-top: 1.4rem; } .xyzp1lb li span { font-size: 4rem; color: #f0297b; line-height: 4rem; height: 4rem; position: absolute; right: -40%; transform: rotatez(-90deg); top: 2.2rem; } .xyzp1lb1 { width: 100%; } .xyzp1lb1 li { width: 48%; float: left; background-color: #f7f7f7; padding: 2rem 5rem; height: 10rem; padding-left: 10rem; margin-bottom: 2rem; position: relative; } .xyzp1lb1 li:nth-child(2n) { float: right; } .xyzp1lb1 li i { font-size: 4rem; height: 4rem; width: 6rem; text-align: center; line-height: 4rem; color: #224093; position: absolute; left: 3.5rem; top: 0; bottom: 0; margin: auto; } .xyzp1lb1 li h4 { font-size: 1.6rem; line-height: 2rem; color: #333; margin-top: 0.5rem; margin-bottom: 0.5rem; } .xyzp1lb1 li p { font-size: 1.4rem; line-height: 1.6rem; color: #333; } .xyzp2 { padding: 6.25rem; background-color: #f7f7f7; } .xyzp2main { display: flex; } .xyzp2main1 { flex: 1; margin-right: 2rem; position: relative; } .xyzp2main1:nth-child(2) { flex: 2; } .xyzp2main1 p { font-size: 1.5rem; height: 2rem; margin-bottom: 1.3rem; color: #333; line-height: 2rem; } .xyzp2main1 input { width: 100%; background-color: #ffffff; border-radius: 10px; padding: 0 2rem; height: 4rem; border: none; font-size: 1.4rem; outline-style: none; } .xyzp2main1 select { width: 100%; background-color: #ffffff; border-radius: 10px; padding: 0 2rem; height: 4rem; border: none; font-size: 1.4rem; line-height: 4rem; -moz-appearance: none; -webkit-appearance: none; appearance: none; } .xyzp2main1 i { font-size: 1.5rem; color: #f0297b; line-height: 4rem; height: 4rem; position: absolute; right: 5%; } .xyzp2main1 div { width: 100%; background-color: #ffffff; border-radius: 10px; padding: 0 1.4rem; height: 4rem; border: none; font-size: 1.4rem; line-height: 4rem; text-align: center; } .xyzp2main1 .xyzp2main1add { width: 100%; height: 4rem; position: absolute; bottom: 0; left: 0; opacity: 0; } .xyzp2main1 div i { position: initial; font-size: 2rem; width: 2rem; height: 2rem; line-height: 1.5rem; text-align: center; border: 1px solid #f0297b; border-radius: 50%; /* position: absolute; */ color: #f0297b; vertical-align: text-top; display: inline-block; margin-right: 5%; } .xyzp2btn { text-align: center; margin-top: 4rem; } .xyzp2btn button { font-size: 1.15rem; background: #f0297b; color: #ffffff; line-height: 3.15rem; padding: 0 4.6rem; border: none; border-radius: 10px; } .yxzx { padding: 6.25rem; } .yxzxmain { width: 100%; border-bottom: 1px solid #aaaaaa; padding-bottom: 3rem; margin-bottom: 5rem; } .yxzxmain p { width: 100%; float: left; font-size: 1.6rem; color: #333; line-height: 2rem; margin: 1rem 0; } .yxzxmain p:nth-child(2n) { float: right; } .contact_map { width: 100%; height: 40rem; } .ygfc { width: 100%; padding: 6.25rem; } .ygfc .jjfasjy2lb1 div { padding-right: 5%; } .ygfc .jjfasjy2lb1 div h6 { padding-left: 0; } .ygfc .jjfasjy2lb1 { margin-bottom: 6.25rem; } .ygfc .jjfasjy2lb1:last-child { margin-bottom: 0px; } .gzhj { width: 100%; padding: 6.25rem; } .gallery img { height: 100%; width: 100%; border-bottom: 10px solid #45c8f5; } .gallery a { width: 32.33%; float: left; margin-right: 1.5%; margin-bottom: 3rem; display: inline-block; } .gallery a:nth-child(3n) { margin-right: 0; } .baguetteboxone { width: 100%; margin: 0 auto; } .gallery a p { text-align: center; font-size: 1.4rem; color: #333; line-height: 2rem; margin-top: 1rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /* highlight.js tomorrow night style */ .hljs-comment { color: #969896 } .hljs-tag { color: #f8f8f2 } .css .hljs-class, .css .hljs-id, .css .hljs-pseudo, .hljs-attribute, .hljs-regexp, .hljs-title, .hljs-variable, .html .hljs-doctype, .ruby .hljs-constant, .xml .hljs-doctype, .xml .hljs-pi, .xml .hljs-tag .hljs-title { color: #c66 } .hljs-built_in, .hljs-constant, .hljs-literal, .hljs-number, .hljs-params, .hljs-pragma, .hljs-preprocessor { color: #de935f } .css .hljs-rules .hljs-attribute, .ruby .hljs-class .hljs-title { color: #f0c674 } .hljs-header, .hljs-inheritance, .hljs-string, .hljs-value, .ruby .hljs-symbol, .xml .hljs-cdata { color: #b5bd68 } .css .hljs-hexcolor { color: #8abeb7 } .coffeescript .hljs-title, .hljs-function, .javascript .hljs-title, .perl .hljs-sub, .python .hljs-decorator, .python .hljs-title, .ruby .hljs-function .hljs-title, .ruby .hljs-title .hljs-keyword { color: #81a2be } .hljs-keyword, .javascript .hljs-function { color: #b294bb } .hljs { display: block; overflow-x: auto; background: #35383c; color: #c5c8c6; padding: .8em } .coffeescript .javascript, .javascript .xml, .tex .hljs-formula, .xml .css, .xml .hljs-cdata, .xml .javascript, .xml .vbscript { opacity: .5 } #baguettebox-overlay { display: none; opacity: 0; position: fixed; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000000; background-color: #222; background-color: rgba(0, 0, 0, .8); -webkit-transition: opacity .5s ease; transition: opacity .5s ease } #baguettebox-overlay.visible { opacity: 1 } #baguettebox-overlay .full-image { display: inline-block; position: relative; width: 100%; height: 100%; text-align: center } #baguettebox-overlay .full-image figure { display: inline; margin: 0; height: 100% } #baguettebox-overlay .full-image img { display: inline-block; width: auto; height: auto; max-height: 100%; max-width: 100%; vertical-align: middle; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .6); box-shadow: 0 0 8px rgba(0, 0, 0, .6) } #baguettebox-overlay .full-image figcaption { display: block; position: absolute; bottom: 0; width: 100%; text-align: center; line-height: 1.8; color: #ccc; background-color: #000; background-color: rgba(0, 0, 0, .6); font-family: sans-serif } #baguettebox-overlay .full-image:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px } #baguettebox-slider { position: absolute; left: 0; top: 0; height: 100%; width: 100%; white-space: nowrap; -webkit-transition: left .4s ease, -webkit-transform .4s ease; transition: left .4s ease, -moz-transform .4s ease; transition: left .4s ease, transform .4s ease } #baguettebox-slider.bounce-from-right { -webkit-animation: bouncefromright .4s ease-out; animation: bouncefromright .4s ease-out } #baguettebox-slider.bounce-from-left { -webkit-animation: bouncefromleft .4s ease-out; animation: bouncefromleft .4s ease-out } .baguettebox-button#next-button, .baguettebox-button#previous-button { top: 50%; top: calc(50% - 30px); width: 44px; height: 60px } .baguettebox-button { position: absolute; cursor: pointer; outline: 0; padding: 0; margin: 0; border: 0; -moz-border-radius: 15%; border-radius: 15%; background-color: #323232; background-color: rgba(50, 50, 50, .5); color: #ddd; font: 1.6em sans-serif; -webkit-transition: background-color .4s ease; transition: background-color .4s ease } .baguettebox-button:hover { background-color: rgba(50, 50, 50, .9) } .baguettebox-button#next-button { right: 2% } .baguettebox-button#previous-button { left: 2% } .baguettebox-button#close-button { top: 20px; right: 2%; right: calc(2% 6px); width: 30px; height: 30px } .baguettebox-button svg { position: absolute; left: 0; top: 0 } .spinner { width: 40px; height: 40px; display: inline-block; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px } .double-bounce1, .double-bounce2 { width: 100%; height: 100%; -moz-border-radius: 50%; border-radius: 50%; background-color: #fff; opacity: .6; position: absolute; top: 0; left: 0; -webkit-animation: bounce 2s infinite ease-in-out; animation: bounce 2s infinite ease-in-out } .double-bounce2 { -webkit-animation-delay: -1s; animation-delay: -1s } @-webkit-keyframes bouncefromright { 0% { margin-left: 0 } 50% { margin-left: -30px } 100% { margin-left: 0 } } @keyframes bouncefromright { 0% { margin-left: 0 } 50% { margin-left: -30px } 100% { margin-left: 0 } } @-webkit-keyframes bouncefromleft { 0% { margin-left: 0 } 50% { margin-left: 30px } 100% { margin-left: 0 } } @keyframes bouncefromleft { 0% { margin-left: 0 } 50% { margin-left: 30px } 100% { margin-left: 0 } } @-webkit-keyframes bounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0) } 50% { -webkit-transform: scale(1); transform: scale(1) } } @keyframes bounce { 0%, 100% { -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0) } 50% { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1) } } .flsm { padding: 6.25rem; width: 100%; } .flsmtit { font-size: 3rem; color: #333333; margin-bottom: 1.2rem; } .flsmmain p { font-size: 1.5rem; color: #333; line-height: 3rem; } .dhmenu1 { width: 6.25rem; height: 6.25rem; border-radius: 10px 0 0 10px; background-color: #ffffff; color: #333; text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; position: fixed; right: 0; top: 42%; z-index: 9; opacity: 0.8; box-shadow: 0px 0px 10px #afafaf; } .dhmenu1 i { font-size: 2.5rem; color: #062283; line-height: 2.5rem; display: inline-block; } .dhmenu1 p { font-size: 1rem; color: #062283; } .dhmenu2 { width: 6.25rem; height: 6.25rem; border-radius: 10px 0 0 10px; background-color: #ec0877; color: #333; text-align: center; display: none; padding-top: 1rem; align-items: center; justify-content: center; flex-direction: column; position: fixed; right: 0; bottom: 5%; z-index: 9; opacity: 0.8; box-shadow: 0px 0px 10px #797979; cursor: pointer; } .dhmenu2 i { font-size: 2.5rem; color: #ffffff; line-height: 2.0rem; display: inline-block; transform: rotatez(180deg); border-bottom: 4px solid #ffffff; } .dhmenu2 p { font-size: 1rem; color: #ffffff; margin-top: 0.5rem; } .dhmenuxz .dhmenu2 { display: block; } .dhmenuxz .dhmenu1 { display: none; } .productdet1img img { width: 100%; } .productdet2 .jjfaejy2js { margin-bottom: 0; } .headermenu1:last-child { margin-right: 0; } .swiper-wrapper .swiper-slide img { width: 100%; } .search { position: fixed; top: 125px; background-color: #fbfbfb; z-index: 2; display: block; left: 0; width: 100%; display: none; text-align: right; transition: all 0.3s ease; padding: 0 6.25rem; box-shadow: 0px 10px 10px #c7c7c7; } .searchmain { padding: 2rem 0; } .searchmain input { width: 43%; height: 4rem; border: 1px solid #f0297b; border-radius: 36px; padding: 0 3%; font-size: 1.3rem; } .searchmain button { height: 4rem; padding: 0 2rem; background: #22399d; border-radius: 37px; font-size: 1.3rem; color: #ffffff; margin-left: 1%; transition: all 0.3s ease; } .searchmain button:hover { background: #f0297b; } .searchmain button i { margin-right: 0.5rem; float: initial; color: #ffffff; } .searchmain div { display: inline-block; margin-right: 3%; max-width: 40%; vertical-align: middle; } .searchmain div p { font-size: 1.3rem; line-height: 4rem; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #222222; } .searchmain div p a { color: #f0297b; display: inline-block; margin-left: 1.3rem; } /*.swiper-containerzdhw2 .swiper-wrapper{ width: 100% !important; }*/ .zjzd2tit .zjzd2titxz{ background: #f0297b; color: #ffffff; } .zjzd2tit a:hover{ background: #f0297b; color: #ffffff; transition: all 0.3s ease; } .zjzd2tit a span{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; width: 100%; line-height: 3.2rem; padding: 0 5%; } .newslb1 .index02bottom1{ max-width: 50%; } .hyxwxq2{ padding: 0 13%; } .hyxwxq2 img{ width: 100%; } .zdhw .zdzghzhb1 img{ width: 27.33%; float: left; margin:0 3%; margin-bottom: 2rem; } .gzhj .gallery img { height: 100%; width: 100%; border-bottom: 0px solid #45c8f5; } .productdet1lb1 div:nth-last-child(3) { border-bottom: 0px solid #cbcbcb; } .rcln1yqzt .jjfaejy2js h4{ font-size: 2.5rem; } .rcln1yqx{ margin-bottom: 3.5rem; } .mobilemenu{ display: none; } .jjfaejy2jsen .index04bottommain a{ font-size: 1.1rem; } .footer1lb2 a h2{ font-size: 1.1rem; color: #ffffff; display: block; margin-bottom: 1.2rem; } .hyxwxq2 img{ display: inline-block; } .zjzd3 ul .zjzd3xz div li { margin-bottom: 0rem; border-bottom: 0px solid #dfdfdf; } .zjzd2main div li{ padding: 2rem 0; margin-bottom: 0rem; border-bottom: 0px solid #dfdfdf; } /* 新增页面css */ .xzymbanner { width: 100%; } .xzym01 { width: 100%; padding: 6.25rem; box-sizing: border-box; } .xzym01main { display: flex; flex-wrap: wrap; } .xzym01left { width: 50%; text-align: center; } .xzym01left img { height: 38rem; display: inline-block; } .xzym01right { width: 50%; } .xzym01right1 { position: relative; padding-left: 7rem; } .xzym01right1 img { height: 4rem; position: absolute; left: 0; top: 0; } .xzym01right1 h4 { font-size: 3rem; line-height: 3rem; margin-bottom: 0.5rem; color: #22399d; font-weight: bold; } .xzym01right1 p { font-size: 1.13rem; line-height: 1rem; color: #22399d; } .xzym01right2 { font-size: 1.8rem; line-height: 2rem; color: #d71a1c; margin-top: 1rem; } .xzym01right2 span { font-size: 3rem; font-weight: bold; vertical-align: text-bottom; margin: 0 0.2rem; } .xzym01right3 { margin-top: 2.5rem; } .xzym01right3 p { font-size: 1.3rem; line-height: 3.5rem; color: #000; } .xzym01right4 { font-size: 1.8rem; margin-top: 2rem; } .xzym02 { width: 100%; padding: 6.25rem; padding-top: 0; box-sizing: border-box; background: center bottom no-repeat; background-size: 100%; } .xzym02main { text-align: center; width: 80%; margin-left: 10%; } .xzym02video { width: 100%; box-sizing: border-box; border-style: solid; border-width: 12px; border-color: rgb(219, 47, 114); background-color: rgb(151, 18, 15); box-shadow: 0px 21px 7.65px 1.35px rgba(0, 0, 0, 0.21); } .xzym02more { margin-top: 6rem; position: relative; text-align: center; padding-bottom: 3rem; } .xzym02more img { width: 5rem; display: inline-block; } .xzym02more p { font-size: 1.6rem; color: #ffffff; text-transform: uppercase; line-height: 2rem; margin-top: 0.8rem; } .xzym02more i { font-size: 2.5rem; color: #ffffff; position: absolute; bottom: 1rem; left: 0; right: 0; margin: auto; animation: xzym02more 1.5s infinite linear; } @-webkit-keyframes xzym02more { 0% { bottom: 1rem; } 50% { bottom: 0.5rem; } 100% { bottom: 1rem; } } .xzym03 { width: 100%; padding: 6.25rem; box-sizing: border-box; } .xzym03main { width: 100%; } .swiper-containerxzym03 { position: relative; width: 100%; padding-bottom: 2rem; overflow: hidden; } .swiper-containerxzym03 .swiper-paginationxzym { position: relative; width: 100%; height: 0.6rem; z-index: 2; background: #e8e8e8; border-radius: 50px; margin-top: 2rem; border-radius: 100px; overflow: hidden; } .swiper-containerxzym03 .swiper-paginationxzym .swiper-pagination-progressbar-fill { background-color: #22399d; border-radius: 100px; overflow: hidden; } .xzym03img { border: 0.8rem solid #cfcfcf; box-shadow: 10px 10px 10px #eeeeee; box-sizing: border-box; transition: all 0.3s ease; height: 18rem; } .swiper-containerxzym03 .swiper-slide a p { font-size: 1.2rem; line-height: 2rem; color: #b01010; margin-top: 0.8rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: bold; } .swiper-containerxzym03 .swiper-slide a p i { margin-right: 0.5rem; } .swiper-containerxzym03 .swiper-slide a:hover>.xzym03img { box-shadow: 10px 10px 10px #dddddd; } .xzym04 { width: 100%; padding: 6.25rem; box-sizing: border-box; } .xzym04main { width: 100%; } .xzym04tit { text-align: center; margin-bottom: 3rem; } .xzym04tit img { width: 22rem; display: inline-block; } .xzym04tit div { display: inline-block; border: 1px solid #db2f72; padding: 0.3rem 12rem; border-radius: 50px; position: relative; margin-top: 1rem; margin-bottom: 2rem; } .xzym04tit div h4 { font-size: 1.5rem; line-height: 2rem; color: #db2f72; font-weight: bold; } .xzym04tit div p { font-size: 1.1rem; line-height: 1.8rem; color: #db2f72; } .xzym04tit div:after { content: ""; width: 5rem; height: 2px; background-color: #db2f72; position: absolute; left: 6rem; top: 0; bottom: 0; margin: auto; } .xzym04tit div:before { content: ""; width: 5rem; height: 2px; background-color: #db2f72; position: absolute; right: 6rem; top: 0; bottom: 0; margin: auto; } .xzym04lb { width: 100%; position: relative; display: flex; flex-wrap: wrap; margin: 15rem 0; } .xzym04lb img { width: 11.11111%; margin-right: 5.555555%; padding: 2px; box-sizing: border-box; transition: all 0.3s ease; position: relative; opacity: 1; } .xzym04lb img:hover { transform: scale(1.3); z-index: 2; opacity: 1; } .xzym04lb img:nth-child(6) { margin-right: 0; } .xzym04lb img:nth-child(7) { position: absolute; left: 8.4%; top: -50%; } .xzym04lb img:nth-child(8) { position: absolute; left: 25%; top: -50%; } .xzym04lb img:nth-child(9) { position: absolute; left: 41.6%; top: -50%; } .xzym04lb img:nth-child(10) { position: absolute; left: 58.4%; top: -50%; } .xzym04lb img:nth-child(11) { position: absolute; left: 75%; top: -50%; } .xzym04lb img:nth-child(12) { position: absolute; left: 8.4%; bottom: -48.9%; } .xzym04lb img:nth-child(13) { position: absolute; left: 25%; bottom: -48.9%; } .xzym04lb img:nth-child(14) { position: absolute; left: 41.7%; bottom: -48.9%; } .xzym04lb img:nth-child(15) { position: absolute; left: 58.4%; bottom: -48.9%; } .xzym04lb img:nth-child(16) { position: absolute; left: 75%; bottom: -48.9%; } .xzym04lb img:nth-child(17) { position: absolute; left: 16.6%; top: -99%; } .xzym04lb img:nth-child(18) { position: absolute; left: 33.3%; top: -99%; } .xzym04lb img:nth-child(19) { position: absolute; left: 50%; top: -99%; } .xzym04lb img:nth-child(20) { position: absolute; left: 66.7%; top: -99%; } .xzym04lb img:nth-child(21) { position: absolute; left: 16.7%; bottom: -99%; } .xzym04lb img:nth-child(22) { position: absolute; left: 33.3%; bottom: -99%; } .xzym04lb img:nth-child(23) { position: absolute; left: 50%; bottom: -99%; } .xzym04lb img:nth-child(24) { position: absolute; left: 66.7%; bottom: -99%; } .xzym04lb img:nth-child(25) { position: absolute; left: 25%; top: -149%; } .xzym04lb img:nth-child(26) { position: absolute; left: 41.6%; top: -149%; } .xzym04lb img:nth-child(27) { position: absolute; left: 58.4%; top: -149%; } .xzym04lb img:nth-child(28) { position: absolute; left: 25%; bottom: -149%; } .xzym04lb img:nth-child(29) { position: absolute; left: 41.6%; bottom: -149% } .xzym04lb img:nth-child(30) { position: absolute; left: 58.4%; bottom: -149%; } .swiper-containerxzym02 { width: 100%; position: relative; overflow: hidden; } .swiper-containerxzym02 .swiper-slide:hover>a img { box-shadow: 10px 10px 5px #dddddd; } .swiper-containerxzym02 .swiper-slide img { width: 100%; border: 0.5rem solid #dc2e73; box-sizing: border-box; transition: all 0.3s ease; } .swiper-containerxzym02 .swiper-slide a h4 { font-size: 1.3rem; line-height: 2rem; color: #111417; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 0.5rem; } .swiper-containerxzym02 .swiper-slide a p { font-size: 1.1rem; line-height: 1.8rem; color: #666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -moz-box; -moz-line-clamp: 2; -moz-box-orient: vertical; display: -o-box; -o-line-clamp: 2; -o-box-orient: vertical; } .swiper-containerxzym02 .swiper-slide a h5 { font-size: 0.95rem; line-height: 2rem; color: #aaaaaa; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 1rem; } .swiper-containerxzym02 .swiper-slide a h5 i { color: #db2e73; font-size: 1.2rem; vertical-align: bottom; margin-right: 0.3rem; } .xzym06 { width: 100%; padding: 6.25rem; padding-top: 0; box-sizing: border-box; } .xzym06main { width: 100%; position: relative; } .xzym05 { width: 100%; padding: 6.25rem; padding-top: 0; box-sizing: border-box; } .xzym05main { width: 100%; } .xzym05lb{ position: relative; } .xzym05lb:after{ content: ""; width: 1px; height: 100%; position: absolute; left: 0; right: 0; top: 0; margin: auto; background-color: #dddddd; } .xzym05lb li{ width: 50%; padding: 3rem 0; position: relative; padding-right: 10rem; border-bottom: 1px dashed #dddddd; z-index: 2; } .xzym05lb li:nth-child(2n){ margin-left: 50%; padding-left: 10rem; padding-right: 0; } .xzym05lb li:last-child{ border-bottom: 0px dashed #dddddd; } .xzym05main01{ position: absolute; right: 0; top: 3rem; font-size: 2rem; color: #e92415; font-weight: bold; padding-right: 1rem; } .xzym05main01:after{ content: ""; width: 7px; height: 7px; position: absolute; right: -3.5px; top: 0.6rem; border-radius: 50%; background-color: #e92415; z-index: 1; } .xzym05main02 img{ max-width: 100%; margin-bottom: 0.5rem; } .xzym05main02 p{ font-size: 1.2rem; line-height: 2.2rem; color: #222222; } .xzym05main03{ font-size: 2rem; position: absolute; left: 0; top: -0.1rem; font-weight: bold; } .xzym05lb li:nth-child(2n) .xzym05main01{ position: absolute; left: 0; right: none; top: 3rem; font-size: 2rem; color: #e92415; font-weight: bold; padding-left: 1rem; padding-right: 0; } .xzym05lb li:nth-child(2n) .xzym05main01:after{ content: ""; width: 7px; height: 7px; position: absolute; left: -3.5px; right: none; top: 0.6rem; border-radius: 50%; background-color: #e92415; z-index: 1; } .xzym05top{ text-align: center; margin-bottom: 3rem; } .xzym05top h4{ font-size: 2rem; line-height: 2.5rem; color: #234199; font-weight: bold; } .xzym05top p{ font-size: 1.15rem; line-height: 1.2rem; color: #234199; margin-top: 0.2rem; } .xzym05bottom{ text-align: center; } .xzym05bottom p{ font-size: 1.2rem; background-color: #db2f73; color: #ffffff; display: inline-block; line-height: 3rem; border-radius: 40px; padding: 0 2rem; } .xzym06qh .icon-bg-left{ position: absolute; left: -4rem; top: 0; margin: auto; font-size: 3rem; z-index: 2; line-height: 5rem; height: 5rem; bottom: 0; color: #22399d; opacity: 0.8; transition: all 0.3s ease; } .xzym06qh .icon-bg-left-copy{ position: absolute; right: -4rem; top: 0; margin: auto; font-size: 3rem; z-index: 2; line-height: 5rem; height: 5rem; bottom: 0; color: #22399d; opacity: 0.8; transition: all 0.3s ease; } .xzym06qh i:hover{ color: #c4127f; cursor: pointer; } .xzym05lbxx li{ margin-bottom: -15rem; } .xzym05lbxx li:last-child{ margin-bottom: 0rem; } .footer1lbxx a:last-child{ display: none; } /* 新增八个页面 */ .bannermain1 h5 { font-size: 1.125rem; color: #ffffff; line-height: 2rem; margin-top: 0.8rem; } .bannermain1 h5 a { display: inline-block; line-height: 2rem; padding: 0 1rem; border-radius: 0.5rem; background-color: rgba(255, 255, 255, 0.5); color: #ffffff; margin-left: 0.5rem; } .bannermain1kcx{ height: 25rem; } .mbxright { float: right; } .mbxright a { width: auto; font-size: 1rem; padding: 0 1rem; border-radius: 0.3rem; color: #ffffff; background-color: #ec2790; margin-left: 0.5rem; line-height: 40px; margin-top: 25px; text-transform: lowercase; transition: all 0.3s ease; } .mbxright a:last-child{ font-weight: normal; } .mbxright a:nth-child(1) { margin-left: 0; } .mbxright a:hover { background-color: #224099; } .kcxfz1 { padding: 6.25rem; } .kcxfz1main {} .kcxfz1left { width: 19%; float: left; } .kcxfz1right { width: 69%; float: right; padding-top: 2rem; } .kcxfz1right h4 { font-size: 1.875rem; line-height: 3.5rem; position: relative; } .kcxfz1right h4 span:nth-child(1) { font-size: 7.5rem; color: #224099; position: absolute; left: -7rem; top: -3rem; font-family: 黑体; } .kcxfz1right h4 span:nth-child(2) { font-size: 7.5rem; color: #224099; position: absolute; right: -5rem; bottom: -5rem; font-family: 黑体; } .kcxfz1right p { font-size: 1.5rem; color: #666; line-height: 3rem; margin-top: 3rem; } .kcxfz2 { padding: 6.25rem; padding-top: 0; } .kcxfz2 .index02top { margin-bottom: 2rem; } .kcxfz2top h4 { margin-bottom: 1rem; } .kcxfz2top p { font-size: 1.4rem; line-height: 2rem; margin-bottom: 2rem; } .kcxfz3 { padding: 6.25rem; background-color: #f7f7f7; } .kcfz3tit1 { font-size: 3rem; color: #333333; font-weight: bold; margin-bottom: 1rem; } .kcfz3tit2 { font-size: 1.5rem; color: #333; line-height: 2rem; border-bottom: 2px dashed #8f8f8f; padding-bottom: 2rem; margin-bottom: 2rem; } .kcxfz3lb { display: flex; flex-wrap: wrap; } .kcxfz3lb a { display: inline-block; font-size: 1.4rem; line-height: 3.125rem; padding: 0 2rem; border-radius: 0.5rem; background-color: #ec2790; color: #ffffff; margin-right: 2.5rem; transition: all 0.3s ease; } .kcxfz3lb a:hover { background-color: #224099; } .mbxright .mbxrightxz { background-color: #224099; } .wecare1 { padding: 6.25rem; } .wecare1tit1 { font-size: 3.125rem; line-height: 3.5rem; margin-bottom: 3.125rem; font-weight: bold; } .wecare1main { margin-top: 3.75rem; } .wecare1main p { font-size: 1.5rem; color: #333; line-height: 3.5rem; margin-bottom: 2rem; letter-spacing: 0.2rem; } .wecareimg1 { width: 40%; float: left; } .wecare1main div { float: right; width: 50%; } .wecare2 { padding: 6.25rem; background-color: #f7f7f7; } .wecare2main { display: flex; flex-wrap: wrap; align-items: center; } .wecare2left { width: 50%; } .wecare2right { width: 45%; margin-left: 5%; } .wecare2left h3 { font-size: 3.125rem; line-height: 3.5rem; margin-bottom: 2.5rem; font-weight: bold; } .wecare2left p { font-size: 1.5rem; color: #333; line-height: 3.5rem; margin-bottom: 2rem; letter-spacing: 0.2rem; } .wecare2left img { width: 60%; } .zlmb h2, .zlmb h3 { font-size: 1.5rem; color: #333; line-height: 3rem; margin-bottom: 1rem; position: relative; padding-left: 1.5rem; } .zlmb h4 { font-size: 1.5rem; color: #333; line-height: 3rem; margin-bottom: 1rem; position: relative; border-top: 2px dashed #939393; padding-top: 3.125rem; margin-top: 2rem; } .zlmb h2:after, .zlmb h3:after { content: ""; width: 0.625rem; height: 0.625rem; border-radius: 50%; background-color: #c4127f; position: absolute; left: 0; top: 1.1rem; } .zlmb h3 { padding-right: 18rem; } .zlmb h3 img { width: 15.625rem; position: absolute; right: 0; top: 0.5rem; } .zlmb h4 { padding-right: 39rem; } .zlmb h4 img { width: 7.2rem; position: absolute; right: 29rem; top: 0.5rem; } .zlmb h4 a { width: 30rem; line-height: 2.6875rem; background-color: #c4127f; border-radius: 0.625rem; text-align: center; font-size: 1.5rem; padding: 1rem 1rem; position: absolute; right: 0; top: 3.5rem; color: #ffffff; transition: all 0.3s ease; } .zlmb h4 a:hover { background-color: #224099; } .esgbllb { width: 100%; text-align: center; margin-bottom: 2rem; padding-top: 1rem; } .esgbllb p { display: inline-block; min-width: 25rem; font-size: 1.5rem; line-height: 5rem; border-radius: 0.5rem; color: #ffffff; padding: 0 1rem; background-color: #234199; } .esgbllb img { margin: 1rem auto; } .wecareimg5 { display: block; margin: auto; margin-top: 2rem; width: 75%; margin-bottom: -5rem; } .fzmbimg1 { height: 10rem; margin-top: 1rem; } .fzmbimg2 { height: 11.25rem; margin-top: 1rem; } .kcxfzlb { display: flex; flex-wrap: wrap; } .kcxfzlb li { width: 49%; margin-bottom: 2rem; background-color: #ffffff; padding: 5rem 3.75rem; border-radius: 0.5rem; } .kcxfzlb li h4 { position: relative; padding-right: 10rem; margin-bottom: 2.5rem; line-height: 3rem; font-size: 3rem; color: #ec2790; } .kcxfzlb li h4 span { font-size: 3rem; line-height: 3rem; position: absolute; right: 0; top: 0; color: #666666; } .kcxfzlb li h4 span i { color: #ec2790; font-size: 3rem; line-height: 3rem; } .kcxfzlb li:nth-child(2n) { margin-left: 2%; } .kcxfzlb li p { font-size: 1.5rem; line-height: 3rem; color: #333333; } .hj { padding: 6.25rem; } .hjjs { font-size: 1.5rem; color: #333; line-height: 2.8125rem; } .hjbg { width: 100%; border-top: 1px solid #b0b0b0; border-bottom: 1px solid #b0b0b0; padding: 3rem 0; margin: 3rem 0; } .hjbgmain { width: 100%; border: 1px solid #dddddd; } .hjbg1 { width: 100%; display: flex; flex-wrap: wrap; background-color: #ec2790; } .hjbg1 p { width: 20%; border-left: 1px solid #dddddd; font-size: 1.875rem; text-align: center; line-height: 5rem; color: #ffffff; padding: 0 1rem; } .hjbg1 p:nth-child(1) { width: 60%; border-left: 0px solid #dddddd; } .hjbg2lb li { width: 100%; display: flex; flex-wrap: wrap; border-top: 1px solid #dddddd; } .hjbg2lb li p { width: 20%; border-left: 1px solid #dddddd; font-size: 1.5rem; text-align: center; line-height: 4.5rem; padding: 0 1rem; position: relative; } .hjbg2lb li p i { font-size: 2rem; text-align: center; line-height: 4.5rem; position: absolute; right: 8%; top: 0; color: #ec2790; } .hjbg2lb li p:nth-child(1) { width: 60%; text-align: left; border-left: 0px solid #dddddd; } .hjnr1 { position: relative; padding-left: 23rem; border-bottom: 1px solid #dddddd; padding-bottom: 3rem; margin-bottom: 5rem; } .hjnr1:last-child { border-bottom: 0px solid #dddddd; padding-bottom: 0rem; margin-bottom: 0rem; } .hjnr1tit { position: absolute; left: 0; top: 0; font-size: 2.5rem; color: #333333; line-height: 3rem; width: 21rem; padding-left: 1rem; } .hjnr1tit:after { content: ""; width: 0.3125rem; height: 100%; border-radius: 20px; background-color: #ec2790; position: absolute; left: 0; top: 0; } .hjnr1main h2 { font-size: 1.5rem; line-height: 2.8125rem; color: #333333; margin-bottom: 2rem; } .hjnr1main h3 { font-size: 1.75rem; line-height: 2.8125rem; color: #222; margin-bottom: 0.8rem; padding-left: 1.5rem; position: relative; } .hjnr1main h3:after { content: ""; width: 0.875rem; height: 0.875rem; border-radius: 50%; background-color: #ec2790; position: absolute; left: 0; top: 1rem; } .hjnr1lb { display: flex; flex-wrap: wrap; } .hjnr1lb li { width: 18%; margin-bottom: 1rem; margin-right: 2.5%; } .hjnr1lb li:nth-child(5n) { margin-right: 0; } .hjnr1lb li img { width: 100%; border: 0.125rem solid #234199; box-sizing: border-box; margin-bottom: 0.5rem; } .hjnr1lb li p { font-size: 1rem; color: #333333; line-height: 1.5rem; } .hjnr1main h2 span { font-size: 3rem; color: #ec2790; } .hjnr1main h2 a { color: #ec2790; text-decoration: revert; transition: all 0.3s ease; } .hjnr1main h2 a:hover { color: #062283; } .hjnr2img { display: flex; flex-wrap: wrap; margin-bottom: 2rem; } .hjnr2img img { width: 48.5%; } .hjnr2img img:nth-child(2) { margin-left: 3%; } .hjnr1main h4 { font-size: 1.5rem; line-height: 2.8125rem; color: #333333; position: relative; padding-left: 1rem; } .hjnr1main h4:after { content: ""; width: 0.5rem; height: 0.5rem; border-radius: 50%; background-color: #333333; position: absolute; left: 0.1rem; top: 0; bottom: 0; margin: auto; } .zjgzimg1 { width: 15rem; margin-bottom: 2rem; } .shlb1 { display: flex; flex-wrap: wrap; margin-bottom: 2rem; } .shlb1 div { width: 48%; background-color: #ec2790; border-radius: 1rem; position: relative; font-size: 1.5rem; color: #ffffff; line-height: 2rem; padding: 2rem 0; padding-left: 7rem; padding-right: 8rem; } .shlb1 div:nth-child(2) { margin-left: 4%; } .shlb1 div img { width: 4rem; position: absolute; left: 1.5rem; top: 0; bottom: 0; margin: auto; } .shlb1 div p { font-size: 1.5rem; color: #ffffff; line-height: 2rem; height: 2rem; position: absolute; right: 1.5rem; top: 0; bottom: 0; margin: auto; } .shlb1 div p span { font-size: 2.5rem; line-height: 2rem; } .hjnr1main h4 span { font-size: 3rem; color: #ec2790; } .shlb2 { display: flex; flex-wrap: wrap; margin: 2rem 0; } .shlb2 a { width: 32.33%; } .shlb2 a:nth-child(2) { margin: 0 1.5%; } .shlb2 a img { width: 100%; border-bottom: 0.3125rem solid #43c7f4; margin-bottom: 1rem; } .shlb2 a p { font-size: 1.2rem; line-height: 2rem; color: #333333; transition: all 0.3s ease; } .shlb2 a:hover>p { color: #ec2790; } .shlb3 { display: flex; flex-wrap: wrap; margin-top: -1rem; margin-bottom: 1rem; } .shlb3 p { width: 12%; font-size: 1rem; padding: 0 1.5rem; border-radius: 0.3rem; color: #ffffff; margin-right: 2.66666%; background-color: #ec2790; line-height: 1.5rem; margin-bottom: 1rem; text-align: center; padding: 0.5rem 0; } .shlb3 p:last-child { margin-right: 0; } .hjnr1main .shlblj { font-size: 1.5rem; line-height: 2.8125rem; color: #ec2790; position: relative; padding-left: 1rem; display: block; transition: all 0.3s ease; text-decoration: revert; } .hjnr1main .shlblj:after { content: ""; width: 0.5rem; height: 0.5rem; border-radius: 50%; background-color: #ec2790; position: absolute; left: 0.1rem; top: 1.2rem; } .hjnr1main .shlblj:hover { color: #062283; } .shlblj1 { margin-bottom: 2rem; } .shbg { width: 100%; margin-bottom: 2rem; } .shbgtit { text-align: center; font-size: 1.5rem; font-weight: bold; margin-bottom: 1rem; } .shbgnr { width: 100%; border: 1px solid #ec2790; border-collapse: collapse; } .shbgnr th, .shbgnr td { border: 1px solid #ec2790; padding: 0.625rem; font-size: 1rem; line-height: 2rem; text-align: left; } .shbgnr td:nth-child(1), .shbgnr th:nth-child(1) { text-align: center; width: 30%; } .shbgnr thead { background-color: #ec2790; color: #ffffff; } .shbgnr th { padding: 1rem 0.625rem; font-size: 1.1rem; } .shbgnr th:nth-child(1) { border-right: 1px solid #dddddd; } .hjjs span { font-size: 3rem; color: #ec2790; } .shlb4 { display: flex; flex-wrap: wrap; margin-top: 2rem; } .shlb4 div { width: 49%; position: relative; border-bottom: 10px solid #44c8f5; } .shlb4 div img { width: 100%; display: block; } .shlb4 div:nth-child(2) { margin-left: 2%; } .shlb4 div p { position: absolute; left: 0; right: 0; margin: auto; bottom: 0px; padding: 2rem 3rem; background-color: rgba(255, 255, 255, 0.8); border-radius: 20px 20px 0 0; width: 100%; font-size: 1.5rem; line-height: 2.5rem; color: #22399d; } .shnr1 { padding-left: 0; } .zlhx { border-top: 1px solid #b0b0b0; padding-top: 3rem; margin-top: 3rem; } .zlnr2 { position: relative; padding-left: 23rem; padding-bottom: 3rem; } .zlnrlb1 { display: flex; flex-wrap: wrap; } .zlnrlb1 div { width: 49%; } .zlnrlb1 div:nth-child(2) { margin-left: 2%; } .zlnrlb1 div h4 { font-size: 1.875rem; line-height: 2.8125rem; margin-bottom: 0.5rem; } .zlnrlb1 div p { font-size: 1.3rem; line-height: 2.3rem; } .zlnrlb2 { display: flex; flex-wrap: wrap; width: 100%; padding: 2rem 2rem; background-color: #f7f7f7; } .zlnrlb2 div { width: 23%; margin-right: 2.666%; text-align: center; } .zlnrlb2 div:nth-child(4) { margin-right: 0; } .zlnrlb2 div h4 { font-size: 1.8rem; line-height: 2rem; margin-bottom: 0.5rem; } .zlnrlb2 div p { font-size: 1.1rem; line-height: 2rem; } .shbgnrtit { padding: 1rem 0.625rem; font-size: 1.1rem; text-align: center; background-color: #ec2790; color: #ffffff; } .zlbgnr td:nth-child(1) { background-color: #234199; color: #ffffff; width: 15%; } .zlbgnr { margin-bottom: 2rem; } .zlnr2 h2 { font-size: 1.5rem; line-height: 2.8125rem; color: #333333; margin-bottom: 2rem; } .zlnr2 h2 a { color: #ec2790; transition: all 0.3s ease; text-decoration: revert; } .zlnr2 h2 a:hover { color: #062283; } .zlimg1 { width: 100%; border-bottom: 10px solid #44c8f5; margin-bottom: 2rem; } .esglb { width: 100%; margin: 2rem 0; } .esglb1 { display: flex; flex-wrap: wrap; margin-bottom: 2rem; } .esglb1:last-child { margin-bottom: 0; } .esglb1left { width: 50%; border-bottom: 10px solid #44c8f5; } .esglb1right { width: 50%; padding: 5rem; background-color: #3960cc; } .esglb1right h4 { font-size: 2.5rem; color: #ffffff; line-height: 2.8rem; margin-bottom: 2rem; } .esglb1right p { font-size: 1.3rem; line-height: 2.5rem; color: #ffffff; } .esg1 { padding: 5rem 0; border-top: 1px solid #b0b0b0; border-bottom: 1px solid #b0b0b0; margin-top: 5rem; margin-bottom: 5rem; } .esg1img { display: flex; flex-wrap: wrap; margin-top: 2rem; } .esg1img1 { width: 34%; } .esg1img2 { width: 60%; margin-left: 6%; } .esg2kb { width: 100%; height: 2rem; } .esg2lb1 { display: flex; flex-wrap: wrap; margin-top: 1rem; margin-bottom: 2rem; } .esg2lb1 li { width: 31.33%; margin: 1rem 0; position: relative; padding-left: 2rem; font-size: 1.5rem; color: #333; line-height: 2rem; } .esg2lb1 li span { font-size: 2rem; color: #003589; font-weight: bold; } .esg2lb1 li:nth-child(3n-1) { margin: 1rem 3%; } .esg2lb1 li:after { height: 100%; width: 0.1875rem; border-radius: 20px; content: ""; background-color: #062283; position: absolute; left: 0; top: 0; } .esg2lb2 { width: 100%; display: flex; flex-wrap: wrap; } .esg2lb2 div { width: 31.33%; } .esg2lb2 div:nth-child(2) { margin: 0 3%; } .esg2lb2 div img { width: 100%; border: 2px solid #234199; box-sizing: border-box; } .esg2lb2 div p { font-size: 1.5rem; line-height: 2.8125rem; margin-top: 1rem; text-align: center; } .esgxz { font-size: 1.75rem; line-height: 2.8rem; margin-top: 5rem; display: inline-block; color: #ec2790; text-decoration: revert; transition: all 0.3s ease; } .esgxz:hover { color: #062283; text-decoration: revert; } .bgzclb{ padding: 4rem; background-color: #f7f7f7; margin-bottom: 3rem; } .bgzclb:last-child{ margin-bottom: 0; } .bgzclb p{ font-size: 1.5rem; color: #666; line-height: 3rem; position: relative; padding: 1.5rem 2.5rem; padding-right: 25rem; background-color: #ffffff; margin-bottom: 1.3rem; } .bgzclb p a{ font-size: 1.1rem; color: #bfbfbf; line-height: 3rem; height: 3rem; display: block; background-color: #f0297b; color: #ffffff; padding: 0 2rem; position: absolute; bottom: 0; top: 0; margin: auto; right: 2.5rem; border-radius: 10px; transition: all 0.3s ease; } .bgzclb p a i{ font-size: 1.5rem; margin-right: 0.5rem; vertical-align: middle; } .bgzclb p a:hover{ background-color: #062283; } @media only screen and (max-width: 1700px) { html { font-size: 14px; } .footer3js { flex: 3; padding: 0 5%; } .bannermain1 { width: 45%; } .productdet1lb p { padding-right: 7%; } .productdet1lb1 div h4 { padding: 0 2%; } .jjfaejy1top div img { height: 4rem; width: 4rem; } .jjfaejy1top div h4 { font-size: 1.5rem; } .jjfaejy1top div a { float: right; font-size: 1rem; display: inline-block; background: #f0297b; color: #ffffff; line-height: 3.15rem; padding: 0 2rem; border-radius: 10px; margin-top: 0; } .productdet1 .jjfaejy1top div a { padding: 0 1.3rem; } .dszzc1 img { width: 24.2%; float: left; } .dszzc1 div h4 { font-size: 2rem; line-height: 4rem; color: #224099; padding-right: 5%; margin-top: 4.25rem; position: relative; } .dszzc1 div p { color: #666; font-size: 1.6rem; line-height: 3.5rem; margin-bottom: 2rem; } .index02topmain { min-width: 60%; max-width: 65%; position: absolute; left: 3.5rem; bottom: 10px; padding: 2.125rem 6.5rem 2.5rem 2.5rem; background-color: rgba(255, 255, 255, 0.8); border-radius: 20px 20px 0 0; } .index02topmain h4 { margin-bottom: 2.5rem; } .index04bottommain a { font-size: 1.8rem; } .jjfasjy2lb1 div { flex: 1; padding: 3% 3%; padding-right: 5%; } .newslb1main li div { padding: 2.8rem; } .ppgslb1 div p { line-height: 2.5rem; margin-bottom: 1.5rem; font-size: 1.3rem; } .ppgslb1 div p span{ font-size: 1.3rem; line-height: 2.5rem; } .qywhlb div h4 { font-size: 1.55rem; color: #333333; line-height: 4rem; flex: 3; font-weight: bold; margin-right: 3rem; } .qywhlb div p, .qywhlb div p span { font-size: 1.55rem; } .index02bottommain { padding: 2.125rem 6.5rem 2.5rem 2.5rem; } .index02bottommain h5 { font-size: 2rem; line-height: 2.5rem; } .xyzp2main1 i { right: 5%; bottom: -3%; } .xyzp2main1 select { font-size: 1.2rem; } .xyzp2main1 input { font-size: 1.2rem; } .xyzp2main1 { margin-right: 1rem; } .xyzp2main1 div { font-size: 1.2rem; } .xyzp2main1 div i { position: initial; font-size: 1.2rem; width: 1.5rem; height: 1.5rem; line-height: 1.2rem; text-align: center; border: 1px solid #f0297b; border-radius: 50%; /* position: absolute; */ color: #f0297b; vertical-align: initial; display: inline-block; margin-right: 5%; } .index04bottommain a i { float: right; width: 4rem; height: 4rem; background-color: #f02a7c; font-size: 1.8rem; display: block; text-align: center; line-height: 4rem; border-radius: 10px; color: #ffffff; margin-top: 0.7rem; } .jjfasjy2lb1 div h6 { font-size: 1.1rem; line-height: 2.1rem; position: relative; color: #ffffff; padding-left: 1.5rem; letter-spacing: 0px; } .jjfasjy2lb1 div h4 { font-size: 2.3rem; line-height: 3rem; color: #ffffff; margin-bottom: 2.5rem; } .index02topmain h4 { font-size: 2.9rem; color: #22399d; line-height: 4rem; margin-bottom: 3.3rem; } .productdet3 .index02bottommain { bottom: 15%; padding: 2.125rem 85px 2.5rem 2.5rem; } .index02bottommain h5 { margin-bottom: 2rem; } .swiper-containerjjfasjylb1 .index02bottommain { bottom: 12%; } .swiper-paginationlb1 { bottom: 20px; } .headermenu1 { margin-right: 1.8rem; } .headermenuname { line-height: 125px; font-size: 1.05rem; color: #22399d; cursor: pointer; } .headerright span { color: #22399d; margin: 0 1.4rem; } .headerlogo { height: 50px; float: left; margin-top: 37.5px; } .ppgslb1 div { padding: 5% 5%; } .headermenu1cd a { display: inline-block; white-space: nowrap; padding: 0rem 1.3rem; margin: 2rem 0; font-size: 1.2rem; line-height: 3rem; color: #22399d; border-right: 1px solid #224099; } .index02bottommain h5 { font-size: 1.8rem; } .index02bottommain { padding: 2.125rem 2.5rem 2.5rem 2.5rem; } .jjfaejy2jsen .index04bottommain a{ font-size: 1rem; } .mbxright a { font-size: 0.9rem; padding: 0 0.8rem; border-radius: 0.3rem; color: #ffffff; background-color: #ec2790; margin-left: 0.3rem; line-height: 40px; } } @media only screen and (max-width: 1440px) { html { font-size: 13px; } .productdet1lb1 div h4 { font-size: 1.4rem; } .productdet1lb1 div p { font-size: 1.4rem; } .dszzc1 div h4 { font-size: 1.8rem; line-height: 3rem; } .swiper-containerjjfasjylb1 .index02bottommain { padding: 2.125rem 65px 2.5rem 2.5rem; } .headermenu1cd a { display: inline-block; white-space: nowrap; padding: 0rem 1.3rem; margin: 2rem 0; font-size: 1.2rem; line-height: 3rem; color: #22399d; border-right: 1px solid #224099; } .headermenu1cd a img { height: 3rem; float: left; margin-right: 0.5rem; } .xyzp2main1 div i { position: initial; font-size: 1.2rem; width: 1.5rem; height: 1.5rem; line-height: 1.5rem; text-align: center; border: 1px solid #f0297b; border-radius: 50%; /* position: absolute; */ color: #f0297b; vertical-align: initial; display: inline-block; margin-right: 5%; } .bannermain1 h4 { font-size: 2.15rem; color: #ffffff; margin-bottom: 2.5rem; line-height: 3.5rem; } .headermenu1 { margin-right: 1.7rem; } .jjfaejy2jsen .index04bottommain a{ font-size: 1.1rem; } } @media only screen and (max-width: 1280px) { html { font-size: 12px; } .headermenu { margin-left: 4%; } .headermenu1 { margin-right: 2rem; } .headerlogo { height: 40px; float: left; margin-top: 42.5px; } .jjfaejy2jsen .index04bottommain a{ font-size: 1.1rem; } } @media only screen and (max-width: 640px) { body{ min-width: 100%; padding-top: 75px !important; } header { height: 75px; } .header { width: 100%; padding: 0 20px; margin: auto; } .headerlogo { height: 27px; float: left; margin-top: 24px; position: relative; z-index: 9; } .headerall { margin-left: 0; position: fixed; width: 100%; background: #ffffff; height: calc(100% - 75px); left: 0; top: 75px; display: none; overflow: auto; border-top: 1px solid #224099; } .headermenu1 { float: left; position: relative; margin-right: 0rem; width: 100%; border-bottom: 2px solid #e0e3ef; } .headermenuname { line-height: 60px; font-size: 15px; color: #22399d; cursor: pointer; padding: 0 20px; font-weight: bold; display: block; width: 100%; } .headermenu { margin-left: 0; } .headermenuname{ position: relative; pointer-events: none; } .headermenuname:after{ content: " "; font-size: 23px; color: #224099; position: absolute; right: 20px; top: 0; line-height: 58px; } .headerright { float: right; line-height: 30px; width: 100%; text-align: center; /* position: absolute; */ bottom: 5%; left: 0; margin: 5% 0; margin-top: 10%; } .mobilemenu { display: block; width: 35px; height: 30px; position: fixed; right: 20px; top: 18.5px; overflow: hidden; z-index: 99; } .mobilemenu span{ width: 100%; height: 4px; background-color: #22399d; border-radius: 5px; transition: all 0.3s ease; } .mobilemenu span:nth-child(1){ position: absolute; left: 0; top: 0; } .mobilemenu span:nth-child(2){ position: absolute; left: 0; top: 13px; } .mobilemenu span:nth-child(3){ position: absolute; left: 0; bottom: 0; } .mobilemenuxz span:nth-child(2){ left: -40px; } .mobilemenuxz span:nth-child(1){ transform: rotate(45deg); left: 3px; top: 13px; width: 30px; } .mobilemenuxz span:nth-child(3){ transform:rotate(-45deg); left: 3px; top: 13px; width: 30px; } .headerright a { font-size: 1.3rem; color: #22399d; vertical-align: middle; } .headerright span:after { width: 2px; height: 1.8rem; background-color: #22399d; position: absolute; left: 0; top: 0; content: ''; } .headermenu1cd { position: initial; display: none; top: 125px; background-color: #fbfbfb; z-index: 2; left: 0; width: 100%; max-height: 1000px; overflow: initial; text-align: center; padding: 10px 0; transition: all 0.3s ease; } .headermenu1cd a img { display: none; } .headermenu1cd a { display: inline-block; white-space: nowrap; padding: 0rem 1.5rem; margin: 0rem 0; font-size: 1.2rem; line-height: 3rem; color: #22399d; border-right: 0px solid #224099; width: 100%; text-align: left; } .headermenu1xz .headermenuname span:after{ display: none; } .headermenu1xz .headermenu1cd{ display: block; } .headermenu1xz .headermenuname:after { content: ""; width: 13px; height: 2px; background-color: #224099; font-size: 23px; color: #224099; position: absolute; right: 23px; top: 30px; line-height: 58px; } .dhmenu{ display: none; } footer { width: 100%; padding: 20px 0; box-sizing: border-box; background-color: #22399d; padding-top: 0; } .footer1 { display: block; } .footer1lb { flex: 1; position: relative; } .footer1lb:after{ content: ""; width: calc(100% - 40px); height: 2px; background-color:#4558ac; position: absolute; left: 20px; bottom: 0; } .footer1lb h2 { color: #ffffff; margin-bottom: 0; line-height: 60px; font-size: 15px; cursor: pointer; padding: 0 20px; font-weight: bold; display: block; width: 100%; } .footer1lb1 { margin-bottom: 0; background-color: #1a2b74; z-index: 2; left: 0; width: 100%; max-height: 1000px; overflow: initial; /* text-align: center; */ padding: 20px 20px; display: none; position: relative; transition: all 0.3s ease; } .footer1lb1 a { font-size: 14px; color: #adb3cd; display: block; margin-bottom: 1.4rem; } .footer1lb2 { margin-bottom: 0; background-color: #1a2b74; z-index: 2; left: 0; width: 100%; max-height: 1000px; overflow: initial; /* text-align: center; */ padding: 20px 20px; transition: all 0.3s ease; position: relative; display: none; } .footer1lb2:after{ content: ""; width: calc(100% - 40px); height: 2px; background-color:#4558ac; position: absolute; left: 20px; bottom: 0; } .footer1lb1 a:last-child{ margin-bottom: 0; } .footer1lb2:last-child:after{ content: ""; width: 0; } .footer1lbxz .footer1lb1{ display: block; } .footer1lbxz .footer1lb2{ display: block; } .footer1lbxz:after{ display: none; } .footer1lb2 h4 { font-size: 14px; color: #adb3cd; display: block; margin-bottom: 1.2rem; } .footer1lb2 a { font-size: 13px; color: #adb3cd; display: block; margin-bottom: 15px; } .footer1lb h2:after{ content: " "; font-size: 23px; color: #ffffff; position: absolute; right: 20px; top: 0; line-height: 58px; } .footer1lbxz h2:after{ content: ""; width: 13px; height: 2px; background-color: #ffffff; font-size: 23px; color: #224099; position: absolute; right: 23px; top: 30px; line-height: 58px; } .footer1lb2 a:last-child{ margin-bottom: 0px; } .footer1lb1:after { content: ""; width: calc(100% - 40px); height: 2px; background-color: #4558ac; position: absolute; left: 20px; bottom: 0; } .footer1lb1:last-child:after{ display: none; } .footer2lb:nth-child(2) { display: none; } .footer2lb { display: inline-block; width: 100%; text-align: center; } .footer2lb h4 { display: block; font-size: 1.5rem; color: #ffffff; float: left; line-height: 2.2rem; width: 100%; text-align: center; margin-bottom: 10px; } .footer2lb div { display: inline-block; margin-left: 1.8rem; position: relative; margin: 0 1rem; } .footer2 { padding-bottom: 0; border-bottom: 0px solid #ffffff; } .footer3left{ display: none; } .footer3 { display: block; align-items: center; padding: 0 20px; } .footer3js { flex: 3; padding: 0; margin-bottom: 20px; border-top: 2px solid #4558ac; border-bottom: 2px solid #4558ac; padding: 2rem 0; } .footer3right { flex: 1; text-align: center; } .footer3js p { font-size: 1.1rem; color: #bdc4e2; opacity: 0.8; line-height: 2.2rem; letter-spacing: 1px; } .banner { width: 100%; position: relative; height: 30rem; overflow: hidden; } .banner img { width: auto; display: block; border-bottom: 5px solid #45c8f5; height: 100%; max-width: 10000%; position: absolute; left: -100%; right: 0; bottom: 0; margin: auto; } .bannermain1 { width: 95%; position: absolute; left: 2.5%; top: auto; bottom: 3rem; padding: 20px; background-color: rgba(34, 57, 157, 0.8); border-radius: 20px; margin: auto; height: fit-content; } .bannermain1 h4 { font-size: 2rem; color: #ffffff; margin-bottom: 0.5rem; line-height: 3.5rem; } .bannermain1 p { font-size: 1.2rem; line-height: 2rem; color: #ffffff; word-break: inherit; } .mbx{ display: none; } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: 40rem; position: relative; } .swiper-slide img{ height: 100%; width: initial !important; max-width: 10000%; position: absolute; left: -176%; bottom: 0; } .lbmain1 { position: absolute; top: auto; bottom: 90px; margin: auto; left: 25px; height: auto; } .lbmain1 h4 { font-size: 2rem; color: #224099; line-height: 3.5rem; } .lbmain1 a { font-size: 1.15rem; display: inline-block; background: #f0297b; color: #ffffff; line-height: 3.15rem; padding: 0 3.2rem; border-radius: 10px; margin-top: 1.5rem; } .swiper-container .zyqh1, .swiper-container .zyqh2{ display: none; } .swiper-paginationlb { display: inline-block; text-align: center; height: 18px; padding: 0 5px; border-radius: 20px; width: auto !important; background: rgba(34, 57, 157, 0.8); padding-top: 3px; } .index01main { display: inline-block; width: 40%; text-align: center; padding-bottom: 20px; vertical-align: text-top; } .index01main img { display: inline-block; height: 3.7rem; float: initial; margin-top: 20px; } .index01main h4 { font-size: 1.3rem; color: #ffffff; line-height: 30px; margin-left: 0; display: block; text-align: center; padding: 5px 0; } .index01main p span { display: block; line-height: 1.4rem; font-size: 13px; } .index01main p span { display: block; line-height: 1.4rem; font-size: 13px; display: block; width: 100%; text-align: center; } .index01main .index01dhn2 span { line-height: 1.4rem; } .index01 i { font-size: 2rem; margin: 0 3%; color: #ffffff; vertical-align: top; margin-top: 70px; display: inline-block; } .index01main img { display: inline-block; height: 2.7rem; float: initial; margin-top: 20px; margin-bottom: 5px; } .index01main p { margin-left: 0; } .index02 { width: 100%; padding: 20px; margin: 0; } .index02top { width: 100%; position: relative; height: 40rem; overflow: hidden; } .index02top img { width: initial; border-bottom: 5px solid #44c8f5; max-width: 10000%; height: 100%; position: absolute; left: -100%; bottom: 0; } .index02topmain { min-width: 90%; max-width: 90%; position: absolute; left: 5%; bottom: 5px; padding: 20px; background-color: rgba(255, 255, 255, 0.8); border-radius: 20px 20px 0 0; } .index02topmain h4 { font-size: 1.6rem; color: #22399d; line-height: 2.5rem; margin-bottom: 2rem; font-weight: bold; } .index02topmain a { font-size: 1.15rem; display: inline-block; background: #f0297b; color: #ffffff; line-height: 3rem; padding: 0 3rem; border-radius: 10px; transition: all 0.3s ease; } .index02bottom { display: block; margin-top: 2rem; width: 100%; } .index02bottom1 { position: relative; flex: 1; width: 100%; margin-bottom: 2rem; } .index02bottommain { padding: 20px; width: 90%; left: 5%; margin: 0; } .index02bottommain h4 { font-size: 1rem; color: #ffffff; margin-bottom: 0.5rem; } .index02bottommain h5 { font-size: 1.4rem; margin-bottom: 0.5rem; } .index02bottommain p { font-size: 1rem; color: #ffffff; line-height: 1.5rem; margin-bottom: 1rem; } .index02bottommain a { font-size: 1.15rem; display: inline-block; background: #f0297b; color: #ffffff; line-height: 3rem; padding: 0 3rem; border-radius: 10px; transition: all 0.3s ease; } .index02bottom1:nth-child(2) { margin-left: 0; margin-bottom: 0; } .index02bottom div h2 { font-size: 1.2rem; line-height: 3rem; background-color: #ffffff; padding: 0 3rem; box-shadow: 0px 0px 10px #797979; color: #22399d; position: absolute; left: 3%; top: 4%; border-radius: 10px; font-weight: bold; } .index02bottom div h2:before { width: 4px; height: 1.5rem; content: ""; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; background-color: #44c8f5; } .index02bottom div h2:after { width: 4px; height: 1.5rem; content: ""; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; background-color: #44c8f5; } .index03 { background-color: #f7f7f7; padding: 20px; } .index03lb { display: block; } .index03lb1bottom { padding: 20px; } .index03lb1bottom h4 { font-size: 1.2rem; line-height: 2rem; height: 6rem; margin-bottom: 2rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -moz-box; -moz-line-clamp: 3; -moz-box-orient: vertical; display: -o-box; -o-line-clamp: 3; -o-box-orient: vertical; } .index03lb1bottom a { font-size: 1.15rem; display: inline-block; background: #f0297b; color: #ffffff; line-height: 3rem; padding: 0 4rem; border-radius: 10px; transition: all 0.3s ease; } .index03lb1:nth-child(2) { margin: 15px 0; } .index04 { width: 100%; padding: 20px; background-color: #ffffff; } .index04 .index02topmain h4 { font-size: 1.6rem; line-height: 4rem; } .index04bottommain { position: absolute; left: 0; right: 0; margin: auto; bottom: 5px; padding: 10px 20px; background-color: rgba(255, 255, 255, 0.8); border-radius: 20px 20px 0 0; margin: 0 auto; width: 90%; } .index04bottommain a i { float: initial; width: 3rem; height: 3rem; background-color: #f02a7c; font-size: 1.5rem; display: block; text-align: center; line-height: 3rem; border-radius: 10px; color: #ffffff; margin-top: 0; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; } .dszzc { padding: 20px; } .jjfaejy2js { margin-bottom: 1.5rem; } .jjfaejy2js h4 { font-size: 1.5rem !important; color: #333333; margin-bottom: 0.5rem !important; font-weight: bold; } .dszzc1 { width: 100%; border-bottom: 5px solid #44c8f5; margin-bottom: 2rem; } .dszzc1 img { width: 100%; float: left; margin-bottom: 2rem; } .dszzc1 div { width: 100%; float: right; } .dszzc1 div h4 { font-size: 1.5rem; line-height: 2.5rem; color: #224099; padding-right: 0; margin-top: 3.25rem; position: relative; } .dszzc1 div h4:before { content: "”"; font-size: 4rem; position: absolute; right: -1rem; bottom: -5rem; color: #224099; font-family: 黑体; } .dszzc1 div h4:after { content: "“"; font-size: 4rem; position: absolute; left: -2rem; top: -3rem; color: #224099; font-family: 黑体; } .dszzc1 div p { color: #666; font-size: 1.4rem; line-height: 4rem; margin-bottom: 2rem; } .qyjs { width: 100%; padding: 20px; } .qyjsimg1 { display: block; width: 100%; margin-bottom: 2rem; border-bottom: 5px solid #45c8f5; } .qyjs1left { width: 100%; float: left; } .qyjs1left p { font-size: 1.3rem; color: #666666; line-height: 2.5rem; margin-bottom: 1.5rem; text-align: justify !important; } .qyjs1right { width: 100%; float: right; } .zjzd1 { padding: 20px; padding-bottom: 0; } .zjzd2 { background-color: #f9f9f9; padding: 10px; margin-bottom: 2rem; } .zjzd2tit a { flex: 1; border-right: 1px solid #bfbfbf; color: #333333; font-size: 1.2rem; text-align: center; line-height: 3rem; cursor: pointer; /* height: 6rem; */ padding: 1rem 0; max-width: 25%; } .zjzd2tit a span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; width: 100%; line-height: 2rem; padding: 0; } .zjzd2tit a b { display: block; font-size: 0.85rem; font-weight: normal; } .zjzd2tit { display: flex; padding-bottom: 1rem; border-bottom: 3px solid #c4c4c4; margin-bottom: 1rem; } .zjzd2main ul li h4 { font-size: 2rem; color: #333333; margin-bottom: 1rem; } .zjzd2main ul li p { line-height: 2rem; color: #666666; } .zjzd3 { padding: 20px; background-color: #f9f9f9; } .zjzd3 ul li div::-webkit-scrollbar { width: 10px; padding: 0 3px; border-radius: 10px; background-color: #d9d9d9; } /* 滚动槽 */ .zjzd3 ul li div::-webkit-scrollbar-track { -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.3); border-radius: 10px; } /* 滚动条滑块 */ .zjzd3 ul li div::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #d9d9d9; } .zjzd3 ul li div::-webkit-scrollbar-thumb:window-inactive { background-color: #f3126f; } .jjfaejy2js p { font-size: 1.2rem; color: #666666; line-height: 2.5rem; } .qywhlb div { display: block; align-items: center; background-color: #f7f7f7; margin-bottom: 20px; padding: 10px; text-align: center; } .qywhlb div h4 { font-size: 1.4rem; color: #333333; line-height: 4rem; flex: 3; font-weight: bold; margin-right: 0; border-right: 0px solid #bfbfbf; } .qywhlb div p, .qywhlb div p span { font-size: 1.2rem; } .qywhlb div p span { font-size: 1.2rem; color: #333333; line-height: 2rem; display: block; } .ppgslb1 { display: block; background-color: #f7f7f7; } .ppgslb1 h4 { flex: 1; width: 100%; } .ppgslb1 div { flex: 1; padding: 5% 5%; position: relative; padding-right: 5%; max-width: 100%; } .ppgslb1 h4 img { width: 100%; border-bottom: 5px solid #44c8f5; } .hyxw1 { width: 100%; padding: 20px; } .hyxw1ss { position: initial; right: 0; top: 0; bottom: 0; margin: auto; height: 3.2rem; width: 100%; margin-top: 10px; } .hyxw1ss div { position: relative; height: 3.2rem; width: 73%; float: left; border: 1px solid #dddddd; padding-left: 3rem; padding-right: 1rem; } .hyxw1ss div i { font-size: 1.5rem; color: #777777; position: absolute; left: 1rem; line-height: 3.2rem; top: 0; } .hyxw1ss button { width: 24%; float: right; font-size: 1rem; background: #f0297b; color: #ffffff; line-height: 3rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .newslb1main li { width: 100%; float: left; } .newslb1main li div { padding: 20px; } .newslb1main li div h4 { font-size: 1.4rem; color: #333333; line-height: 2rem; margin-bottom: 1rem; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .newslb1main li div p { font-size: 1.2rem; height: 6rem; color: #333333; margin-bottom: 1.5rem; line-height: 2rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -moz-box; -moz-line-clamp: 3; -moz-box-orient: vertical; display: -o-box; -o-line-clamp: 3; -o-box-orient: vertical; font-weight: 100; } .newslb1main li:nth-child(3n-1) { margin: 10px 0; } .hyxw1ss div input { font-size: 1rem; } .hyxwxq1 { background-color: #f4f4f4; padding: 15px; text-align: center; margin-bottom: 2rem; } .hyxwxq1 h4 { font-size: 1.4rem; line-height: 2rem; margin-bottom: 1rem; } .hyxwxq2 { text-align: center; padding: 0; } .hyxwxq2 p { font-size: 1.2rem; color: #333333; line-height: 2rem; margin-bottom: 1rem; } .jjfaejy1 { padding: 20px; padding-top: 20px; } .jjfaejy1top { display: block; margin-bottom: 2rem; align-items: center; } .jjfaejy1top div:nth-child(1) { margin-right: 0; margin-bottom: 10px; } .jjfaejy1top div { flex: 1; padding: 15px; background-color: #f7f7f7; } .jjfaejy1top div img { height: 3rem; width: 3rem; margin-right: 0.5rem; } .jjfaejy1top div h4 { font-size: 1rem; max-width: 50%; } .jjfaejy1top div a { float: right; font-size: 1rem; display: inline-block; background: #f0297b; color: #ffffff; line-height: 3rem; padding: 0 1rem; border-radius: 10px; margin-top: 0; } .jjfaejy2 { padding: 0 20px; margin-bottom: 20px; } .jjfaejy2lb { display: block; margin-top: 2rem; } .index04bottommain a { line-height: 2rem; position: relative; width: 100%; padding-right: 4rem; display: block; } .jjfaejy3 { padding: 20px; background-color: #f7f7f7; } .jjfaejy3lb { width: 100%; display: block; } .jjfaejy3lb div:nth-child(1) { margin-right: 0; margin-bottom: 10px; } .jjfaejy3lb:last-child { margin-top: 10px; } .jjfaejy3lb div { flex: 1; text-align: left; background-color: #ffffff; padding: 10px; } .jjfaejy3lb div img { display: inline-block; height: 3rem; margin-right: 1rem; vertical-align: middle; } .jjfaejy3lb div p { display: inline-block; font-size: 1.2rem; color: #333333; text-align: left; line-height: 2.5rem; vertical-align: middle; max-width: 80%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .jjfasjy2 { padding: 20px; background-color: #f7f7f7; } .jjfasjy2tit { font-size: 2rem; color: #333333; margin-bottom: 2rem; } .jjfasjy2lb1 { display: block; background-color: #22399d; } .jjfasjy2lb1:nth-child(2n) { margin: 20px 0; } .jjfasjy2lb1 h4 { flex: 1; width: 100%; } .jjfasjy2lb1 div { flex: 1; width: 100%; max-width: 100%; padding: 5%; position: relative; padding-right: 10%; } .jjfasjy2lb1 div h4 { font-size: 1.4rem; line-height: 2rem; color: #ffffff; margin-bottom: 1rem; } .jjfasjy2lb1 div p { font-size: 1rem; line-height: 2rem; position: relative; color: #ffffff; padding-left: 1.3rem; letter-spacing: 0px; } .jjfasjy2lb1 div p:after { content: ""; width: 0.8rem; height: 0.8rem; border-radius: 50%; background: #ffffff; position: absolute; left: 0; top: 0.6rem; } .jjfasjy2lb1 div a { font-size: 1rem; display: inline-block; background: #f0297b; color: #ffffff; line-height: 3rem; padding: 0 2.5rem; border-radius: 10px; position: initial; bottom: 10%; left: 5%; margin-top: 10px; } .jjfasjy3 { padding: 20px; } .jjfaejy2js a { position: initial; right: 0; top: 0; font-size: 1.2rem; display: inline-block; background: #f0297b; color: #ffffff; line-height: 3rem; padding: 0 2.5rem; border-radius: 10px; margin-top: 10px; } .productdet1 { padding: 20px; } .productdet1lb p { width: 100%; float: left; font-size: 1.4rem; line-height: 2.5rem; position: relative; padding-right: 14%; color: #333; padding-left: 1.5rem; padding-right: 0; letter-spacing: 1px; } .productdet1lb p:after { top: 0.9rem; } .productdet1lb { margin-bottom: 2rem; } .productdet1lb1 div { width: 100%; float: left; border-bottom: 1px solid #cbcbcb; } .productdet1lb1 div h4 { font-size: 1.1rem; line-height: 5rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .productdet1lb1 div p { font-size: 1.2rem; width: 60%; float: left; line-height: 3rem; color: 2; padding: 1rem; background: #f7f7f7; } .productdet1lb1 div:nth-last-child(3) { border-bottom: 1px solid #cbcbcb; } .productdet1lb1 { margin-bottom: 2rem; } .productdet1img { padding: 0; margin-bottom: 2rem; } .productdet1lb2 { background-color: #f9f9f9; padding: 0; } .productdet1lbmain li { width: 100%; float: left; display: inline-block; margin-right: 0; margin-bottom: 10px; } .productdet1lbmain li a p { font-size: 1.3rem; color: #333333; padding: 1.5rem 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .zdzg { width: 100%; padding: 20px; padding-bottom: 0; } .zdzghzhb { width: 100%; padding: 10px; background-color: #f7f7f7; margin-bottom: 2rem; } .zdzghzhb1 img { width: 48%; float: left; margin-right: 0; margin-bottom: 10px; } .zdzghzhb1 img:nth-child(2n){ float: right; } .zdzghzhbbt { font-size: 1.2rem; line-height: 1.5rem; text-align: center; color: #333; margin-top: 0; } .zdzg1 { width: 100%; padding: 20px; background-color: #f7f7f7; } .zdzg1lb li { width: 100%; padding: 10px 0; float: left; position: relative; } .zdzg1lb li div h4 { font-size: 1.7rem; font-weight: bold; color: #333; line-height: 3rem; margin-bottom: 0.5rem; position: relative; } .zdzg1lb li div p { font-size: 1rem; color: #333333; line-height: 2rem; padding-left: 1rem; position: relative; } .zdzg1lb li:nth-child(2n) div { text-align: right; padding-right: 5%; padding-left: 0; } .zdzg1lb li div { width: 50%; padding-left: 5%; float: right; display: block; position: relative; } .zdzg1lb li:nth-child(2n) div p { padding-left: 0; padding-right: 1rem; } .zdzg1lb li:nth-child(2n) div p:after { top: 0.8rem; } .zdzg2 { padding: 20px; } .zdzg3 { padding: 20px; padding-top: 0; margin-top: -20px; } .jjfasjy2lb1 div h6 { font-size: 1.1rem; line-height: 1.7rem; position: relative; color: #ffffff; padding-left: 1.5rem; letter-spacing: 0px; margin: 10px 0; font-weight: normal; } .zdhw { padding: 20px; } .zdhw1 { padding: 20px; background-color: #f7f7f7; } .zdhw1mian div { position: initial; right: 0; bottom: 35%; margin-top: 10px; } .zdhw1mian div p { font-size: 1.2rem; color: #333333; line-height: 2.5rem; position: relative; padding-left: 2rem; } .zdhw2 { padding: 20px; } .swiper-containerzdhw2 .swiper-slide a img { width: 100% !important; border-bottom: 5px solid #45c8f5; position: initial; } .swiper-containerzdhw2 .swiper-slide a p { font-size: 1.4rem; } .zdhw2lb { position: relative; padding-bottom: 0; } .gbjg { padding: 20px; } .gbjglb1 p { width: 100%; float: left; font-size: 1rem; line-height: 2rem; position: relative; font-weight: 500; } .gbjglb1 { margin-bottom: 2rem; } .gbjglb2 div span { width: 33.33%; display: block; border-right: 1px solid #aaaaaa; float: left; line-height: 1.48rem; padding: 10px 5px; font-size: 1rem; color: #333; font-weight: 100; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .gsgg { padding: 20px; } .tzzgx1main { padding: 20px 10px; background-color: #f7f7f7; } .tzzgx1tit a { font-size: 1.3rem; color: #333; line-height: 6.8rem; padding: 0 1.2rem; cursor: pointer; width: 25%; } .tzzgx1tit .tzzgx1titxz { font-size: 1.5rem; font-weight: bold; } .tzzgx1main1 ul li { width: 100%; float: left; background-color: #ffffff; padding: 10px; margin-bottom: 1.3rem; display: none; } .tzzgx1main1 ul li h4 { float: left; width: 100%; font-size: 1.2rem; color: #666; line-height: 3rem; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .tzzgx1main1 ul li a { float: right; font-size: 1rem; color: #bfbfbf; line-height: 2.5rem; display: block; background-color: #f0297b; color: #ffffff; padding: 0 1.5rem; border-radius: 10px; margin-left: 0; } .tzzgx1main1 ul li p { float: left; font-size: 1rem; color: #bfbfbf; line-height: 2.5rem; } .yxzx { padding: 20px; } .yxzxmain p { width: 100%; float: left; font-size: 1.2rem; color: #333; line-height: 2rem; margin: 5px 0; } .contact_map { width: 100%; height: 300px; } .yxzxmain { width: 100%; border-bottom: 1px solid #aaaaaa; padding-bottom: 2rem; margin-bottom: 2rem; } .rcln1 { padding: 20px; } .rcln1 .index02bottommain h5 { margin-bottom: 0; margin-top: 0; } .newslb1 { padding: 20px; background-color: #f7f7f7; } .index02bottom1 img { width: 100%; border-bottom: 5px solid #44c8f5; } .newslb1main li img { width: 100%; border-bottom: 5px solid #44c8f5; } .newslb1main li div a { font-size: 1.15rem; display: inline-block; background: #f0297b; color: #ffffff; line-height: 3rem; padding: 0 3rem; border-radius: 10px; } .ygfc { width: 100%; padding: 20px; } .jjfasjy2lb1 h4 img { width: 100%; border-bottom: 5px solid #44c8f5; } .shzp { padding: 20px; } .shzp1tit { width: 100%; display: flex; padding: 0 3%; background-color: #224093; } .shzp1tit p { flex: 1; margin: 0 0.3rem; font-size: 1rem; color: #ffffff; line-height: 4rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; } .shzp1tit1 { width: 100%; display: flex; padding: 0 3%; position: relative; background-color: #f7f7f7; } .shzp1tit1 p { flex: 1; margin: 0 0.3rem; font-size: 0.8rem; color: #333; line-height: 5rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .shzp1tit1 i{ display: none; } .shzpmain1 { padding: 10px; background-color: #f7f7f7; display: none; } .shzpmainxz .shzp1tit1 .jjfh2 { display: none; } .xyzp1 { padding: 20px; } .xyzp1img1 { width: 100%; margin-bottom: 20px; border-bottom: 5px solid #45c8f5; } .xyzp1lb li { width: 48%; float: left; margin-right: 0; position: relative; text-align: center; margin-bottom: 15px; } .xyzp1lb li span{ display: none; } .xyzp1lb li p { font-size: 1.2rem; margin-top: 1rem; } .xyzp1lb { width: 100%; float: left; margin-bottom: 20px; } .xyzp1lb1 li { width: 100%; float: left; background-color: #f7f7f7; padding: 15px; height: auto; padding-left: 7rem; margin-bottom: 1rem; position: relative; } .xyzp1lb1 li i { font-size: 4rem; height: 4rem; width: 6rem; text-align: center; line-height: 4rem; color: #224093; position: absolute; left: 0.8rem; top: 0; bottom: 0; margin: auto; } .xyzp1lb1 li h4 { font-size: 1.4rem; line-height: 2rem; color: #333; margin-top: 0.5rem; margin-bottom: 0.5rem; } .xyzp1lb1 li p { font-size: 1.1rem; line-height: 1.6rem; color: #333; } .xyzp2 { padding: 20px; background-color: #f7f7f7; } .xyzp2main { display: block; } .xyzp2main1 { margin-right: 0; margin-bottom: 15px; } .xyzp2main1 p { font-size: 1.3rem; height: auto; margin-bottom: 5px; color: #333; line-height: 2rem; } .xyzp2main1 select { padding: 0 10px; } .xyzp2btn { text-align: center; margin-top: 2rem; } .xyzp2btn button { font-size: 1.15rem; background: #f0297b; color: #ffffff; line-height: 3rem; padding: 0 3rem; border: none; border-radius: 10px; } .gzhj { width: 100%; padding: 20px; } .gallery a { width: 48%; float: left; margin-right: 0; margin-bottom: 10px; display: inline-block; } .gallery a:nth-child(2n){ float: right; } .gallery a p { text-align: center; font-size: 1.2rem; color: #333; line-height: 2rem; margin-top: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .flsm { padding: 20px; width: 100%; } .flsmtit { font-size: 2rem; color: #333333; margin-bottom: 0.5rem; } .search { position: fixed; top: 76px; background-color: #fbfbfb; z-index: 2; display: block; left: 0; width: 100%; display: none; text-align: right; transition: all 0.3s ease; padding: 0 20px; box-shadow: 0px 10px 10px #c7c7c7; } .searchmain input { width: 65%; height: 3rem; border: 1px solid #f0297b; border-radius: 36px; padding: 0 3%; font-size: 1.2rem; } .searchmain button { height: 3rem; padding: 0 2rem; background: #22399d; border-radius: 37px; font-size: 1.2rem; color: #ffffff; margin-left: 1%; transition: all 0.3s ease; } .headerright i { font-size: 1.3rem; color: #22399d; cursor: pointer; vertical-align: middle; } .headermenu1 .headermenunamemobile{ pointer-events: auto; } .tzzgx, .tzzgx2{ padding: 20px; } .lxwm3{ padding: 0 20px; margin-bottom: 20px; } .tzzgxtop { margin-bottom: 30px; } .tzzgx1 .jjfaejy2js { margin: 0 20px; margin-bottom: 20px; } .productdet1img img { width: 100%; height: auto !important; } /* 新增页面css */ .xzym01 { width: 100%; padding: 20px; } .xzym01main { display: block; flex-wrap: wrap; } .xzym01left { width: 100%; text-align: center; } .xzym01left img { height: auto; width: 70%; display: inline-block; } .xzym01right { width: 100%; margin-top: 10px; } .xzym01right1 { position: relative; padding-left: 5rem; } .xzym01right1 img { height: 3rem; position: absolute; left: 0; top: 0; } .xzym01right1 h4 { font-size: 2.4rem; line-height: 3rem; margin-bottom: 0.2rem; color: #22399d; font-weight: bold; } .xzym01right1 p { font-size: 0.8rem; line-height: 1rem; color: #22399d; } .xzym01right2 { font-size: 1.5rem; line-height: 2rem; color: #d71a1c; margin-top: 1rem; } .xzym01right2 span { font-size: 2.5rem; font-weight: bold; vertical-align: text-bottom; margin: 0 0.2rem; } .xzym01right3 { margin-top: 0.8rem; } .xzym01right3 p { font-size: 1.1rem; line-height: 2.5rem; color: #000; } .xzym01right4 { font-size: 1.5rem; margin-top: 1rem; } .xzym02 { width: 100%; padding: 20px; padding-top: 0; box-sizing: border-box; background: center bottom no-repeat; background-size: 150%; } .xzym02main { text-align: center; width: 100%; margin-left: 0; } section{ box-sizing: border-box; } .xzym02more { margin-top: 2rem; position: relative; text-align: center; padding-bottom: 3rem; } .xzym02more img { width: 3rem; display: inline-block; } .xzym02more p { font-size: 1.2rem; color: #ffffff; text-transform: uppercase; line-height: 2rem; margin-top: 0.2rem; } .xzym03 { width: 100%; padding: 20px; box-sizing: border-box; } .swiper-containerxzym03 .swiper-wrapper .swiper-slide img { height: 100%; width: 100% !important; position: relative; left: 0; } .xzym04 { width: 100%; padding: 20px; box-sizing: border-box; overflow: hidden; } .xzym04tit { text-align: center; margin-bottom: 2rem; } .xzym04tit img { width: 12rem; display: inline-block; } .xzym04tit div { display: inline-block; border: 1px solid #db2f72; padding: 5px 30px; border-radius: 50px; position: relative; margin-top: 0.5rem; margin-bottom: 1rem; } .xzym04tit div h4 { font-size: 1.2rem; line-height: 1.5rem; color: #db2f72; font-weight: bold; } .xzym04tit div p { font-size: 0.8rem; line-height: 1.2rem; color: #db2f72; } .xzym04tit div:before, .xzym04tit div:after{ display: none; } .xzym04lb { width: 106%; position: relative; display: flex; flex-wrap: wrap; margin: 5rem 0; } .xzym04lb img { width: 11.11111%; margin-right: 5.555555%; padding: 1px; box-sizing: border-box; transition: all 0.3s ease; position: relative; opacity: 1; } .swiper-containerxzym03 .swiper-paginationxzym { margin-top: 1rem; } .xzym05 { width: 100%; padding: 20px; padding-top: 0; box-sizing: border-box; } .xzym05top { text-align: center; margin-bottom: 2rem; } .xzym05top h4 { font-size: 1.8rem; line-height: 2.5rem; color: #234199; font-weight: bold; } .xzym05top p { font-size: 1rem; line-height: 1.2rem; color: #234199; margin-top: 0; } .xzym05lb li { width: 100%; padding: 1rem 0; position: relative; padding-right: 0; border-bottom: 1px dashed #dddddd; padding-left: 1rem; } .xzym05lb:after { content: ""; width: 1px; height: 100%; position: absolute; left: 0; right: auto; top: 0; margin: auto; background-color: #dddddd; } .xzym05lb li:nth-child(2n) { margin-left: 0; padding-left: 1rem; padding-right: 0; } .xzym05main01 { position: relative; right: 0; top: 0; font-size: 2rem; color: #e92415; font-weight: bold; padding-right: 0; margin-bottom: 1rem; } .xzym05main01:after { content: ""; width: 7px; height: 7px; position: absolute; left: -15.5px; top: 0.6rem; border-radius: 50%; background-color: #e92415; z-index: 1; } .xzym05lb li:nth-child(2n) .xzym05main01 { position: relative; left: 0; right: none; top: 0; font-size: 2rem; color: #e92415; font-weight: bold; padding-left: 1rem; padding-right: 0; } .xzym05lb li:nth-child(2n) .xzym05main01:after { content: ""; width: 7px; height: 7px; position: absolute; left: -15.5px; right: none; top: 0.6rem; border-radius: 50%; background-color: #e92415; z-index: 1; } .xzym05main02 p { font-size: 1.1rem; line-height: 2.2rem; color: #222222; } .swiper-containerxzym02 .swiper-slide img{ height: 100%; width: 100% !important; position: relative; left: 0; } .xzym06 { width: 100%; padding: 20px; padding-top: 0; box-sizing: border-box; } .xzym06qh{ text-align: center; } .xzym06qh .icon-bg-left-copy { position: initial; right: -4rem; top: 0; margin: auto; font-size: 2.5rem; z-index: 2; line-height: 5rem; height: 5rem; bottom: 0; opacity: 0.8; color: #22399d; margin-left: 1rem; } .xzym06qh .icon-bg-left { position: initial; left: -1rem; top: 0; margin: auto; font-size: 2.5rem; z-index: 2; line-height: 5rem; height: 5rem; bottom: 0; color: #22399d; opacity: 0.8; } .xzym05main03 { font-size: 2rem; position: initial; left: 0; top: -0.1rem; font-weight: bold; margin-bottom: 1rem; } .xzym05lbxx li{ margin-bottom: 0rem; } .xzym05lbxx li:last-child{ margin-bottom: 0rem; } }