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.3rem; line-height: 3.5rem; color: #22399d; border-right: 1px solid #224099; } .headermenu1cd a img { height: 3.5rem; float: left; margin-right: 1rem; } .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; } .productdet1lb1 div { width: 50%; float: left; border-bottom: 1px solid #cbcbcb; } .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; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .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; } @media only screen and (max-width: 1700px) { html { font-size: 15px; } .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: 3.5rem; 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; } } @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.5rem; margin: 2rem 0; font-size: 1.2rem; line-height: 3.5rem; color: #22399d; border-right: 1px solid #224099; } .headermenu1cd a img { height: 3.5rem; 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; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .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; } }