@charset "utf-8"; a:hover { text-decoration: none; color: #08277f; } body, html { padding: 0; margin: 0; font-size: 16px; } img { max-width: 100%; } ul, li { padding: 0; margin: 0; list-style: none; } *, *:after, *::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; } textarea { -webkit-appearance: none; } .tac { text-align: center; } .jzk_none { display: none; } .jzk_clear { clear: both; width: 100%; display: block; } .fl { float: left; } .fr { float: right; } .tar { text-align: right; } .jzk_toggle_01 { display: none; } @media (max-width: 767px) { .jzk_toggle_01 { display: inline-block; } } .jzk_pc { display: block; } .jzk_wap { display: none; } @media (max-width: 767px) { .jzk_pc { display: none; } .jzk_wap { display: block; } } .jzk_toggle_01 { width: 26px; z-index: 2; border-radius: 50%; margin: 0 10px; position: absolute; cursor: pointer; -webkit-transition-duration: .66s; transition-duration: .66s; -webkit-transition-timing-function: swing; transition-timing-function: swing; position: relative; } .jzk_toggle_01 .jzk_icon_01 { width: 26px; height: 2px; background-color: #333; border-radius: 2px; position: absolute; top: -5px; -webkit-transition-duration: .5s; transition-duration: .5s; } .jzk_toggle_01 .jzk_icon_01:before, .jzk_toggle_01 .jzk_icon_01:after { width: 26px; height: 2px; background-color: #4c4e72; border-radius: 2px; content: ""; position: absolute; -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-timing-function: swing; transition-timing-function: swing; } .jzk_toggle_01 .jzk_icon_01:before { top: -9px; } .jzk_toggle_01 .jzk_icon_01:after { top: 9px; } .jzk_open .jzk_toggle_01 { box-shadow: none; } .jzk_open .jzk_toggle_01 .jzk_icon_01:before { -webkit-transform: translateY(9px) rotate(45deg); -ms-transform: translateY(9px) rotate(45deg); transform: translateY(9px) rotate(45deg); } .jzk_open .jzk_toggle_01 .jzk_icon_01:after { -webkit-transform: translateY(-9px) rotate(-45deg); -ms-transform: translateY(-9px) rotate(-45deg); transform: translateY(-9px) rotate(-45deg); } .jzk_open .jzk_toggle_01 .jzk_icon_01 { width: 0; } .jzk_pape_box table { width: 100%; } .price-table2 { width: 100%; overflow-y: auto; _overflow: auto; } .price-table2::-webkit-scrollbar { -webkit-appearance: none; width: 14px; height: 14px; } .price-table2::-webkit-scrollbar-thumb { border-radius: 8px; border: 3px solid #fff; background-color: rgba(0, 0, 0, 0.3); } table tr td, table tr th { padding-left: 0.9em; padding-right: 0.9em; } @media (max-width: 767px) { table { border-collapse: collapse; border-spacing: 0; border: 0; width: 100%; } table tr td, table tr th { white-space: nowrap; } } .jzk_scroll_top { position: fixed; bottom: 50px; right: 30px; background: #1542ae; color: #fff; width: 40px; height: 40px; text-align: center; line-height: 40px; border-radius: 3px; cursor: pointer; outline: 0; z-index: 99999; display: none; transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; } .jzk_scroll_top:hover { background: #2858cc; } .jzk_scroll_top .fa { font-size: 20px; } @media (max-width: 767px) { .jzk_scroll_top { position: fixed; bottom: 60px; right: 20px; background: #c3996a; color: #fff; width: 30px; height: 30px; text-align: center; line-height: 30px; border-radius: 3px; cursor: pointer; outline: 0; z-index: 99999; display: none; } } .jzk_wap_nav { display: none; background: #0c61d5; text-align: center; height: 50px; width: 100%; position: fixed; left: 0; right: 0; bottom: 0; z-index: 99999; } .jzk_wap_nav a { display: inline-block; width: 25%; color: #fff; float: left; } .jzk_wap_nav a i { height: 25px; line-height: 25px; font-size: 20px; float: left; margin-top: 4px; width: 100%; } .jzk_wap_nav a span { font-size: 14px; line-height: 1; display: inline-block; width: 100%; } .jzk_son_6 > * { width: 16.66%; float: left; } .jzk_son_5 > * { width: 20%; float: left; } .jzk_son_4 > * { width: 25%; float: left; } .jzk_son_3 > * { width: 33.33%; float: left; } .jzk_son_2 > * { width: 50%; float: left; } .jzk_son_1 > * { width: 100%; float: left; } @media (max-width: 1200px) { .jzk_son_lg_6 > * { width: 16.66%; float: left; } .jzk_son_lg_5 > * { width: 20%; float: left; } .jzk_son_lg_4 > * { width: 25%; float: left; } .jzk_son_lg_3 > * { width: 33.33%; float: left; } .jzk_son_lg_2 > * { width: 50%; float: left; } .jzk_son_lg_1 > * { width: 100%; float: left; } } @media (max-width: 992px) { .jzk_son_md_6 > * { width: 16.66%; float: left; } .jzk_son_md_5 > * { width: 20%; float: left; } .jzk_son_md_4 > * { width: 25%; float: left; } .jzk_son_md_3 > * { width: 33.33%; float: left; } .jzk_son_md_2 > * { width: 50%; float: left; } .jzk_son_md_1 > * { width: 100%; float: left; } } @media (max-width: 767px) { .jzk_son_sm_6 > * { width: 16.66%; float: left; } .jzk_son_sm_5 > * { width: 20%; float: left; } .jzk_son_sm_4 > * { width: 25%; float: left; } .jzk_son_sm_3 > * { width: 33.33%; float: left; } .jzk_son_sm_2 > * { width: 50%; float: left; } .jzk_son_sm_1 > * { width: 100%; float: left; } } .jzk_son_m3 { margin-left: -3px; position: relative; width: -moz-calc(100% + 6px); width: -webkit-calc(100% + 6px); width: calc(100% + 6px); } .jzk_son_m3 > * { padding: 0 3px; } .jzk_son_m5 { margin-left: -5px; position: relative; width: -moz-calc(100% + 10px); width: -webkit-calc(100% + 10px); width: calc(100% + 10px); } .jzk_son_m5 > * { padding: 0 5px; } .jzk_son_m8 { margin-left: -8px; position: relative; width: -moz-calc(100% + 16px); width: -webkit-calc(100% + 16px); width: calc(100% + 16px); } .jzk_son_m8 > * { padding: 0 8px; } .jzk_son_m10 { margin-left: -10px; position: relative; width: -moz-calc(100% + 20px); width: -webkit-calc(100% + 20px); width: calc(100% + 20px); } .jzk_son_m10 > * { padding: 0 10px; } .jzk_son_m12 { margin-left: -12px; position: relative; width: -moz-calc(100% + 24px); width: -webkit-calc(100% + 24px); width: calc(100% + 24px); } .jzk_son_m12 > * { padding: 0 12px; } .jzk_son_m14 { margin-left: -14px; position: relative; width: -moz-calc(100% +28px); width: -webkit-calc(100% + 28px); width: calc(100% + 28px); } .jzk_son_m14 > * { padding: 0 14px; } .jzk_son_m19 { margin-left: -19px; position: relative; width: -moz-calc(100% + 38px); width: -webkit-calc(100% + 38px); width: calc(100% + 38px); } .jzk_son_m19 > * { padding: 0 19px; } @media (max-width: 1200px) { .jzk_son_lg_m3 { margin-left: -3px; position: relative; width: -moz-calc(100% + 6px); width: -webkit-calc(100% + 6px); width: calc(100% + 6px); } .jzk_son_lg_m3 > * { padding: 0 3px; } .jzk_son_lg_m5 { margin-left: -5px; position: relative; width: -moz-calc(100% + 10px); width: -webkit-calc(100% + 10px); width: calc(100% + 10px); } .jzk_son_lg_m5 > * { padding: 0 5px; } .jzk_son_lg_m8 { margin-left: -8px; position: relative; width: -moz-calc(100% + 16px); width: -webkit-calc(100% + 16px); width: calc(100% + 16px); } .jzk_son_lg_m8 > * { padding: 0 8px; } .jzk_son_lg_m10 { margin-left: -10px; position: relative; width: -moz-calc(100% + 20px); width: -webkit-calc(100% + 20px); width: calc(100% + 20px); } .jzk_son_lg_m10 > * { padding: 0 10px; } .jzk_son_lg_m12 { margin-left: -12px; position: relative; width: -moz-calc(100% + 24px); width: -webkit-calc(100% + 24px); width: calc(100% + 24px); } .jzk_son_lg_m12 > * { padding: 0 12px; } .jzk_son_lg_m14 { margin-left: -14px; position: relative; width: -moz-calc(100% + 28px); width: -webkit-calc(100% + 28px); width: calc(100% + 28px); } .jzk_son_lg_m14 > * { padding: 0 14px; } .jzk_son_lg_m19 { margin-left: -19px; position: relative; width: -moz-calc(100% + 38px); width: -webkit-calc(100% + 38px); width: calc(100% + 38px); } .jzk_son_lg_m19 > * { padding: 0 19px; } } @media (max-width: 991px) { .jzk_son_md_m3 { margin-left: -3px; position: relative; width: -moz-calc(100% + 6px); width: -webkit-calc(100% + 6px); width: calc(100% + 6px); } .jzk_son_md_m3 > * { padding: 0 3px; } .jzk_son_md_m5 { margin-left: -5px; position: relative; width: -moz-calc(100% + 10px); width: -webkit-calc(100% + 10px); width: calc(100% + 10px); } .jzk_son_md_m5 > * { padding: 0 5px; } .jzk_son_md_m8 { margin-left: -8px; position: relative; width: -moz-calc(100% + 16px); width: -webkit-calc(100% + 16px); width: calc(100% + 16px); } .jzk_son_md_m8 > * { padding: 0 8px; } .jzk_son_md_m10 { margin-left: -10px; position: relative; width: -moz-calc(100% + 20px); width: -webkit-calc(100% + 20px); width: calc(100% + 20px); } .jzk_son_md_m10 > * { padding: 0 10px; } .jzk_son_md_m12 { margin-left: -12px; position: relative; width: -moz-calc(100% + 24px); width: -webkit-calc(100% + 24px); width: calc(100% + 24px); } .jzk_son_md_m12 > * { padding: 0 12px; } .jzk_son_md_m14 { margin-left: -14px; position: relative; width: -moz-calc(100% + 28px); width: -webkit-calc(100% + 28px); width: calc(100% + 28px); } .jzk_son_md_m14 > * { padding: 0 14px; } .jzk_son_md_m19 { margin-left: -19px; position: relative; width: -moz-calc(100% + 38px); width: -webkit-calc(100% + 38px); width: calc(100% + 38px); } .jzk_son_md_m19 > * { padding: 0 19px; } } @media (max-width: 767px) { .jzk_son_sm_m3 { margin-left: -3px; position: relative; width: -moz-calc(100% + 6px); width: -webkit-calc(100% + 6px); width: calc(100% + 6px); } .jzk_son_sm_m3 > * { padding: 0 3px; } .jzk_son_sm_m5 { margin-left: -5px; position: relative; width: -moz-calc(100% + 10px); width: -webkit-calc(100% + 10px); width: calc(100% + 10px); } .jzk_son_sm_m5 > * { padding: 0 5px; } .jzk_son_sm_m8 { margin-left: -8px; position: relative; width: -moz-calc(100% + 16px); width: -webkit-calc(100% + 16px); width: calc(100% + 16px); } .jzk_son_sm_m8 > * { padding: 0 8px; } .jzk_son_sm_m10 { margin-left: -10px; position: relative; width: -moz-calc(100% + 20px); width: -webkit-calc(100% + 20px); width: calc(100% + 20px); } .jzk_son_sm_m10 > * { padding: 0 10px; } .jzk_son_sm_m12 { margin-left: -12px; position: relative; width: -moz-calc(100% + 24px); width: -webkit-calc(100% + 24px); width: calc(100% + 24px); } .jzk_son_sm_m12 > * { padding: 0 12px; } .jzk_son_sm_m14 { margin-left: -14px; position: relative; width: -moz-calc(100% + 28px); width: -webkit-calc(100% + 28px); width: calc(100% + 28px); } .jzk_son_sm_m14 > * { padding: 0 14px; } .jzk_son_sm_m19 { margin-left: -19px; position: relative; width: -moz-calc(100% + 38px); width: -webkit-calc(100% + 38px); width: calc(100% + 38px); } .jzk_son_sm_m19 > * { padding: 0 19px; } } .jzk_nav_fix_h { height: 80px; } @media (max-width: 767px) { .jzk_nav_fix_h { height: 60px; } body { overflow-x: hidden; } } .jzk_logo_01 { overflow: hidden; float: left; display: table;} .jzk_logo_01 a { display: inline-block;} .jzk_logo_01 img { transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; display: inline-block; vertical-align: middle; } .jzk_nav_01 {text-align: center; padding-left: 50px; float: left; } .jzk_nav_01 li { display: inline-block; position: relative; z-index: 999; } .jzk_nav_01 li .jzk_t1 { padding: 0 6px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; font-size: 12px; line-height: 18px; height: 18px; display: inline-block; background: #ffd145; color: #fff !important; margin-left: 8px; } .jzk_nav_01 li .jzk_t2 { padding: 0 6px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; font-size: 12px; line-height: 18px; height: 18px; display: inline-block; background: #0c85f2; color: #fff; margin-left: 8px; } .jzk_nav_01 li i { margin-left: 6px; } .jzk_nav_01 li a { font-size: 16px; height: 90px; line-height: 90px; display: inline-block; } .jzk_nav_01 li ul { position: absolute; background: #fff; z-index: 9999; margin-top: -1px; -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05); box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05); display: none; } .jzk_nav_01 li ul li a { height: 42px; line-height: 42px; width: 100%; } .jzk_nav_01 li ul li { position: relative; z-index: 10; width: 100%; } .jzk_nav_01 li ul li ul { position: absolute; left: 100%; z-index: 11; border-top-right-radius: 5px; top: 0; } .jzk_nav_01 li.hover > a { color: #2046d1; } .jzk_nav_01 li.hover > a .jzk_t2 { color: #fff !important; } .jzk_nav_01 li.hover > a img { position: relative; left: -7830px; filter: drop-shadow(#2046d1 7830px 0); } .jzk_nav_01 li a:hover img { position: relative; left: -7830px; filter: drop-shadow(#2046d1 7830px 0); } .jzk_nav_01 img { width: 15px; height: 15px; position: relative; left: -7830px; filter: drop-shadow(#363636 7830px 0); margin-top: -2px; margin-right: 5px; } .jzk_nav_01r { float: right; line-height: 90px; } .jzk_nav_01r .jzk_r1 { -moz-border-radius: 9px; -webkit-border-radius: 9px; -o-border-radius: 9px; -ms-border-radius: 9px; -khtml-border-radius: 9px; border-radius: 9px; background: #f6f6f6; display: inline-block; color: #4c4e72; height: 36px; line-height: 36px; margin-left: 10px; min-width: 38px; } .jzk_nav_01r .jzk_a { background: #f6f6f6; text-align: center; display: inline-block; color: #4c4e72; height: 36px; line-height: 36px; margin-left: 10px; -moz-border-radius: 9px; -webkit-border-radius: 9px; -o-border-radius: 9px; -ms-border-radius: 9px; -khtml-border-radius: 9px; border-radius: 9px; } .jzk_nav_01r .jzk_a a { display: inline-block; padding: 0 12px; } .jzk_nav_01r .jzk_a img { height: 15px; margin-top: -3px; padding-right: 8px; position: relative; left: -7830px; filter: drop-shadow(#4c4e72 7830px 0); } .jzk_nav_01r .jzk_a img.pr0 { padding-right: 0; } .jzk_nav_01r .jzk_a:hover { background: #4c4e72; color: #fff; } .jzk_nav_01r .jzk_a:hover a { color: #fff; } .jzk_nav_01r .jzk_a:hover img { position: relative; left: -7830px; filter: drop-shadow(#fff 7830px 0); } .jzk_nav_01r .jzk_a a:hover { color: #fff; } .jzk_nav_01r .jzk_b { background: #ffd145; text-align: center; display: inline-block; color: #4c4e72; height: 36px; line-height: 36px; margin-left: 10px; -moz-border-radius: 9px; -webkit-border-radius: 9px; -o-border-radius: 9px; -ms-border-radius: 9px; -khtml-border-radius: 9px; border-radius: 9px; } .jzk_nav_01r .jzk_b a { display: inline-block; padding: 0 12px; } .jzk_nav_01r .jzk_b img { height: 18px; margin-top: -3px; position: relative; left: -7830px; filter: drop-shadow(#fff 7830px 0); } .jzk_nav_01r .jzk_b:hover { background: #ffb745; } .jzk_nav_01r .jzk_b a:hover { color: #fff; } .jzk_toggle_01 { display: none; } /* 手机站状态 */ .jzk_nav_m { margin-top: 30px; } .jzk_nav_m a { font-size: 16px; display: inline-block; height: 36px; line-height: 36px; border: 1px solid #6a96e7; padding: 0 20px; margin-left: 15px; border-radius: 36px; } .jzk_nav_me { background: #6a96e7; color: #fff; } .jzk_nav_me:hover { background: #6297fa; color: #fff; } @media (max-width: 767px) { .jzk_nav_m { margin-top: 0; text-align: center; float: none; } .jzk_nav_m a { font-size: 14px; height: 30px; line-height: 30px; border: 1px solid #6a96e7; padding: 0 12px; margin-left: 0; border-radius: 36px; } .jzk_nav_me { background: #6a96e7; color: #fff; } .jzk_logo_01 { float: left; display: table; height: 60px; line-height: 60px; } .jzk_toggle_01 { display: inline-block; } .jzk_nav_01 { float: left; display: none; width: 96%; margin: 0 2%; padding: 15px 0; position: relative; z-index: 9; border-top: 1px solid #e4eaec; max-height: 540px; overflow-y: auto; } .jzk_nav_01 li { width: 100%; text-align: left; float: none; } .jzk_nav_01 li a { padding: 0; padding-left: 15px; width: 100%; font-size: 14px; height: 32px; line-height: 32px; display: inline-block; z-index: 10; } .jzk_nav_01 li ul { position: inherit; top: inherit; left: inherit; padding: 6px 0; margin-bottom: 8px; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; } .jzk_nav_01 li ul li a { height: 32px; line-height: 32px; } .jzk_nav_01 li ul li ul { position: inherit; left: inherit; z-index: 11; border-top-right-radius: 0; top: inherit; } .jzk_nav_01 li { width: 100% !important; text-align: left; } .jzk_nav_01 { line-height: 22px; border: none; width: 100%; margin: 0; position: absolute; background: #fff; z-index: 99999; left: 0; right: 0; top: 60px; z-index: 9999; overflow: hidden; } .jzk_nav_01 li { position: initial; } } .jzk_nav_fixed { -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .jzk_nav_fix { position: fixed; background: #fff; z-index: 99999; top: 0; width: 100%; height: 90px; transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; } .jzk_nav_fix.current { -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); height: 60px; line-height: 60px; } .jzk_nav_fix.current .jzk_logo_01 { height: 60px; line-height: 60px; } .jzk_nav_fix.current .jzk_logo_01 img { height: 52px; } .jzk_nav_fix.current .jzk_logo_01 a { max-height: 60px; } .jzk_nav_fix.current .jzk_nav_01 li a { height: 60px; line-height: 60px; } .jzk_nav_fix.current .jzk_nav_01r { line-height: 60px; } .jzk_nav_01r .jzk_r1 { display: none; } @media (max-width: 1600px) { .jzk_nav_01 { padding-left: 0; } .jzk_nav_01 li a { padding: 0 8px; } .jzk_nav_01r .jzk_a { margin-left: 0; } .jzk_nav_01r .jzk_b { margin-left: 0; } } @media (max-width: 1200px) { .jzk_nav_fix { height: 120px; line-height: 60px; } .jzk_nav_fix_h, .jzk_nav_fix.current { height: 120px; } .jzk_nav_01 li a, .jzk_nav_01r, .jzk_logo_01 { line-height: 60px; height: 60px; } .jzk_nav_01 { width: 100%; } } @media (max-width: 991px) { .jzk_nav_01 li a { font-size: 14px; } } @media (max-width: 767px) { .jzk_nav_01r .jzk_a2 { display: none; } .jzk_nav_01r .jzk_r1 { margin-left: 0px; } .jzk_nav_01r .jzk_r1 { display: inline-block; } .jzk_nav_fix { height: 60px; line-height: 60px; } .jzk_nav_fix_h, .jzk_nav_fix.current { height: 60px; } .jzk_nav_01 ul { padding: 0 15px; } .jzk_nav_01 li a, .jzk_nav_fix.current .jzk_nav_01 li a { line-height: 40px; height: 40px; } .jzk_nav_fix .jzk_box { width: 98%; margin: 0 1%; } .jzk_nav_01r .jzk_a img { padding: 0; } .jzk_nav_01r .jzk_a span { display: none; } } .jzk_box { width: 1200px; margin: 0 auto; } .jzk_box::after { content: ' '; clear: both; width: 100%; display: block; } .jzk_banner_zb { position: absolute; width: 100%; text-align: center; font-size: 40px; z-index: 9; left: 0; right: 0; top: 36%; color: #fff; display: block; } .jzk_banner_t1 { width: 100%; font-size: 40px; color: #fff; padding-bottom: 20px; } .jzk_banner_t2 { width: 100%; font-size: 20px; color: #fff; } .swiper-container .swiper-button-next, .swiper-container .swiper-button-prev { opacity: 0.6; background: none; } .swiper-container .swiper-button-next i, .swiper-container .swiper-button-prev i { color: #fff; font-size: 50px; } .swiper-container:hover .swiper-button-next, .swiper-container:hover .swiper-button-prev { opacity: 1; } .jzk_banner .jzk_box { position: relative; z-index: 9; } .jzk_banner .jzk_box .jzk_r { text-align: right; font-size: 36px; position: absolute; z-index: 9; right: 0; top: 130px; color: #fff; } .jzk_banner .jzk_box .jzk_r.jzk_l { text-align: left; left: 0; } .jzk_banner .jzk_box .jzk_r.jzk_c { text-align: center; left: initial; right: initial; width: 100%; } .jzk_banner .jzk_box .jzk_r h3 { padding-bottom: 30px; } .jzk_banner .jzk_box .jzk_r p { padding-bottom: 30px; line-height: 30px; font-size: 18px; } .jzk_banner .jzk_box .jzk_r a.ani2 { background: #4c4e72; color: #fff; -moz-border-radius: 19px; -webkit-border-radius: 19px; -o-border-radius: 19px; -ms-border-radius: 19px; -khtml-border-radius: 19px; border-radius: 19px; padding: 0 50px; line-height: 50px; height: 50px; display: inline-block; font-size: 18px; } @media (max-width: 1200px) { .jzk_banner .jzk_box .jzk_r { top: 55px; font-size: 20px; } .jzk_banner .jzk_box .jzk_r h3 { padding-bottom: 10px; } .jzk_banner .jzk_box .jzk_r p { font-size: 16px; padding-bottom: 10px; } .jzk_banner .jzk_box .jzk_r a.ani2 { padding: 0 30px; line-height: 30px; height: 30px; font-size: 14px; } } @media (max-width: 991px) { .jzk_banner_t1 { width: 90%; margin: 0 auto; font-size: 30px; } .jzk_banner_t2 { width: 90%; margin: 0 auto; font-size: 18px; } .jzk_banner img { width: 1000px; max-width: 1000px; position: relative; left: 50%; margin-left: -500px; } .jzk_banner .swiper-slide { overflow: hidden; } } @media (max-width: 767px) { .jzk_banner_t1 { width: 80%; font-size: 24px; } .jzk_banner_t2 { width: 80%; } .jzk_banner .jzk_box .jzk_r p br { display: none; } } .jzk_bgc1 { background: #ffd145; } .jzk_bgc2 { background: #45dcff; } .jzk_bgc3 { background: #0c85f2; } .jzk_bgc4 { background: #2046d1; } .jzk_bgc5 { background: #4c4e72; } .jzk_bgc6 { background: #eff0f9; } .jzk_index1 { margin: 30px auto; } .jzk_index1 .jzk_c { height: 76px; -moz-border-radius: 19px; -webkit-border-radius: 19px; -o-border-radius: 19px; -ms-border-radius: 19px; -khtml-border-radius: 19px; border-radius: 19px; } .jzk_index1:after { content: ' '; clear: both; width: 100%; display: block; } .jzk_index1 .jzk_l { float: left; line-height: 76px; color: #fff; width: 54px; text-align: center; overflow: hidden; } .jzk_index1 .jzk_l img { position: relative; left: -7830px; filter: drop-shadow(#fff 7830px 0); } .jzk_index1 .jzk_t { font-size: 16px; color: #fff; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; padding-top: 14px; } .jzk_index1 .jzk_b { font-size: 12px; color: #fff; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } @media (max-width: 1200px) { .jzk_index1 > div > div { margin-bottom: 10px; } .jzk_index1 .jzk_c { height: 56px; } .jzk_index1 .jzk_l { line-height: 56px; } .jzk_index1 .jzk_t { padding-top: 5px; } .jzk_index1 .jzk_b { line-height: 20px; padding-right: 10px; } } @media (max-width: 767px) { .jzk_index1 { margin: 15px auto 0; } .jzk_index1 > div > div { margin-bottom: 10px; } .jzk_index1 .jzk_c { height: auto; padding-bottom: 10px; } .jzk_index1 .jzk_c:after { content: ' '; clear: both; width: 100%; display: block; } .jzk_index1 .jzk_l { line-height: 56px; width: 100%; line-height: 30px; padding-top: 12px; } .jzk_index1 .jzk_t { padding-top: 5px; float: left; width: 100%; text-align: center; font-size: 14px; } .jzk_index1 .jzk_b { display: none; } } .jzk_index2 { padding: 20px 0; margin: 0 auto 30px; } .jzk_index2 .jzk_item { -moz-border-radius: 19px; -webkit-border-radius: 19px; -o-border-radius: 19px; -ms-border-radius: 19px; -khtml-border-radius: 19px; border-radius: 19px; -webkit-box-shadow: 0px 2px 6px #cacaca; -moz-box-shadow: 0px 2px 6px #cacaca; box-shadow: 0px 2px 6px #cacaca; } .jzk_index2 .jzk_item:after { content: ' '; clear: both; width: 100%; display: block; } @media (max-width: 1200px) { .jzk_index2 { margin: 0 auto 0; padding-bottom: 10px; } .jzk_index2 .jzk_item { margin-bottom: 25px; } } .jzk_title1 { width: 100%; line-height: 50px; display: block; height: auto; overflow: hidden; } .jzk_title1 .jzk_l { float: left; position: relative; z-index: 9; } .jzk_title1 .jzk_l img { margin-left: 15px; width: 16px; margin-top: 17px; filter: alpha(opacity=0.5); opacity: 0.5; float: left; } .jzk_title1 .jzk_l h3 { padding-left: 6px; font-size: 16px; color: #2046d1; float: left; } .jzk_title1 .jzk_l span { padding-left: 8px; color: #ccc; float: left; } .jzk_title1 .jzk_l::after { content: ' '; background: #2046d1; display: block; width: 60px; height: 3px; position: absolute; left: 15px; z-index: 9; top: 0px; } .jzk_title1 .jzk_r { float: right; margin-top: 5px; } .jzk_title1 .jzk_r a { padding-right: 18px; color: #2046d1; position: relative; z-index: 9; } .jzk_title1 .jzk_r a::after { content: ' '; background: #2046d1; display: block; width: 5px; height: 15px; position: absolute; right: 0; z-index: 9; top: 2px; } .jzk_news_list { float: left; width: 100%; padding-bottom: 17px; } .jzk_news_list li { display: block; margin: 0 20px; position: relative; z-index: 9; line-height: 36px; border-bottom: #d7d7d7 1px dashed; height: auto; overflow: hidden; } .jzk_news_list li a { float: left; margin-right: 70px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .jzk_news_list li span { position: absolute; right: 0; color: #999; } .jzk_pro_sub { width: 93%; margin: 0 3.5%; padding-top: 10px; } .jzk_pro_sub a { background: #eff0f9; text-align: center; color: #4c4e72; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; height: 32px; line-height: 32px; padding: 0 13px; display: inline-block; margin: 0 4px; margin-bottom: 9px; font-size: 12px; transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; } .jzk_pro_sub a:hover { background: #2046d1; color: #fff; } @media (max-width: 1600px) { .jzk_pro_sub { width: auto; padding-top: 0; } } @media (max-width: 991px) { .jzk_pro_sub { width: auto; margin: 0 2%; } } @media (max-width: 767px) { .jzk_pro_sub { text-align: center; padding-bottom: 15px; } .jzk_pro_sub a { padding: 0 10px; margin: 0 3px; margin-bottom: 6px; } .jzk_index2 .jzk_item { height: auto !important; } } .jzk_qa { float: left; padding-bottom: 17px; } .jzk_qa li { margin: 0 20px; display: block; position: relative; z-index: 9; line-height: 24px; padding: 5px 0; margin-bottom: 3px; border-bottom: #d7d7d7 1px dashed; height: auto; overflow: hidden; } .jzk_qa li .jzk_i { position: relative; padding-left: 24px; z-index: 9; } .jzk_qa li .jzk_l { color: #2046d1; position: absolute; left: 0; top: 0; z-index: 9; } .jzk_qa li .jzk_b { color: #ffd145; position: absolute; left: 0; top: 0; z-index: 9; } .jzk_qa li .jzk_t { color: #333333; } .jzk_qa li .jzk_r { color: #999999; } .jzk_qa li a { color: #999999; } .jzk_qa li:last-child { border: none; } .jzk_link { margin: 0 auto 40px; } .jzk_link li { text-align: center; } .jzk_link li a { -moz-border-radius: 19px; -webkit-border-radius: 19px; -o-border-radius: 19px; -ms-border-radius: 19px; -khtml-border-radius: 19px; border-radius: 19px; background: #eff0f9; height: 100px; line-height: 100px; width: 100%; display: inline-block; } @media (max-width: 1200px) { .jzk_link li { margin-bottom: 15px; } .jzk_link li img { max-width: 70%; } } @media (max-width: 991px) { .jzk_link li a { height: 80px; line-height: 80px; } } @media (max-width: 767px) { .jzk_link li a { height: 50px; line-height: 50px; } .jzk_link { margin: 0 auto 10px; padding: 0 8px; } .jzk_link li { padding: 0 2px; margin-bottom: 5px; } } .jzk_index3 { margin: 0 auto 30px; } .jzk_index3 ul { display: flex; flex-wrap: wrap; } .jzk_index3 li { margin-bottom: 30px; display: inline-block; float: left; } .jzk_index3 li a { -moz-border-radius: 19px; -webkit-border-radius: 19px; -o-border-radius: 19px; -ms-border-radius: 19px; -khtml-border-radius: 19px; border-radius: 19px; -webkit-box-shadow: 0px 2px 6px #cacaca; -moz-box-shadow: 0px 2px 6px #cacaca; box-shadow: 0px 2px 6px #cacaca; display: inline-block; overflow: hidden; } .jzk_index3 li a:hover .jzk_img_big img { transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); } .jzk_index3:after { content: ' '; clear: both; width: 100%; display: block; } @media (max-width: 1200px) { .jzk_index3 { margin: 0 auto 20px; } .jzk_index3 li { margin-bottom: 20px; } } @media (max-width: 767px) { .jzk_index3 { margin: 0 auto 12px; } .jzk_index3 li { margin-bottom: 12px; } } .jzk_list_title { padding-left: 13px; color: #333; margin-top: 15px; position: relative; z-index: 9; } .jzk_list_title::after { content: ' '; background: #2046d1; display: block; width: 3px; height: 20px; position: absolute; left: 0; z-index: 9; top: 2px; } .jzk_list_title h3 { font-size: 18px; display: inline-block; } .jzk_list_title .jzk_t1 { padding: 0 6px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; font-size: 12px; line-height: 18px; height: 18px; display: inline-block; background: #ffd145; color: #fff; margin-left: 8px; } .jzk_list_title .jzk_t2 { padding: 0 6px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; font-size: 12px; line-height: 18px; height: 18px; display: inline-block; background: #0c85f2; color: #fff; margin-left: 8px; } @media (max-width: 767px) { .jzk_list_title { margin-top: 5px; } .jzk_list_title h3 { font-size: 14px; } .jzk_list_title .jzk_t2 { margin-left: 0; margin-right: 4px; } .jzk_list_title .jzk_t1 { margin-left: 0; margin-right: 4px; } .jzk_list_title { padding-left: 8px; } .jzk_list_title h3 { width: 100%; display: inline-block; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } } .jzk_list_d { color: #7d7d7d; width: 90%; line-height: 24px; font-size: 14px; margin: 0 5%; padding: 12px 0; } .jzk_list_d .jzk_c { min-height: 48px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .jzk_list_d .jzk_d { color: #aaaaab; font-size: 14px; float: right; padding: 12px 0; } .jzk_list_d .jzk_d img { width: 14px; margin-top: -2px; margin-right: 3px; margin-left: 8px; filter: alpha(opacity=0.5); opacity: 0.5; } @media (max-width: 767px) { .jzk_list_d { padding: 0 0 5px; } .jzk_list_d .jzk_d { padding-top: 0; font-size: 12px; } .jzk_list_d .jzk_d img { margin-left: 0; } .jzk_list_d .jzk_c { font-size: 12px; line-height: 20px; min-height: 40px; } } .jzk_title2 { text-align: center; padding: 30px 0; } .jzk_title2 h2 { width: 100%; display: inline-block; color: #333; font-size: 36px; } .jzk_title2 h2 img { padding: 0 20px; } .jzk_title2 span { display: inline-block; color: #e0e0e0; font-size: 18px; margin-top: 8px; position: relative; z-index: 9; } .jzk_title2 span::after { content: ' '; display: block; width: 55px; height: 1px; background: #e8ecfa; position: absolute; left: -68px; top: 50%; } .jzk_title2 span::before { content: ' '; display: block; width: 55px; height: 1px; background: #e8ecfa; position: absolute; right: -68px; top: 50%; } @media (max-width: 991px) { .jzk_title2 { padding: 10px 0 20px; } .jzk_title2 h2 { font-size: 20px; } .jzk_title2 img { padding: 15px; height: 22px; } .jzk_title2 span { font-size: 14px; margin-top: 0; } .jzk_title2 span::after { width: 35px; left: -38px; } .jzk_title2 span::before { width: 35px; right: -38px; } } .jzk_pro_sub2 { text-align: center; margin-bottom: 40px; } .jzk_pro_sub2 a { background: #eff0f9; text-align: center; color: #4c4e72; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; height: 32px; line-height: 32px; padding: 0 13px; display: inline-block; margin: 0 4px; margin-bottom: 9px; font-size: 12px; transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; } .jzk_pro_sub2 a:hover, .jzk_pro_sub2 a.jzk_h { background: #2046d1; color: #fff; } @media (max-width: 991px) { .jzk_pro_sub2 { margin-bottom: 20px; } } @media (max-width: 767px) { .jzk_pro_sub2 { margin-bottom: 10px; } .jzk_pro_sub2 a { margin: 0 0 4px; display: inline-block; padding: 0 10px; } } .jzk_index4 { margin: 0 auto 30px; } .jzk_index4 .fl img { -moz-border-radius: 19px; -webkit-border-radius: 19px; -o-border-radius: 19px; -ms-border-radius: 19px; -khtml-border-radius: 19px; border-radius: 19px; -webkit-box-shadow: 0px 2px 6px #cacaca; -moz-box-shadow: 0px 2px 6px #cacaca; box-shadow: 0px 2px 6px #cacaca; } @media (max-width: 1600px) { .jzk_index4 .fl:first-child { width: 710px; } .jzk_index4 .fl:last-child { width: 500px; } } @media (max-width: 1200px) { .jzk_index4 .fl:first-child { width: 570px; } .jzk_index4 .fl:last-child { width: 400px; } } @media (max-width: 991px) { .jzk_index4 .fl:first-child { width: 100%; margin-bottom: 20px; } .jzk_index4 .fl:last-child { width: 100%; } .jzk_index4 .fl:last-child img { width: 100%; } } .jzk_index5 { margin: 0 auto 10px; } .jzk_index5 ul { display: flex; flex-wrap: wrap; } .jzk_index5 a { width: 100%; } .jzk_index5 .jzk_img_big { margin-right: 20px; float: left; } .jzk_index5 li { margin-bottom: 30px; display: inline-block; float: left; } .jzk_index5 li a { -moz-border-radius: 19px; -webkit-border-radius: 19px; -o-border-radius: 19px; -ms-border-radius: 19px; -khtml-border-radius: 19px; border-radius: 19px; border: #e5e5e5 1px solid; display: inline-block; overflow: hidden; transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; } .jzk_index5 li a:hover { -webkit-box-shadow: 0px 2px 6px #cacaca; -moz-box-shadow: 0px 2px 6px #cacaca; box-shadow: 0px 2px 6px #cacaca; } .jzk_index5 li a:hover .jzk_img_big img { transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); } .jzk_index5 .jzk_list_title { margin: 0; padding-left: 0; padding-top: 20px; } .jzk_index5 .jzk_list_title::after { content: ' '; background: #2046d1; display: block; width: 68px; height: 3px; position: absolute; left: 50%; margin-left: -50px; z-index: 9; top: 0px; } .jzk_index5 .jzk_list_d .jzk_d img:first-child { margin-left: 0; } .jzk_index5 .jzk_list_d .jzk_c { min-height: 72px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .jzk_index5 .jzk_list_d .jzk_d { color: #aaaaab; float: left; } .jzk_index5:after { content: ' '; clear: both; width: 100%; display: block; } @media (max-width: 1600px) { .jzk_index5 .jzk_list_title::after { margin-left: 0; } .jzk_index5 .jzk_img_big { max-width: 47%; margin-right: 18px; } } @media (max-width: 1200px) { .jzk_index5 li { margin-bottom: 12px; } .jzk_index5 .jzk_list_title { padding-top: 10px; } .jzk_index5 .jzk_img_big { max-width: 40%; margin-right: 12px; } .jzk_index5 .jzk_list_d { padding: 5px 0; } .jzk_index5 .jzk_list_d .jzk_c { min-height: 48px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .jzk_index5 .jzk_list_d .jzk_d { padding: 5px 0; } .jzk_index5 .jzk_list_title::after { margin-left: -35px; } } @media (max-width: 991px) { .jzk_index5 li { width: 100%; } .jzk_index5 .jzk_list_title::after { display: none; } } @media (max-width: 767px) { .jzk_index5 .jzk_list_d .jzk_c { min-height: 20px; } .jzk_index5 .jzk_list_title { padding-top: 5px; } .jzk_index5 .jzk_list_d { padding: 0; } .jzk_index5 .jzk_list_d .jzk_d { padding-top: 0; } .jzk_index5 .jzk_list_title h3 { width: auto; } .jzk_index5 .jzk_img_big { margin-right: 8px; margin-left: 8px; width: 38%; max-width: 38%; padding: 15px 0; } .jzk_index5 .jzk_img_big img { -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } .jzk_index5 li { margin-bottom: 8px; } } .jzk_img_big { overflow: hidden; display: block; } .jzk_img_big img { transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; } .jzk_img_big:hover img { transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -moz-transform: scale(1.05); } .jzk_foot_god { background: url(../images/footbg.jpg); background-attachment: fixed; background-size: cover; height: 260px; text-align: center; color: #fff; } .jzk_foot_god .jzk_t { padding-top: 50px; font-size: 30px; } .jzk_foot_god .jzk_c { margin-top: 30px; background: #fff; color: #0c85f2; font-size: 16px; display: inline-block; -moz-border-radius: 19px; -webkit-border-radius: 19px; -o-border-radius: 19px; -ms-border-radius: 19px; -khtml-border-radius: 19px; border-radius: 19px; height: 40px; line-height: 40px; padding: 0 30px; } .jzk_foot_god .jzk_c a { color: #0c85f2; } .jzk_foot_god .jzk_c i { margin-right: 10px; } .jzk_foot_god .jzk_d { font-size: 22px; margin-top: 20px; } @media (max-width: 991px) { .jzk_foot_god .jzk_t { font-size: 20px; } .jzk_foot_god .jzk_d { font-size: 20px; } } @media (max-width: 767px) { .jzk_foot_god .jzk_t { font-size: 16px; margin: 0 10%; } .jzk_foot_god .jzk_d { font-size: 16px; margin: 0 10%; } .jzk_foot_god .jzk_c { margin-top: 15px; margin-bottom: 12px; height: 34px; line-height: 34px; font-size: 14px; } } .jzk_f_bg { background: #f4f6fd; padding-top: 40px; color: #a0a7c0; } .jzk_f_bg a { color: #a0a7c0; } .jzk_f_logo { float: left; width: 25%; } .jzk_f_logo .jzk_b { padding-bottom: 20px; } .jzk_f_logo .jzk_l { padding-bottom: 15px; } .jzk_f_n { float: right; width: 60%; } .jzk_f_n dl { float: left; width: 18%; text-align: center; } .jzk_f_n dt { padding-bottom: 12px; } .jzk_f_n dt a { color: #2946ac; font-size: 18px; } .jzk_f_n dt a:hover { color: #2946ac; } .jzk_f_n dd a { color: #919cc2; font-size: 14px; } .jzk_f_n dd a:hover { color: #2946ac; } .jzk_f_bd { padding: 12px 0; line-height: 30px; margin-top: 30px; } .jzk_share i { border: #d6dcf2 1px solid; font-size: 18px; margin: 0 4px; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50%; transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; } .jzk_share i:hover { background: #2046d1; color: #fff; } .jzk_share .fa-wechat { display: inline-block; position: relative; z-index: 9; cursor: pointer; } .jzk_share .fa-wechat:hover span { display: block; } .jzk_share .fa-wechat span { margin-left: -55px; display: none; position: absolute; z-index: 9; left: 50%; bottom: 50px; padding: 8px; background: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 2px 6px #cacaca; -moz-box-shadow: 0px 2px 6px #cacaca; box-shadow: 0px 2px 6px #cacaca; display: none; } .jzk_share .fa-wechat span img { width: 110px; height: 110px; max-width: 110px; } @media (max-width: 991px) { .jzk_f_logo { width: 34%; } .jzk_f_bd { margin: 20px 15% 0; } } @media (max-width: 767px) { .jzk_f_logo { width: 100%; text-align: center; } .jzk_f_n { width: 100%; margin-top: 20px; text-align: center; } .jzk_f_n dl { float: initial; display: inline-block; } .jzk_f_n dt a { font-size: 14px; margin-bottom: 4px; } .jzk_f_n dt { padding-bottom: 4px; } .jzk_f_bd { margin: 20px 5% 0; } .jzk_f_n dl:last-child { display: none; } .jzk_f_n dl { width: 23%; display: inline-block; } } .jzk_pagebox { padding: 0 0 55px; background: #f7f7fc; } .jzk_pagebox:after { content: ' '; clear: both; width: 100%; display: block; } .jzk_pagel { width: 70%; margin-right: 2%; float: left; } .jzk_pager { width: 28%; float: left; } .jzk_pager .jzk_item { background: #fff; -moz-border-radius: 19px; -webkit-border-radius: 19px; -o-border-radius: 19px; -ms-border-radius: 19px; -khtml-border-radius: 19px; border-radius: 19px; margin-bottom: 25px; } .jzk_pager .jzk_item:after { content: ' '; clear: both; width: 100%; display: block; } .jzk_pager .jzk_title1 .jzk_l h3 { font-size: 18px; } .jzk_pager .jzk_title1 .jzk_l { padding: 5px 0 0 8px; } .jzk_pager .jzk_title1 .jzk_l img { width: 20px; } .jzk_pagel .jzk_index5 li { width: 100%; margin-bottom: 25px; } .jzk_pagel .jzk_index5 li a { overflow: hidden; background: #fff; border: none; vertical-align: middle; } .jzk_pagel .jzk_index5 .jzk_list_title::after { display: none; } .jzk_pager .jzk_pro_sub a { margin: 5px 10px; } .jzk_pager .jzk_pro_sub { padding-bottom: 24px; } .jzk_pager .jzk_title1 .jzk_l::after { display: none; } .jzk_ranking ul { padding: 10px 0 20px; } .jzk_ranking li { padding: 0 30px; margin-bottom: 12px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .jzk_ranking a { font-size: 16px; color: #000; } .jzk_ranking span { width: 26px; text-align: center; height: 30px; line-height: 30px; background: url(../images/r5.png) no-repeat left center; display: inline-block; margin-right: 12px; color: #464545; } .jzk_ranking li:nth-child(1) span { background: url(../images/r1.png) no-repeat left center; color: #fff; } .jzk_ranking li:nth-child(2) span { background: url(../images/r2.png) no-repeat left center; color: #fff; } .jzk_ranking li:nth-child(3) span { background: url(../images/r3.png) no-repeat left center; color: #fff; } .jzk_ranking li:nth-child(4) span { background: url(../images/r4.png) no-repeat left center; color: #fff; } @media (max-width: 1200px) { .jzk_pagel { width: 100%; margin-right: 0; } .jzk_pager { width: 100%; } .jzk_pagebox { padding: 0 0 30px; } } .jzk_show { background: #fff; width: 100%; padding: 15px 22px 30px; margin-bottom: 25px; float: left; } .jzk_show:after { content: ' '; clear: both; width: 100%; display: block; } .jzk_show_t { text-align: center; width: 100%; font-size: 28px; padding-top: 20px; line-height: 40px; } .jzk_show_q { font-size: 14px; text-align: center; padding-bottom: 20px; padding-top: 10px; } .jzk_show_q span { padding: 0 8px; } .jzk_show_q i { padding-right: 8px; } .jzk_chapter { float: left; width: 100%; margin-bottom: 25px; } .jzk_chapter_l { width: 50%; float: left; } .jzk_chapter a { background: #fff; -moz-border-radius: 19px; -webkit-border-radius: 19px; -o-border-radius: 19px; -ms-border-radius: 19px; -khtml-border-radius: 19px; border-radius: 19px; padding: 20px; position: relative; z-index: 9; display: block; margin-left: 15px; font-size: 16px; } .jzk_chapter_l span { width: 100%; display: inline-block; } .jzk_chapter_l:first-child { text-align: right; } .jzk_chapter_l i { position: absolute; z-index: 9; right: 20px; top: 50%; margin-top: -18px; font-size: 36px; } .jzk_chapter_l:first-child i { left: 20px; right: initial; } .jzk_chapter_l:first-child a { margin-right: 15px; margin-left: 0; } .jzk_tag { margin-top: 30px; } .jzk_tag a { display: inline-block; float: left; margin-right: 8px; padding: 4px 12px; margin-bottom: 8px; background: #eff0f9; -moz-border-radius: 19px; -webkit-border-radius: 19px; -o-border-radius: 19px; -ms-border-radius: 19px; -khtml-border-radius: 19px; border-radius: 19px; } .jzk_tag a i { margin-right: 6px; color: #aaaaab; } .jzk_show_messages .jzk_t { font-size: 16px; color: #7d7d7d; margin-bottom: 20px; } .jzk_show_messages .jzk_t:after { content: ' '; clear: both; width: 100%; display: block; } .jzk_show_messages .jzk_n { text-align: center; padding: 80px 0; } .jzk_show_messages .jzk_m { border: 1px solid #e8e8e8; padding: 5px; margin-bottom: 30px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; } .jzk_show_messages .jzk_m form { padding: 0 20px 20px; display: block; } .jzk_show_messages .jzk_m form:after { content: ' '; clear: both; width: 100%; display: block; } .jzk_show_messages .jzk_m form textarea { background: #fbfbfc; } .jzk_show_messages .jzk_m .jzk_m { margin: 0 20px 20px; } .jzk_show_messages .jzk_m .jzk_m .jzk_m1 { background: #f6f5f5; } .jzk_show_messages .jzk_m:after { content: ' '; clear: both; width: 100%; display: block; } .jzk_show_messages .jzk_m1 { width: 100%; background: #eff0f9; line-height: 36px; padding: 0 20px; } .jzk_show_messages .jzk_m1 i { padding-right: 6px; color: #333; } .jzk_show_messages .jzk_m1:after { content: ' '; clear: both; width: 100%; display: block; } .jzk_show_messages .jzk_m2 { padding: 12px 18px 20px 18px; font-size: 16px; line-height: 30px; } .jzk_show_messages .jzk_m3 { float: right; padding-left: 12px; color: #6d5c82; } .jzk_textarea { display: block; width: 100%; height: 120px; padding: .375rem .75rem; font-size: .875rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #e5e5e5; border-radius: 5px; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; padding: 12px; font-size: 14px; } .jzk_btn { background: #0c85f2; color: #fff; border: none; padding: 4px 20px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; float: right; margin-top: 15px; margin-bottom: 20px; } .jzk_pagel form:after { content: ' '; clear: both; width: 100%; display: block; } .jzk_pagel .jzk_item { background: #fff; height: auto; overflow: hidden; float: left; width: 100%; -moz-border-radius: 19px; -webkit-border-radius: 19px; -o-border-radius: 19px; -ms-border-radius: 19px; -khtml-border-radius: 19px; border-radius: 19px; } .jzk_pagel .jzk_item .jzk_news_list { padding: 0 1.5% 30px; } .jzk_pagel .jzk_item .jzk_news_list li { width: 46%; float: left; margin: 0 2%; } @media (max-width: 767px) { .jzk_crumbs { font-size: 14px; line-height: 24px; padding: 12px; } .jzk_show { padding: 0 12px; margin-bottom: 15px; } .jzk_show_t { padding-top: 10px; font-size: 18px; } .jzk_tag { margin-top: 12px; } .jzk_chapter a { margin-left: 5px; } .jzk_chapter_l:first-child a { margin-right: 5px; } .jzk_chapter_l i { display: none; } .jzk_chapter { margin-bottom: 15px; } .jzk_chapter_l span { font-size: 14px; } .jzk_pagel .jzk_item { margin-bottom: 15px; } .jzk_pager .jzk_item { margin-bottom: 15px; } .jzk_show_messages .jzk_t .fl { display: none; } .jzk_show_messages .jzk_t { font-size: 14px; line-height: 18px; margin-bottom: 10px; padding-top: 18px; } .jzk_show_messages .jzk_m2 { font-size: 14px; padding: 8px 12px 15px 12px; line-height: 24px; } .jzk_show_messages .jzk_m .jzk_m { margin: 0 8px 8px; } .jzk_show_messages .jzk_m { margin-bottom: 15px; } .jzk_show_messages .jzk_m form { padding: 0 12px 0; } .jzk_show_messages .jzk_n { padding: 40px 0; } .jzk_title1 .jzk_l img { margin-left: 5px; } .jzk_pager .jzk_title1 .jzk_l h3 { font-size: 16px; } .jzk_pagel .jzk_item .jzk_news_list li { width: 96%; margin: 0 2%; } .jzk_ranking li { padding: 0 15px; margin-bottom: 6px; } .jzk_ranking a { font-size: 14px; } .jzk_pager .jzk_pro_sub a { margin: 4px; } .jzk_qa li { margin: 0 10px; } .jzk_pagebox { padding: 0 0 12px; } .jzk_tag a { margin-right: 4px; } } .jzk_product_show .jzk_product_l { width: 44%; float: left; } .jzk_product_show .jzk_product_l .gallery-thumbs .swiper-slide { text-align: center; padding-top: 12px; } .jzk_product_show .jzk_product_r { width: 50%; margin-left: 3%; float: left; } .jzk_product_show .jzk_product_r .jzk_t { font-size: 20px; } .jzk_product_show .jzk_product_r .jzk_c { font-size: 14px; padding: 20px 0; } .jzk_product_show .jzk_product_r .jzk_c li { color: #333; border-bottom: #d9d9d9 1px dashed; line-height: 36px; } .jzk_product_show .jzk_product_r .jzk_b { font-size: 24px; color: #F40; font-weight: bold; } .jzk_product_show .jzk_product_r .jzk_b span { color: #aaaaab; font-size: 14px; font-weight: 500; padding-right: 12px; } .jzk_product_show .jzk_product_r .jzk_d { padding-top: 15px; } .jzk_product_show .jzk_product_r .jzk_d a, .jzk_product_show .jzk_product_r .jzk_d button { background: #0c85f2; -moz-border-radius: 19px; -webkit-border-radius: 19px; -o-border-radius: 19px; -ms-border-radius: 19px; -khtml-border-radius: 19px; border-radius: 19px; text-align: center; color: #fff; display: inline-block; padding: 6px 20px; margin-right: 8px; } .jzk_product_show .jzk_product_r .jzk_d i { padding-right: 6px; } .jzk_product_show .jzk_product_r .jzk_d a.jzk_r, .jzk_product_show .jzk_product_r .jzk_d button.jzk_r { background: #ffd145; } .jzk_product_show:after { content: ' '; clear: both; width: 100%; display: block; } .jzk_product_show { padding-top: 10px; } .jzk_product_show1 { padding-top: 30px; } .jzk_product_showb { padding: 20px; } .jzk_product_showb .jzk_b { display: none; } .jzk_product_showb .jzk_b:first-child { display: block; } .jzk_product_showtag { border-bottom: #0c85f2 1px solid; } .jzk_product_showtag a { color: #333; width: 100px; text-align: center; font-size: 14px; padding: 0 12px; line-height: 38px; display: inline-block; } .jzk_product_showtag .jzk_hover { border-bottom: #0c85f2 2px solid; } .gallery-thumbs .swiper-slide { opacity: 1; cursor: pointer; } .gallery-thumbs .swiper-slide-thumb-active { opacity: 1; } .gallery-thumbs .swiper-slide-thumb-active img { border: 3px #ffd145 solid; } @media (max-width: 991px) { .jzk_product_show .jzk_product_l { width: 100%; } .jzk_product_show .jzk_product_r { width: 100%; margin-left: 0; padding-top: 20px; } .jzk_product_show .jzk_product_r .jzk_c { padding: 10px 0; } .jzk_index3 .jzk_img_big img { width: 100%; } } @media (max-width: 767px) { .jzk_product_showb { padding: 10px; } .jzk_tag { padding-bottom: 10px; height: auto; overflow: hidden; } .jzk_product_show1 { padding-top: 15px; } } .jzk_product_sub { background: #fff; border-bottom: 1px #eff0f9 solid; line-height: 33px; padding: 12px 0; } .jzk_product_sub img { margin-right: 5px; vertical-align: middle; position: relative; left: -7830px; filter: drop-shadow(#2046d1 7830px 0); width: 16px; } .jzk_product_sub .jzk_l1 { position: relative; left: -7830px; filter: drop-shadow(#0c85f2 7830px 0); } .jzk_product_sub .jzk_l2 { position: relative; left: -7830px; filter: drop-shadow(#45dcff 7830px 0); } .jzk_product_sub ul { display: inline-block; } .jzk_product_sub ul li { display: inline-block; position: relative; margin: 0 8px; } .jzk_product_sub ul li ul { position: absolute; z-index: 10; left: 0; right: 0; background: #fff; display: none; -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05); box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .jzk_product_sub ul li ul li { margin: 0; width: 100%; display: inline-block; } .jzk_product_sub ul li ul a { width: 100%; display: inline-block; text-align: center; border: none; } .jzk_product_sub ul li ul a:hover { border: none; } .jzk_product_sub ul li ul li.jzk_hover a { border: none !important; } .jzk_product_sub ul li a { -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; height: 33px; display: inline-block; padding: 0 8px; border-left: 2px #fff solid; } .jzk_product_sub ul li a:hover { background: #eff0f5; } .jzk_product_sub ul li a i { padding-left: 5px; } .jzk_product_sub ul li.jzk_hover > a { background: #eff0f5; color: #2046d1; border-left: 2px #2046d1 solid; } .jzk_product_sub ul li:hover > a { background: #eff0f5; color: #2046d1; border-left: 2px #2046d1 solid; } .jzk_product_box { padding-top: 40px; } .jzk_product_box li a { background: #fff; } @media (max-width: 767px) { .jzk_product_box { padding-top: 20px; } .jzk_product_sub ul li { margin: 0 4px; } .jzk_product_sub { padding: 6px 0; } } .jzk_messages { padding: 40px 10%; } .jzk_messages .btn-block { line-height: 28px; } .jzk_messages .jzk_btn2 { width: 100%; line-height: 34px; } .jzk_input { display: block; width: 100%; margin-bottom: 15px; padding: .375rem .75rem; font-size: .875rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #e5e5e5; border-radius: 5px; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; padding: 12px; font-size: 14px; } .jzk_user_banner .jzk_box { position: relative; line-height: 40px; } .jzk_user_banner .jzk_box .jzk_l { position: absolute; left: 0; color: #fff; top: 2px; margin-right: 120px; } .jzk_user_banner .jzk_box .jzk_l a { color: #fff; position: absolute; } .jzk_user_banner .jzk_box .jzk_l img { width: 18px; vertical-align: middle; } .jzk_user_banner .jzk_box .jzk_l span { margin-left: 8px; } .jzk_user_banner .jzk_box .jzk_l .jzk_t { float: left; padding-left: 100px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .jzk_user_banner .jzk_box .jzk_r { position: absolute; right: 0; color: #fff; } .jzk_user_banner .jzk_box .jzk_r .jzk_r1 { display: inline-block; margin-top: 2px; } .jzk_user_banner .jzk_box .jzk_r .jzk_r1 .fa-bell-o { font-size: 22px; padding-top: 10px; } .jzk_user_banner .jzk_box .jzk_r .jzk_r1 span { background: #f00; width: 16px; height: 16px; line-height: 16px; display: inline-block; text-align: center; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; position: absolute; font-size: 12px; position: absolute; left: -5px; top: 3px; } .jzk_user_banner .jzk_box .jzk_r .jzk_r2 { display: inline-block; margin: 0 12px; cursor: pointer; position: relative; z-index: 999; } .jzk_user_banner .jzk_box .jzk_r .jzk_r2 ul { display: none; position: absolute; z-index: 999; right: 0; top: 40px; overflow: hidden; width: 120px; text-align: center; background: #fff; -webkit-box-shadow: 0px 2px 6px #cacaca; -moz-box-shadow: 0px 2px 6px #cacaca; box-shadow: 0px 2px 6px #cacaca; -moz-border-radius: 9px; -webkit-border-radius: 9px; -o-border-radius: 9px; -ms-border-radius: 9px; -khtml-border-radius: 9px; border-radius: 9px; } .jzk_user_banner .jzk_box .jzk_r .jzk_r2 ul a { color: #333; width: 100%; display: inline-block; } .jzk_user_banner .jzk_box .jzk_r .jzk_r2 ul a img { margin-right: 6px; margin-top: 0; width: 20px; } .jzk_user_banner .jzk_box .jzk_r .jzk_r2 ul a:hover { background: #f1f1f1; } .jzk_user_banner .jzk_box .jzk_r .jzk_r2 img { -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; overflow: hidden; width: 26px; vertical-align: middle; margin-top: -12px; } .jzk_user_banner .jzk_box .jzk_r .jzk_r2 ul span { margin-right: 4px; } .jzk_user_banner .jzk_box .jzk_r a { color: #fff; } .jzk_user_box { position: relative; margin-top: -50px; } .jzk_user_list li { width: 100%; display: inline-block; text-align: center; } .jzk_user_list li:nth-child(6) { border-bottom: 1px #f1f1f1 solid; padding-bottom: 5px; margin-bottom: 5px; } .jzk_user_list li:last-child { background: #0c85f2; color: #fff; } .jzk_user_list li:last-child a { color: #fff; } .jzk_user_list a { line-height: 46px; display: inline-block; display: inline-block; width: 100%; transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; } .jzk_user_list img { display: inline-block; margin-right: 12px; width: 20px; vertical-align: middle; margin-top: -5px; } .jzk_user_list span { width: 60px; display: inline-block; margin-right: 10px; } .jzk_user_list a:hover { background: #0c85f2; color: #fff; } .jzk_user_list a:hover img { position: relative; left: -7830px; filter: drop-shadow(#fff 7830px 0); } .jzk_userl { width: 18%; margin-right: 2%; float: left; } .jzk_userl .jzk_item { background: #fff; -moz-border-radius: 19px; -webkit-border-radius: 19px; -o-border-radius: 19px; -ms-border-radius: 19px; -khtml-border-radius: 19px; border-radius: 19px; overflow: hidden; margin-bottom: 25px; } .jzk_userl .jzk_item:after { content: ' '; clear: both; width: 100%; display: block; } .jzk_userl .jzk_user_card { text-align: center; padding: 20px 0; } .jzk_userl .jzk_user_card img { display: inline-block; } .jzk_userl .jzk_user_card .jzk_user_username { font-weight: bold; font-size: 14px; line-height: 24px; padding-top: 15px; } .jzk_userl .jzk_user_card .jzk_user_autograph { color: #808080; font-size: 12px; line-height: 24px; padding-bottom: 12px; } .jzk_userl .jzk_user_card .jzk_user_b1 { border: 1px #0c85f2 solid; display: inline-block; width: 70%; line-height: 36px; -moz-border-radius: 9px; -webkit-border-radius: 9px; -o-border-radius: 9px; -ms-border-radius: 9px; -khtml-border-radius: 9px; border-radius: 9px; background: #0c85f2; color: #fff; margin-bottom: 12px; } .jzk_userl .jzk_user_card .jzk_user_b2 { border: 1px #ffd145 solid; display: inline-block; width: 70%; line-height: 36px; -moz-border-radius: 9px; -webkit-border-radius: 9px; -o-border-radius: 9px; -ms-border-radius: 9px; -khtml-border-radius: 9px; border-radius: 9px; background: #ffd145; color: #fff; margin-bottom: 12px; } .jzk_userr { width: 80%; float: left; } .jzk_userr .jzk_user_num { padding-top: 24px; } .jzk_userr .jzk_user_num a { float: left; width: 21%; display: inline-block; text-align: center; -moz-border-radius: 8px; -webkit-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; color: #333; margin: 0 2% 24px; padding: 20px 0; background: #f1f1f1; border: 1px #f1f1f1 solid; transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; } .jzk_userr .jzk_user_num a:nth-child(1):hover { background: #4c4e72; color: #fff; } .jzk_userr .jzk_user_num a:nth-child(2):hover { background: #2046d1; color: #fff; } .jzk_userr .jzk_user_num a:nth-child(3):hover { background: #0c85f2; color: #fff; } .jzk_userr .jzk_user_num a:nth-child(4):hover { background: #45dcff; color: #fff; } .jzk_userr .jzk_user_num a:nth-child(5):hover { background: #2046d1; color: #fff; } .jzk_userr .jzk_user_num a:nth-child(6):hover { background: #0c85f2; color: #fff; } .jzk_userr .jzk_user_num a:nth-child(7):hover { background: #45dcff; color: #fff; } .jzk_userr .jzk_user_num a:nth-child(8):hover { background: #ffd145; color: #fff; } .jzk_userr .jzk_user_num h4 { font-weight: bold; font-size: 20px; } .jzk_userr .jzk_user_data { padding: 10px; } .jzk_userr .jzk_user_data p { border-bottom: 1px solid #f1f1f1; margin-bottom: 10px; padding-bottom: 10px; display: flex; } .jzk_title3 { width: 100%; line-height: 30px; padding-bottom: 8px; display: block; height: auto; overflow: hidden; } .jzk_title3 .jzk_l { border-bottom: 1px solid #f1f1f1; } .jzk_title3 .jzk_l h3 { border-bottom: 3px solid #2046d1; display: inline-block; font-weight: bold; padding: 0 6px; font-size: 16px; color: #2046d1; } .jzk_title3 .jzk_l a { display: inline-block; font-weight: bold; padding: 0 6px; font-size: 16px; color: #242424; margin-right: 12px; } .jzk_title3 .jzk_l a.jzl_hover { border-bottom: 3px solid #2046d1; color: #2046d1; } .jzk_show_tag { background: #fff; width: 100%; -moz-border-radius: 19px; -webkit-border-radius: 19px; -o-border-radius: 19px; -ms-border-radius: 19px; -khtml-border-radius: 19px; border-radius: 19px; padding: 20px 30px 0; margin-bottom: 25px; float: left; } .jzk_show_tag .jzk_title3 { padding-bottom: 0; } .jzk_show_tag:after { content: ' '; clear: both; width: 100%; display: block; }