@charset "UTF-8"; /** * 淇敼鏃堕棿锛?014-05-30 * 鍙傝€冿細 html5doctor.com Reset Stylesheet v1.6.1鍜孻UI 3.5.0鍜孍ric Meyer's Reset CSS v2.0鍜宯ormalize.css v1.0.0锛屼互鍙婂弬鑰僼mall绛夌綉绔 **/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; /* vertical-align:baseline; */ background: transparent; } html, body { font-size: 62.5%; } html { font-size: 100px; } body { line-height: 1; font: .18rem/1.5 '\5FAE\8F6F\96C5\9ED1',tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif; } #jtyw { clear: both; } ol, ul { list-style: none; } nav ul { list-style: none; } h1, h2, h3 { font-weight: normal; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } a { text-decoration: none; margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; } table { border-collapse: collapse; border-spacing: 0; } /* 鎸夎姹傛敼鍙樿竟妗嗙殑棰滆壊 */ hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; } button, input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; vertical-align: baseline; *vertical-align: middle; outline: none; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; height: 0; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } [type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; *overflow: visible; } button[disabled], input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; *height: 13px; *width: 13px; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; } body { -webkit-tap-highlight-color: rgba(48, 124, 186, 0); } /** * 淇敼鏃堕棿锛?014-06-26 * 淇敼浜猴細ABpasser **/ /* 鍧楃姸鍏冪礌姘村钩灞呬腑 */ .auto { margin-left: auto; margin-right: auto; } /* 琛屽唴鍏冪礌瀵归綈 */ .vm { vertical-align: middle; } .vt { vertical-align: top; } .vb { vertical-align: bottom; } /* display */ .dn { display: none; } .di { display: inline; } .db { display: block; } .dib { display: inline-block; } .w10 { width: 0.1rem; } .w10p { width: 10%; } .w20 { width: 0.2rem; } .w20p { width: 20%; } .w30 { width: 0.3rem; } .w30p { width: 30%; } .w40 { width: 0.4rem; } .w40p { width: 40%; } .w50 { width: 0.5rem; } .w50p { width: 50%; } .w60 { width: 0.6rem; } .w60p { width: 60%; } .w70 { width: 0.7rem; } .w70p { width: 70%; } .w80 { width: 0.8rem; } .w80p { width: 80%; } .w90 { width: 0.9rem; } .w90p { width: 90%; } .w100 { width: 1rem; } .w100p { width: 100%; } .w90p { width: 90%; padding-left: 5%; padding-right: 5%; } .w95p { width: 95%; padding-left: 2.5%; padding-right: 2.5%; } .h100p { height: 100%; } .mt0 { margin-top: 0px; } .mb0 { margin-bottom: 0px; } .ml0 { margin-left: 0px; } .mr0 { margin-right: 0px; } .p0 { padding: 0px; } .pt0 { padding-top: 0px; } .pb0 { padding-bottom: 0px; } .pl0 { padding-left: 0px; } .pr0 { padding-right: 0px; } .mt1 { margin-top: 1px; } .mb1 { margin-bottom: 1px; } .ml1 { margin-left: 1px; } .mr1 { margin-right: 1px; } .p1 { padding: 1px; } .pt1 { padding-top: 1px; } .pb1 { padding-bottom: 1px; } .pl1 { padding-left: 1px; } .pr1 { padding-right: 1px; } .mt2 { margin-top: 2px; } .mb2 { margin-bottom: 2px; } .ml2 { margin-left: 2px; } .mr2 { margin-right: 2px; } .p2 { padding: 2px; } .pt2 { padding-top: 2px; } .pb2 { padding-bottom: 2px; } .pl2 { padding-left: 2px; } .pr2 { padding-right: 2px; } .mt3 { margin-top: 3px; } .mb3 { margin-bottom: 3px; } .ml3 { margin-left: 3px; } .mr3 { margin-right: 3px; } .p3 { padding: 3px; } .pt3 { padding-top: 3px; } .pb3 { padding-bottom: 3px; } .pl3 { padding-left: 3px; } .pr3 { padding-right: 3px; } .mt4 { margin-top: 4px; } .mb4 { margin-bottom: 4px; } .ml4 { margin-left: 4px; } .mr4 { margin-right: 4px; } .p4 { padding: 4px; } .pt4 { padding-top: 4px; } .pb4 { padding-bottom: 4px; } .pl4 { padding-left: 4px; } .pr4 { padding-right: 4px; } .mt5 { margin-top: 5px; } .mb5 { margin-bottom: 5px; } .ml5 { margin-left: 5px; } .mr5 { margin-right: 5px; } .p5 { padding: 5px; } .pt5 { padding-top: 5px; } .pb5 { padding-bottom: 5px; } .pl5 { padding-left: 5px; } .pr5 { padding-right: 5px; } .pr10p { padding-right: 10%; } .mr10p { margin-right: 10%; } .pt100 { padding-top: 1rem; } .pb100 { padding-bottom: 1rem; } .pb60 { padding-bottom: .6rem; } .mt-1 { margin-top: -1px; } .mb-1 { margin-bottom: -1px; } .ml-1 { margin-left: -1px; } .mr-1 { margin-right: -1px; } /* padding */ .p5 { padding: .05rem; } .p10 { padding: .10rem; } .p15 { padding: .15rem; } .p20 { padding: .20rem; } .p30 { padding: .30rem; } .pl5 { padding-left: .05rem; } .pt5 { padding-top: .05rem; } .pr5 { padding-right: .05rem; } .pb5 { padding-bottom: .05rem; } .pl10 { padding-left: .10rem; } .pt10 { padding-top: .10rem; } .pr10 { padding-right: .10rem; } .pb10 { padding-bottom: .10rem; } .pl15 { padding-left: .15rem; } .pt15 { padding-top: .15rem; } .pr15 { padding-right: .15rem; } .pb15 { padding-bottom: .15rem; } .pl20 { padding-left: .20rem; } .pt20 { padding-top: .20rem; } .pr20 { padding-right: .20rem; } .pb20 { padding-bottom: .20rem; } .pl30 { padding-left: .30rem; } .pt30 { padding-top: .30rem; } .pr30 { padding-right: .30rem; } .pb30 { padding-bottom: .30rem; } /* margin */ .ml10 { margin-left: .10rem; } .mr10 { margin-right: .10rem; } .mt10 { margin-top: .10rem; } .mb10 { margin-bottom: .10rem; } .ml20 { margin-left: .20rem; } .mr20 { margin-right: .20rem; } .mt20 { margin-top: .20rem; } .mb20 { margin-bottom: .20rem; } .ml30 { margin-left: .30rem; } .mr30 { margin-right: .30rem; } .mt30 { margin-top: .30rem; } .mb30 { margin-bottom: .30rem; } /* float */ .fl { float: left; display: inline; } .fr { float: right; display: inline; } /* position */ .rel { position: relative; } .abs { position: absolute; } .b0 { bottom: 0; } .t0 { top: 0; } .l0 { left: 0; } .r0 { right: 0; } /* 娓呴櫎娴姩*/ .cf { *zoom: 1; } .cf:after { display: table; content: ''; clear: both; } /* text-align */ .tc { text-align: center; } .tr { text-align: right; } .tl { text-align: left; } /* font-style */ .n { font-weight: normal; font-style: normal; } .b { font-weight: bold; } .ovh { overflow: hidden; } .bgn { background: none !important; } .bdr5 { border-radius: 5px; } .f12 { font-size: .12rem; } .f14 { font-size: .14rem; } .f16 { font-size: .16rem; } .f18 { font-size: .18rem; } .f20 { font-size: .2rem; } .ti2 { text-indent: 2em; } .lh20 { line-height: 2; } .lh22 { line-height: 2.2; } .lh24 { line-height: 2.4; } .lh26 { line-height: 2.6; } .lh28 { line-height: 2.8; } .lh30 { line-height: 3; } .lh36 { line-height: 3.6; } .lh40 { line-height: 4; } .bdn { border: none !important; } .bte { border-top: 1px solid #eee; } .bbe { border-bottom: 1px solid #eee; } .bde { border: 1px solid #eee; } .btd { border-top: 1px solid #ddd; } .bbd { border-bottom: 1px solid #ddd; } .bdd { border: 1px solid #ddd; } .btc { border-top: 1px solid #ccc; } .bbc { border-bottom: 1px solid #ccc; } .bdc { border: 1px solid #ccc; } .bt6 { border-top: 1px solid #666; } .bb6 { border-bottom: 1px solid #666; } .bd6 { border: 1px solid #666; } .bte_dashed { border-top: 1px dashed #eee; } .bgfff { background: #fff; } .bgeee { background: #eee; } .bgccc { background: #ccc; } .bg888 { background: #888; } .bgf5 { background: #f5f5f5; } .cfff { color: #fff; } .ceee { color: #eee; } .cddd { color: #ddd; } .cccc { color: #ccc; } .c999 { color: #999; } .c666 { color: #666; } .c333 { color: #333; } .c000 { color: #000; } /* 涓昏壊 */ /* 姗欒壊 */ /* 绾㈣壊 */ @-webkit-keyframes opacityframe { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes opacityframe { 0% { opacity: 1; } 100% { opacity: 0; } } #loading_svg .r1 { opacity: 0; -webkit-animation: opacityframe 0.72s 0.02s ease-in-out forwards infinite; animation: opacityframe 0.72s 0.02s ease-in-out forwards infinite; } #loading_svg .r2 { opacity: 0; -webkit-animation: opacityframe 0.72s 0.04s ease-in-out forwards infinite; animation: opacityframe 0.72s 0.04s ease-in-out forwards infinite; } #loading_svg .r3 { opacity: 0; -webkit-animation: opacityframe 0.72s 0.06s ease-in-out forwards infinite; animation: opacityframe 0.72s 0.06s ease-in-out forwards infinite; } #loading_svg .r4 { opacity: 0; -webkit-animation: opacityframe 0.72s 0.08s ease-in-out forwards infinite; animation: opacityframe 0.72s 0.08s ease-in-out forwards infinite; } #loading_svg .r5 { opacity: 0; -webkit-animation: opacityframe 0.72s 0.1s ease-in-out forwards infinite; animation: opacityframe 0.72s 0.1s ease-in-out forwards infinite; } #loading_svg .r6 { opacity: 0; -webkit-animation: opacityframe 0.72s 0.12s ease-in-out forwards infinite; animation: opacityframe 0.72s 0.12s ease-in-out forwards infinite; } #loading_svg .r7 { opacity: 0; -webkit-animation: opacityframe 0.72s 0.14s ease-in-out forwards infinite; animation: opacityframe 0.72s 0.14s ease-in-out forwards infinite; } #loading_svg .r8 { opacity: 0; -webkit-animation: opacityframe 0.72s 0.16s ease-in-out forwards infinite; animation: opacityframe 0.72s 0.16s ease-in-out forwards infinite; } #loading_svg .r9 { opacity: 0; -webkit-animation: opacityframe 0.72s 0.18s ease-in-out forwards infinite; animation: opacityframe 0.72s 0.18s ease-in-out forwards infinite; } #loading_svg .r10 { opacity: 0; -webkit-animation: opacityframe 0.72s 0.2s ease-in-out forwards infinite; animation: opacityframe 0.72s 0.2s ease-in-out forwards infinite; } #loading_svg .r11 { opacity: 0; -webkit-animation: opacityframe 0.72s 0.22s ease-in-out forwards infinite; animation: opacityframe 0.72s 0.22s ease-in-out forwards infinite; } #loading_svg .r12 { opacity: 0; -webkit-animation: opacityframe 0.72s 0.24s ease-in-out forwards infinite; animation: opacityframe 0.72s 0.24s ease-in-out forwards infinite; } #loading_svg .r13 { opacity: 0; -webkit-animation: opacityframe 0.72s 0.26s ease-in-out forwards infinite; animation: opacityframe 0.72s 0.26s ease-in-out forwards infinite; } #loading_svg .r14 { opacity: 0; -webkit-animation: opacityframe 0.72s 0.28s ease-in-out forwards infinite; animation: opacityframe 0.72s 0.28s ease-in-out forwards infinite; } #loading_svg .r15 { opacity: 0; -webkit-animation: opacityframe 0.72s 0.3s ease-in-out forwards infinite; animation: opacityframe 0.72s 0.3s ease-in-out forwards infinite; } #loading_svg .r16 { opacity: 0; -webkit-animation: opacityframe 0.72s 0.32s ease-in-out forwards infinite; animation: opacityframe 0.72s 0.32s ease-in-out forwards infinite; } #loading_svg .r17 { opacity: 0; -webkit-animation: opacityframe 0.72s 0.34s ease-in-out forwards infinite; animation: opacityframe 0.72s 0.34s ease-in-out forwards infinite; } #loading_svg .r18 { opacity: 0; -webkit-animation: opacityframe 0.72s 0.36s ease-in-out forwards infinite; animation: opacityframe 0.72s 0.36s ease-in-out forwards infinite; } #loading_svg .r19 { opacity: 0; -webkit-animation: opacityframe 0.72s 0.38s ease-in-out forwards infinite; animation: opacityframe 0.72s 0.38s ease-in-out forwards infinite; } #loading_svg .r20 { opacity: 0; -webkit-animation: opacityframe 0.72s 0.4s ease-in-out forwards infinite; animation: opacityframe 0.72s 0.4s ease-in-out forwards infinite; } #loading_svg .r21 { opacity: 0; -webkit-animation: opacityframe 0.72s 0.42s ease-in-out forwards infinite; animation: opacityframe 0.72s 0.42s ease-in-out forwards infinite; } #loading_svg .r22 { opacity: 0; -webkit-animation: opacityframe 0.72s 0.44s ease-in-out forwards infinite; animation: opacityframe 0.72s 0.44s ease-in-out forwards infinite; } #loading_svg .r23 { opacity: 0; -webkit-animation: opacityframe 0.72s 0.46s ease-in-out forwards infinite; animation: opacityframe 0.72s 0.46s ease-in-out forwards infinite; } #loading_svg .r24 { opacity: 0; -webkit-animation: opacityframe 0.72s 0.48s ease-in-out forwards infinite; animation: opacityframe 0.72s 0.48s ease-in-out forwards infinite; } #loading_svg .r25 { opacity: 0; -webkit-animation: opacityframe 0.72s 0.5s ease-in-out forwards infinite; animation: opacityframe 0.72s 0.5s ease-in-out forwards infinite; } #loading_svg .r26 { opacity: 0; -webkit-animation: opacityframe 0.72s 0.52s ease-in-out forwards infinite; animation: opacityframe 0.72s 0.52s ease-in-out forwards infinite; } #loading_svg .r27 { opacity: 0; -webkit-animation: opacityframe 0.72s 0.54s ease-in-out forwards infinite; animation: opacityframe 0.72s 0.54s ease-in-out forwards infinite; } #loading_svg .r28 { opacity: 0; -webkit-animation: opacityframe 0.72s 0.56s ease-in-out forwards infinite; animation: opacityframe 0.72s 0.56s ease-in-out forwards infinite; } #loading_svg .r29 { opacity: 0; -webkit-animation: opacityframe 0.72s 0.58s ease-in-out forwards infinite; animation: opacityframe 0.72s 0.58s ease-in-out forwards infinite; } #loading_svg .r30 { opacity: 0; -webkit-animation: opacityframe 0.72s 0.6s ease-in-out forwards infinite; animation: opacityframe 0.72s 0.6s ease-in-out forwards infinite; } #loading_svg .r31 { opacity: 0; -webkit-animation: opacityframe 0.72s 0.62s ease-in-out forwards infinite; animation: opacityframe 0.72s 0.62s ease-in-out forwards infinite; } #loading_svg .r32 { opacity: 0; -webkit-animation: opacityframe 0.72s 0.64s ease-in-out forwards infinite; animation: opacityframe 0.72s 0.64s ease-in-out forwards infinite; } #loading_svg .r33 { opacity: 0; -webkit-animation: opacityframe 0.72s 0.66s ease-in-out forwards infinite; animation: opacityframe 0.72s 0.66s ease-in-out forwards infinite; } #loading_svg .r34 { opacity: 0; -webkit-animation: opacityframe 0.72s 0.68s ease-in-out forwards infinite; animation: opacityframe 0.72s 0.68s ease-in-out forwards infinite; } #loading_svg .r35 { opacity: 0; -webkit-animation: opacityframe 0.72s 0.7s ease-in-out forwards infinite; animation: opacityframe 0.72s 0.7s ease-in-out forwards infinite; } #loading_svg .r36 { opacity: 0; -webkit-animation: opacityframe 0.72s 0.72s ease-in-out forwards infinite; animation: opacityframe 0.72s 0.72s ease-in-out forwards infinite; } @-webkit-keyframes rotateframe { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes rotateframe { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .bar_link { width: 95%; padding: 0 2.5%; font-size: 1.6rem; color: #88CFFB; } .bar_link a, .bar_link span { padding: 5px; color: #88CFFB; display: inline-block; vertical-align: middle; } .bar_link .ico_home { cursor: pointer; display: inline-block; vertical-align: middle; background: url("../images/ico_home.png") left center no-repeat; background-size: 18px 18px; padding-left: 28px; line-height: 2.6; line-height: 2; } #loadingbox { position: fixed; z-index: 1000; width: auto; height: 60px; line-height: 60px; padding: 10px; border-radius: 10px; color: #fff; font-family: simsun; } .color_main { color: #3B7BC0; } .bg_main { background-color: #3B7BC0; } .color_orange { color: #E87002; } .color_red { color: #EA2425; } .level { font-size: 0; } .level li { display: inline-block; *zoom: 1; *display: inline; font-size: .14rem; } .dl dl { width: 100%; clear: both; font-size: 0; } .dl dt, .dl dd { vertical-align: middle; display: inline-block; *zoom: 1; *display: inline; font-size: 1.4rem; } .dl dt { padding-right: 10px; text-align: right; } .dl .vt { vertical-align: top; } .dl .tl { text-align: left; } .otw, .slgc_content .slgc_item .names, ._f_tech_cn ._f_tech_title { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } /* 澶氳鏂囧瓧鎴柇 */ .text-cut2 { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .text-cut3 { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .jusb { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .jusa { -ms-flex-pack: distribute; justify-content: space-around; } .flex-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .juc { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .alc { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* 1:100 */ .container_index { padding: 0 0.15rem; } .new_title { font-size: .18rem; margin-top: .15rem; color: #333; line-height: .2rem; text-align: center; font-weight: bold; } #news_pc_swiper { position: relative; overflow: hidden; height: 100%; } #news_pc_swiper .bd li { width: 100%; } #news_pc_swiper .bd .swiper-slide_div { display: block; position: relative; } #news_pc_swiper .bd .slide_photo { width: 100%; max-height: 408px; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; } #news_pc_swiper .swiper_title_pc { color: #ffffff; position: absolute; bottom: 0.15rem; z-index: 10; font-size: 0.16rem; margin-left: 0.28rem; max-width: calc(100% - 2.2rem); } #news_pc_swiper .pc_swiper_pnews { right: 0.24rem; left: auto; position: absolute; z-index: 20; bottom: 0.18rem; } #news_pc_swiper .pc_swiper_pnews li { width: 0.21rem !important; height: 0.21rem !important; display: inline-block; border-radius: 0.03rem; background-color: rgba(255, 255, 255, 0.32); margin-left: 0.03rem; color: #cbc5c5; font-size: 0.14rem; opacity: 1; text-align: center; cursor: pointer; } #news_pc_swiper .pc_swiper_pnews li.on { color: #ffffff; background: #004ea2; width: 0.21rem !important; height: 0.21rem !important; cursor: pointer; } .slide_banner { display: block; height: 100%; width: 100%; } .index_content { width: 100%; background: #f5f6f8; position: relative; padding-bottom: 0.4rem; -webkit-box-sizing: border-box; box-sizing: border-box; } .index_top { width: 100%; background: #007aff; background-color: #ffffff; padding: 0.15rem 0.24rem; margin-bottom: 0.09rem; -webkit-box-sizing: border-box; box-sizing: border-box; } .index_top_left { width: 680px; height: 100%; } .index_top_right { padding: 0 40px; -webkit-box-sizing: border-box; box-sizing: border-box; width: calc(100% - 680px - 200px); height: 100%; } .right_swiperimgbox { width: 200px; } .right_swiperimgbox .focusing_title { -webkit-box-sizing: border-box; box-sizing: border-box; } .right_swiperimgbox .swiper_right_img { height: 356px; } .right_swiperimgbox .swiper_right_img .swiper-slide { display: block; height: auto; } .right_swiperimgbox .swiper_right_img .swiper-slide img { display: block; width: 100%; height: 100%; } .right_swiperimgbox .opbxcotrl_rightimg { font-size: 0; padding-top: 5px; } .right_swiperimgbox .opbxcotrl_rightimg span { display: inline-block; vertical-align: middle; margin-left: 5px; height: 20px; width: 20px; position: relative; cursor: pointer; } .right_swiperimgbox .opbxcotrl_rightimg span:before { content: ''; border-top: 2px solid #949494; border-right: 2px solid #949494; width: 8px; height: 8px; display: block; position: absolute; top: 50%; left: 50%; } .right_swiperimgbox .opbxcotrl_rightimg span.swiper-button-disabled { opacity: 0.5; cursor: auto; } .right_swiperimgbox .opbxcotrl_rightimg .prev:before { -webkit-transform: translate(-50%, -2px) rotate(-45deg); -ms-transform: translate(-50%, -2px) rotate(-45deg); transform: translate(-50%, -2px) rotate(-45deg); } .right_swiperimgbox .opbxcotrl_rightimg .next:before { -webkit-transform: translate(-50%, -7px) rotate(135deg); -ms-transform: translate(-50%, -7px) rotate(135deg); transform: translate(-50%, -7px) rotate(135deg); } .swiper_news { width: 100%; height: 100%; } .swiper_news_bottom { position: absolute; bottom: 0; height: 0.6rem; width: 100%; background: rgba(0, 0, 0, 0.6); } .swiper_news .swiper_pnews { right: 0.24rem; left: auto; width: auto; bottom: 0.18rem; } .swiper_news .swiper_pnews .swiper-pagination-bullet { width: 0.21rem !important; height: 0.21rem !important; display: inline-block; border-radius: 0.03rem; background-color: rgba(255, 255, 255, 0.32); margin-left: 0.03rem; color: #cbc5c5; font-size: 0.14rem; opacity: 1; text-align: center; } .swiper_news .swiper_pnews .swiper-pagination-bullet-active { color: #ffffff; background: #004ea2; } .swiper_title { color: #ffffff; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 0.2rem; margin-left: 0.28rem; max-width: calc(100% - 2rem); } .swiper_news_slide { position: relative; width: 100%; height: 100%; } .swiper_news_slide img { display: block; width: 100%; height: 100%; } .news_title_view { height: 0.5rem; width: 100%; border-bottom: #e6e6e6 solid 1px; } .news_title_view .group_news_title { padding-bottom: 0.18rem; font-weight: bold; border-bottom: 0.03rem solid #004ea2; font-size: 0.2rem; color: #333333; } .more_title { font-size: 0.14rem !important; } .more_div { color: #333333; cursor: pointer; margin-top: 0.05rem; font-size: 0.14rem; } .more_div:after { content: ''; display: inline-block; width: 0.08rem; height: 0.08rem; border-top: 1px solid #949494; border-right: 1px solid #949494; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .more_div:hover { color: #004ea2; } .more_div:hover:after { border-top: 1px solid #004ea2; border-right: 1px solid #004ea2; } .layuipage a, .layuipage span { padding: 0 .1rem; font-size: .12rem; } .news_list { height: 0.5rem; width: 100%; border-bottom: #e6e6e6 solid 1px; cursor: pointer; } .news_list .headlines { width: 0.4rem; height: 0.21rem; background-color: #ff4646; border-radius: 0.05rem; /* 璁ヾiv 娌縔杞村钩绉昏嚜韬珮搴︾殑涓€鍗 */ text-align: center; font-size: 0.14rem; color: #ffffff; line-height: 0.21rem; overflow: hidden; margin-right: 0.08rem; margin-top: 0.14rem; } .news_list .headlines + ._important_news_title { max-width: calc(100% - (0.6rem + 0.4rem)); } .news_list ._important_news_title { font-size: 0.16rem; color: #333333; line-height: 0.5rem; max-width: 100%; } .news_list .subtitle { font-size: .14rem; color: #666; } .news_list ._important_news_time { line-height: 0.5rem; font-size: 0.14rem; color: #b1b1b1; } .news_list:hover ._important_news_time { color: #004ea2; } .news_list:hover ._important_news_title { color: #004ea2; } .index_center { width: 100%; background: #ffffff; list-style: none; margin-bottom: 0.09rem; } .index_center_div { width: 100%; height: 100%; position: relative; padding: 0.32rem 0.24rem 0.25rem 0.24rem; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 0; } .index_center_div .index_center_content { width: calc((100% - 1.2rem) / 3); max-width: 5.25rem; margin-left: 0.59rem; height: 100%; vertical-align: top; display: inline-block; } .index_center_content:first-child { margin-left: 0; } .focusing { height: 0.6rem; width: 100%; border-bottom: 1px solid #e6e6e6; position: relative; } .focusing_title { height: 100%; font-weight: bold; padding-bottom: 0.28rem; border-bottom: 0.03rem solid #004ea2; font-size: 0.2rem; color: #333333; cursor: pointer; } #clik_curr { border-bottom: 0.03rem solid #004ea2; color: #333333; } .more_div1 { color: #333333; cursor: pointer; margin-top: 0.05rem; font-size: 0.14rem; } .more_div1:after { content: ''; display: inline-block; width: 0.08rem; height: 0.08rem; border-top: 1px solid #949494; border-right: 1px solid #949494; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .more_div1:hover { color: #004ea2; } .more_div1:hover:after { border-top: 1px solid #004ea2; border-right: 1px solid #004ea2; } .center_list { height: 0.57rem; width: 100%; border-bottom: 1px solid #e6e6e6; cursor: pointer; } .center_list ._2list_content { font-size: 0.16rem; line-height: 0.57rem; max-width: calc(100% - 0.6rem); } .center_list .time { font-size: 0.14rem; color: #b1b1b1; line-height: 0.57rem; } .center_list:hover ._2list_content { color: #004ea2; } .center_list:hover .time { color: #004ea2; } .center_list:last-child { border-bottom: none; } .photo_content { width: 100%; margin-bottom: 0.09rem; } .photo_list { width: calc((100% - 0.33rem) / 5); margin-left: 0.08rem; float: left; max-width: 3.44rem; display: block; } .photo_list:first-child { margin-left: 0; } .photo_list_img { display: block; width: 100%; } .home_bottom { background: #ffffff; padding: 0.35rem 0.24rem 0.3rem 0.24rem; -webkit-box-sizing: border-box; box-sizing: border-box; } ._top1 { border-bottom: 1px solid #e6e6e6; padding-bottom: 0.19rem; } ._top1 .achievement_title { height: 100%; padding-bottom: 0.26rem; border-bottom: 0.03rem solid #004ea2; font-size: 0.2rem; font-weight: bold; color: #333333; -webkit-box-sizing: border-box; box-sizing: border-box; } #swiper-containerphoto { margin-top: 0.27rem; } #swiper-containerphoto .swiper-slide_div.swiper-slide { display: block; text-align: center; position: relative; } #swiper-containerphoto .swiper-slide_div.swiper-slide:before { content: ''; display: block; width: 100%; padding-top: 67%; } #swiper-containerphoto .slide_photo { display: block; width: 100%; position: absolute; left: 0; top: 0; height: calc(100% - .36rem); } #swiper-containerphoto .name { font-size: 0.16rem; color: #333333; line-height: 0.36rem; } .right { width: 0.69rem; height: 0.39rem; display: inline-block; } .right .swiper-button { width: 0.32rem; height: 0.33rem; border: solid 0.01rem #336dbe; opacity: 0.5; position: relative; } .right .swiper-button .right_icon3 { width: 0.15rem; height: 0.15rem; border-top: 2px solid #3770bf; border-right: 2px solid #3770bf; -webkit-transform: translate(-70%, -50%) rotate(-135deg); -ms-transform: translate(-70%, -50%) rotate(-135deg); transform: translate(-70%, -50%) rotate(-135deg); position: absolute; top: 50%; left: 70%; } .right .swiper-button .right_icon2 { width: 0.15rem; height: 0.15rem; border-top: 2px solid #3770bf; border-right: 2px solid #3770bf; -webkit-transform: translate(-20%, -50%) rotate(45deg); -ms-transform: translate(-20%, -50%) rotate(45deg); transform: translate(-20%, -50%) rotate(45deg); position: absolute; top: 50%; left: 20%; } .right .swiper-button:hover { background: #336dbe; } .right .swiper-button:hover .right_icon3 { border-top: 2px solid #ffffff; border-right: 2px solid #ffffff; } .right .swiper-button:hover .right_icon2 { border-top: 2px solid #ffffff; border-right: 2px solid #ffffff; } .pc_swiper { display: block; } .mobile_swiper { display: none; } .picMarquee-left1 { position: relative; overflow: hidden; } .picMarquee-left1 .bd { margin-top: 0.27rem; } .picMarquee-left1 .bd li { width: calc((100% - 80px) / 5); margin-left: 20px; } .picMarquee-left1 .bd .swiper-slide_div { display: block; position: relative; padding-top: 67%; } .picMarquee-left1 .bd .slide_photo { width: 100%; height: calc(100% - 34px); display: block; position: absolute; left: 0; top: 0; } .picMarquee-left1 .name { font-size: 0.16rem; } .main_container2 { width: 100%; padding:0.1rem 0.36rem 0.35rem; -webkit-box-sizing: border-box; box-sizing: border-box; background: #ffffff; } .director_div { border-right: 0.01rem #d4d4d4 dashed; padding-right: 0.4rem; } .director_div img { display: block; } .director_div .name { font-size: 0.2rem; text-align: center; margin-top: 0.26rem; } .director_div .job { text-align: center; font-size: 0.14rem; margin-top: 0.17rem; } .director_content { width: calc(100% - 2.38rem); padding-left: 0.37rem; font-size: .16rem; color: #666; line-height: .3rem; -webkit-box-sizing: border-box; box-sizing: border-box; } .director_content p { margin-top: .1rem; } .leadership_team { width: 100%; margin-bottom: 0.3rem; } .yyzz { width: 100%; background: #ffffff; padding: 1rem 0; margin-bottom: 0.49rem; text-align: center; } .yyzz img { width: 100%; display: block; } .leadership_team_ul { background: #ffffff; padding: 0.25rem 0.4rem 0.35rem 0.4rem; margin-bottom: 0.1rem; } .leadership_team_ul .leadership_team_title { height: 0.51rem; border-bottom: 0.01rem solid #e5e5e5; -webkit-box-sizing: border-box; box-sizing: border-box; } .leadership_team_ul .leadership_team_title img { vertical-align: top; } .leadership_team_ul .leadership_team_title .name { color: #333333; font-size: 0.18rem; margin-left: 0.24rem; line-height: .28rem; font-weight: bold; vertical-align: top; } .leadership_team_ul .leadership_team_content { font-size: 0; } .leadership_team_ul .leadership_team_content .leadership_team_div { vertical-align: top; width: 25%; margin-top: 0.4rem; display: inline-block; text-align: center; } .leadership_team_ul .leadership_team_content .leadership_team_div .team_div_name { text-align: center; color: #333333; font-weight: bold; font-size: 0.16rem; margin-top: 0.05rem; } .leadership_team_ul .leadership_team_content .leadership_team_div .team_div_job { display: block; /*margin-top: 0.03rem;*/ text-align: center; font-size: 0.14rem; line-height: .2rem; color: #333333; } /* 鏂板鏍峰紡 */ .leadership_team_ul{ display: none; } .main_container_title li{ display: flex; align-items: center; justify-content: center; /* width: 33.33%; */ line-height: 0.5rem; font-size: 0.2rem; } .main_container_title li:nth-child(1){ width: 30%; } .main_container_title li:nth-child(2){ width: 28%; } .main_container_title li:nth-child(3){ width: 42%; } .main_container_title li.on{ border-top: 2px solid #0054a7; background-color: #e5f2ff; font-size: 0.2rem; } .main_container_title{ display: flex; justify-content: space-around; border-bottom: 1px solid #d6d6d6; } .main_container_title .leadership_team_title .name{ font-size: 0.2rem; line-height: .5rem; } .main_container_title img{ margin-right: 0.1rem; } .main_container_title .leadership_team_title div{ padding-top: 0.01rem; } .leadership_team_ul .leadership_team_content .leadership_team_div img { width: 190px; height: 238px; } .m_title{ border-bottom: 1px solid #d6d6d6; margin:0.1rem 0 0.5rem; } .m_title b{ padding:0 0.2rem 0.01rem; border-bottom: 2px solid #0054a7; } .m_introduce{ display: flex; flex-direction: column; align-items: center; justify-content: center; } .m_introduce img{ width: 260px!important; height: 325px!important; } .m_introduce b{ font-size: 0.25rem; margin-top: 0.15rem; font-size: 0.18rem; } .m_introduce .m_zhi{ font-size: 0.14rem; } .m_introduce .m_text{ width: 90%; text-indent: 2em; line-height: 0.3rem; margin: 0.5rem 0; font-size: 0.14rem; } @media screen and (max-width:1440px) { .leadership_team_ul .leadership_team_content .leadership_team_div img { width: 150px; height: 170px; } .main_container_title li{ font-size: 0.18rem; line-height: 0.5rem; } .main_container_title li.on{ font-size: 0.18rem; line-height: 0.5rem; } .main_container_title .leadership_team_title .name{ font-size: 0.18rem; line-height: .5rem; } } @media screen and (max-width:1400px) { .m_introduce img{ width: 240px!important; height: 305px!important; } .main_container_title li{ font-size: 0.18rem; line-height: 0.5rem; } .main_container_title li.on{ font-size: 0.18rem; line-height: 0.5rem; } .main_container_title .leadership_team_title .name{ font-size: 0.18rem; line-height: .5rem; } .leadership_team_ul .leadership_team_content .leadership_team_div img { width: 120px; height: 150px; } } @media screen and (max-width:1200px) { .m_introduce img{ width: 220px!important; height: 285px!important; } .main_container_title li{ font-size: 0.18rem; line-height: 0.45rem; } .main_container_title li.on{ font-size: 0.18rem; line-height: 0.45rem; } .main_container_title .leadership_team_title .name{ font-size: 0.18rem; line-height: .5rem; } .leadership_team_ul .leadership_team_content .leadership_team_div img { width: 130px; height: 150px; } } @media screen and (max-width:1000px) { .m_introduce img{ width: 200px!important; height: 265px!important; } .main_container_title li{ font-size: 0.17rem; line-height: 0.45rem; } .main_container_title li.on{ font-size: 0.17rem; line-height: 0.45rem; } .main_container_title .leadership_team_title .name{ font-size: 0.17rem; line-height: .45rem; } .main_container_title img{ margin-right: 0.08rem; } } @media screen and (max-width:768px) { .m_introduce img{ width: 180px!important; height: 245px!important; } .main_container_title .leadership_team_title .name{ font-size: 0.15rem; line-height: .35rem; } .main_container_title li{ font-size: 0.15rem; line-height: 0.35rem; } .main_container_title li.on{ font-size: 0.15rem; line-height: 0.35rem; } .leadership_team_ul .leadership_team_content .leadership_team_div img { width:90px; height: 110px; } } @media screen and (max-width:700px) { .m_introduce img{ width: 160px!important; height: 225px!important; } .main_container_title .leadership_team_title .name{ font-size: 0.16rem; line-height: .3rem; } .main_container_title img{ width: 30%; } .main_container_title li{ font-size: 0.16rem; line-height: 0.3rem; } .main_container_title li.on{ font-size: 0.16rem; line-height: 0.3rem; } .leadership_team_ul .leadership_team_content .leadership_team_div img { width:70px; height: 90px; } } @media screen and (max-width:480px) { .m_introduce img{ width: 140px!important; height: 205px!important; } .main_container_title .leadership_team_title .name{ font-size: 0.15rem; line-height: .3rem; } .main_container_title img{ width: 20%; } .main_container_title li{ font-size: 0.15rem; line-height: 0.3rem; } .main_container_title li.on{ font-size: 0.15rem; line-height: 0.3rem; } .leadership_team_ul .leadership_team_content .leadership_team_div img { width: 50px; height: 70px; } } @media screen and (max-width:400px) { .m_introduce img{ width: 120px!important; height: 150px!important; } .main_container_title .leadership_team_title .name{ font-size: 0.13rem; /* margin-left: 0.14rem; */ line-height: 0.2rem!important; } .main_container_title li{ font-size: 0.13rem; line-height: 0.2rem!important; /* padding: 0.05rem 0; */ /* font-size: 0.01rem; */ } /* .main_container_title li:nth-child(3){ width: 34%; } */ .main_container_title li.on{ font-size: 0.13rem; line-height: 0.2rem!important; /* padding: 0.05rem 0; */ /* font-size: 0.01rem; */ } .main_container_title{ /* margin: 0 0.7rem; */ flex-wrap: nowrap; } .leadership_team_ul .leadership_team_content .leadership_team_div img { width: 60px; height: 75px; } .leadership_team_ul .leadership_team_content .leadership_team_div .team_div_job { font-size: 0.12rem; } .leadership_team_ul .leadership_team_content .leadership_team_div .team_div_name { text-align: center; color: #333333; font-weight: bold; font-size: 0.12rem; margin-top: 0.03rem; padding: 0 0.2rem; } } /* 鏂板鏍峰紡 */ .zzjg_img { display: block; width: 100%; } .qyzz { width: 100%; background: #ffffff; padding: 0.5rem .5rem; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 0.4rem; font-size: 0; } .qyzz_div { width: calc(50% - .2rem); display: inline-block; vertical-align: top; margin-bottom: 0.5rem; } .qyzz_div:nth-child(2n) { margin-left: .4rem; } .qyzz_div img { width: 100%; display: block; } .qyzz_div .name { margin-top: 0.39rem; font-size: 0.16rem; text-align: center; } .gccb_title_div { width: 100%; background: #ffffff; padding: 0.35rem 0.38rem; -webkit-box-sizing: border-box; box-sizing: border-box; } .gccb_title_div .name { font-size: 0.2rem; color: #333333; } .gccb_title_div .introduce { font-size: 0.16rem; margin-top: 0.24rem; line-height: .3rem; color: #666; display: block; } .gcsl { font-size: 0.2rem; margin: 0.21rem 0 0.23rem 0.38rem; } .slgc_content { width: 100%; font-size: 0; } .slgc_content .slgc_item { display: inline-block; vertical-align: top; background: #ffffff; width: calc((100% - 0.45rem) / 4); margin-left: 0.15rem; margin-bottom: 0.17rem; background: #ffffff; padding: 0.1rem; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } .slgc_content .slgc_item:before { content: ''; display: block; width: 100%; padding-top: 76%; } .slgc_content .slgc_item .slgc_img { width: calc(100% - .2rem); display: block; position: absolute; top: .1rem; left: .1rem; height: calc(100% - .6rem); } .slgc_content .slgc_item .names { font-size: 0.16rem; line-height: .3rem; margin-top: 0.1rem; display: block; color: #333333; font-weight: bold; font-size: .14rem; } .slgc_content .slgc_item:nth-child(4n + 1) { margin-left: 0; } .page_ds { border-top: none !important; } .zybk_content { background: #ffffff; padding: 0.38rem 0.39rem; -webkit-box-sizing: border-box; box-sizing: border-box; } .zybk_content .name { font-size: 0.26rem; color: #333; display: block; text-align: center; } .data_describe { margin-top: 0.34rem; text-align: center; } .data_describe .data_describe_t { font-size: 0.16rem; color: #666; display: inline-block; vertical-align: top; line-height: 0.16rem; } .data_describe .lines { width: 1px; height: 0.16rem; background: #bdbdbd; display: inline-block; margin: 0 0.2rem; line-height: 0.16rem; vertical-align: top; } .zycontent { margin-top: 0.3rem; display: block; font-size: 0; } .bottom_next_prev { width: 100%; height: 1.15rem; margin-top: 0.47rem; } .bottom_next_prev .prev { width: 45%; height: 100%; background: #eaeaea; color: #8e8e8e; text-align: center; font-size: 0.2rem; line-height: 1.15rem; cursor: pointer; } .bottom_next_prev .prev:hover { color: #3770bf; } .bottom_next_prev .next { width: 45%; height: 100%; background: #eaeaea; color: #8e8e8e; font-size: 0.2rem; text-align: center; line-height: 1.15rem; cursor: pointer; } .bottom_next_prev .next:hover { color: #3770bf; } .news_detail_content { margin-top: 0.3rem; font-size: .16rem; color: #666; line-height: .3rem; } .news_detail_content p { margin-top: .1rem; } .news_detail_content img { max-width: 100%; } .picture_album { width: 100%; font-size: 0; } .picture_album .picture_album_item { cursor: pointer; display: inline-block; background: #ffffff; width: calc((100% - 0.48rem) / 4); margin-left: 0.16rem; padding: 0.15rem; margin-bottom: 0.23rem; -webkit-box-sizing: border-box; box-sizing: border-box; } .picture_album .picture_album_item img { width: 100%; display: block; } .picture_album .picture_album_item .name { font-size: 0.16rem; color: #333333; text-align: center; margin-top: 0.15rem; } .picture_album .picture_album_item:nth-child(4n + 1) { margin-left: 0; } .rongyu { width: 100%; font-size: 0; background: #ffffff; padding: 0.43rem 0.37rem; -webkit-box-sizing: border-box; box-sizing: border-box; } .rongyu .picture_rongyu_item { cursor: pointer; display: inline-block; width: calc((100% - 0.3rem) / 3); margin-left: 0.14rem; margin-bottom: 0.6rem; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } .rongyu .picture_rongyu_item:before { content: ''; display: block; width: 100%; padding-top: 62%; } .rongyu .picture_rongyu_item img { width: 100%; display: block; position: absolute; left: 0; top: 0; height: calc(100% - .4rem); } .rongyu .picture_rongyu_item .name { font-size: 0.16rem; color: #333333; text-align: center; margin-top: 0.1rem; line-height: .3rem; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .rongyu .picture_rongyu_item:nth-child(3n + 1) { margin-left: 0; } #images_hc { font-size: 0; } #images_hc li { display: inline-block; margin: 0.1rem 0.1rem; } .a_more { position: absolute; right: 0; color: #333; opacity: 0.6; margin-top: 0.05rem; font-size: 0.14rem; } .a_more:after { content: ''; display: inline-block; width: 0.08rem; height: 0.08rem; border-top: 1px solid #949494; border-right: 1px solid #949494; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .a_more:hover { color: #004ea2; } .a_more:hover:after { border-top: 1px solid #004ea2; border-right: 1px solid #004ea2; } .slidenews .hd { height: 0.6rem; border-bottom: 1px solid #e6e6e6; } .slidenews .hd .a_more { display: none; } .slidenews .hd .focusing_title1 { height: 100%; padding-bottom: 0.28rem; border-bottom: 0.03rem solid transparent; font-size: 0.2rem; margin-right: 0.4rem; color: #adadad; cursor: pointer; } .slidenews .hd .on .focusing_title1 { border-bottom-color: #004ea2; color: #333333; } .slidenews .hd .on .a_more { display: inline-block; } #piaochuang { position: fixed; z-index: 100; right: 0; top: 25%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #piaochuang a { display: block; } #piaochuang img { display: block; width: 100%; height: auto; } .close_btn { position: absolute; right: 0; top: 0; background: url(../images/l/ico_close.png) center center no-repeat; font-size: 0; width: 0.3rem; height: 0.3rem; cursor: pointer; } .photo_target { height: 5rem; } #slideBox { position: relative; /* 涓嬮潰鏄墠/鍚庢寜閽唬鐮侊紝濡傛灉涓嶉渶瑕佸垹闄ゅ嵆鍙 */ } #slideBox .prev, #slideBox .next { position: absolute; left: 1%; top: 50%; display: block; width: 32px; height: 40px; margin-top: -20px; background: url(../images/slider-arrow.png) -110px 5px no-repeat; opacity: 0; filter: alpha(opacity=0); -o-transition: all 0.3s 0s ease-in-out; transition: all 0.3s 0s ease-in-out; -webkit-transition: all 0.3s 0s ease-in-out; } #slideBox .next { left: auto; right: 1%; background-position: 8px 5px; } #slideBox .prevStop { display: none; } #slideBox .nextStop { display: none; } #slideBox:hover .prev, #slideBox:hover .next { opacity: 0.5; filter: alpha(opacity=50); } #slideBox:hover .prev:hover, #slideBox:hover .next:hover { filter: alpha(opacity=100); opacity: 1; } #slideBox:hover .prev { left: 3%; } #slideBox:hover .next { right: 3%; } #slideBox .ul_hd { position: absolute; left: 0; right: 0; bottom: 30px; text-align: center; z-index: 1; } #slideBox .ul_hd li { width: 10px; height: 10px; margin: 0 10px; border-radius: 50%; background: #fff; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; cursor: pointer; } #slideBox .ul_hd .on { width: 15px; height: 15px; background: #004EA2; } .news_item { cursor: pointer; width: 100%; background: #ffffff; margin-bottom: 0.15rem; padding: 0.2rem; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; } .news_item .news_time { color: #004ea2; font-size: 0.18rem; font-weight: bold; line-height: 0.32rem; } .news_item .news_item_r { width: calc(100% - 1.73rem); height: 100%; display: inline-block; } .news_item .news_item_r .news_item_title { color: #333333; font-size: 0.18rem; line-height: .32rem; font-weight: bold; } .news_item .news_item_content { margin-top: 0.16rem; font-size: 0.16rem; line-height: 0.3rem; color: #848484; display: block; height: 0.6rem; } .news_item:hover .news_item_title { color: #004ea2; } .news_item:hover .news_item_content { color: #004ea2; } .data_describe1 { padding-bottom: 0.2rem; border-bottom: 1px solid #d7d7d7; } @media screen and (max-width: 1440px) { .index_top_left { width: 550px; height: auto; } .index_top_right { width: calc(100% - 550px - 200px); padding: 0 20px; } .news_list { height: .4rem; } .news_list ._important_news_title { line-height: .4rem; } .news_list ._important_news_time { line-height: .4rem; } .news_list .headlines { margin-top: .08rem; } .right_swiperimgbox .swiper_right_img { height: 285px; } } @media screen and (max-width: 1200px) { .index_top_left { width: 100%; height: auto; } .index_top_right { width: 100%; margin-top: 0.3rem; padding-left: 0; padding-right: 0; } .right_swiperimgbox { margin-top: .3rem; width: 100%; } .right_swiperimgbox .swiper_right_img { height: 400px; } .index_center_div .index_center_content { width: 100%; margin-left: 0; max-width: none; } .index_center_div .index_center_content + .index_center_content { margin-top: 0.3rem; } .pc_swiper { display: none; } .mobile_swiper { display: block; } .swiper_banner .swiper-slide { display: block; } .swiper_banner .swiper-slide img { display: block; width: 100%; } .swiper_banner .swiper-pagination .swiper-pagination-bullet { opacity: 1; background: #fff; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .swiper_banner .swiper-pagination .swiper-pagination-bullet-active { background: #004EA2; } } @media screen and (max-width: 480px) { .canvas_top { width: 100%; height: 2rem; background: #0066FF; } .rongyu { width: 100%; font-size: 0; background: #ffffff; padding: 0.2rem 0.1rem; -webkit-box-sizing: border-box; box-sizing: border-box; } .rongyu .picture_rongyu_item { cursor: pointer; display: inline-block; width: 100%; margin-left: 0; margin-bottom: 0.4rem; -webkit-box-sizing: border-box; box-sizing: border-box; } .rongyu .picture_rongyu_item img { width: 100%; display: block; } .rongyu .picture_rongyu_item .name { font-size: 0.1rem; color: #333333; text-align: center; margin-top: 0.15rem; } .photo_list { margin-bottom: 0.1rem; width: calc((100% - 0.08rem) / 2); margin-left: 0.08rem; float: left; display: block; } .photo_list:nth-child(2n + 1) { margin-left: 0; } #images_hc { font-size: 0; } #images_hc li { display: inline-block; margin: 0.1rem 0.1rem; } #images_hc li img { width: 100%; } .picture_album .picture_album_item { width: 100%; margin-left: 0; } .picture_album .picture_album_item .name { font-size: 0.16rem; color: #333333; text-align: center; margin-top: 0.15rem; } .picture_album .picture_album_item:nth-child(4n + 1) { margin-left: 0; } .news_item { padding: 0.1rem; } .news_item .news_time { font-size: .14rem; display: block; width: 100%; } .news_item .news_item_r { width: 100%; display: inline-block; } .news_item .news_item_r .news_item_title { font-size: .16rem; } .news_item .news_item_content { color: #848484; display: block; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; /** 瀵硅薄浣滀负浼哥缉鐩掑瓙妯″瀷鏄剧ず **/ -webkit-box-orient: vertical; /** 璁剧疆鎴栨绱几缂╃洅瀵硅薄鐨勫瓙鍏冪礌鐨勬帓鍒楁柟寮 **/ -webkit-line-clamp: 2; /** 鏄剧ず鐨勮鏁 **/ overflow: hidden; /** 闅愯棌瓒呭嚭鐨勫唴瀹 **/ } .zycontent { width: 100%; } .data_describe { margin-top: 0.2rem; } .data_describe .data_describe_t { font-size: 0.1rem; } .data_describe .lines { margin: 0 0.06rem; } .zybk_content { padding: 0.2rem 0.2rem 0.2rem 0.2rem !important; } .zybk_content .name { font-size: 0.16rem; } .zybk_content .new_title { font-size: .14rem; margin-top: .05rem; } .bottom_next_prev { margin-top: 0.3rem; height: 0.5rem; } .bottom_next_prev .prev { font-size: 0.1rem; line-height: 0.5rem; padding: 0 0.2rem; -webkit-box-sizing: border-box; box-sizing: border-box; } .bottom_next_prev .next { font-size: 0.1rem; line-height: 0.5rem; padding: 0 0.2rem; -webkit-box-sizing: border-box; box-sizing: border-box; } .slgc_content .slgc_item { width: 100%; margin-left: 0; } .yyzz { width: 100%; background: #ffffff; padding: 1rem 0; margin-bottom: 0.49rem; text-align: center; } .leadership_team_ul { padding: 0.1rem; -webkit-box-sizing: border-box; box-sizing: border-box; } .leadership_team_ul .leadership_team_title { padding-top: 0.1rem; -webkit-box-sizing: border-box; box-sizing: border-box; } .leadership_team_ul .leadership_team_content { font-size: 0; display: inline-block; } .leadership_team_ul .leadership_team_content .leadership_team_div { font-size: 0; display: inline-block; width: calc((100% - 0.08rem) / 3); margin-left: 0.04rem; margin-right: 0; margin-top: 0.2rem; } .leadership_team_div:nth-child(3n - 2) { margin-left: 0 !important; } .index_top_left { width: 100%; } .index_top { padding: 0.1rem 0.12rem; } .index_center_div { padding: 0.32rem 0.12rem 0.25rem 0.12rem; } .home_bottom { padding: 0.32rem 0.12rem 0.25rem 0.12rem; } .swiper_title { font-size: 0.15rem; margin-left: 0; padding: 0 .1rem; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: calc(100% - .5rem); } .swiper_news .swiper_pnews { right: .05rem; left: auto; text-align: center; bottom: .18rem; color: #fff; font-size: .12rem; } .director_div { border-right: none; padding-right: 0; width: 100%; } .director_div img { display: block; width: 100%; } .director_div .name { font-size: 0.2rem; text-align: center; margin-top: 0.26rem; } .director_div .job { text-align: center; font-size: 0.14rem; margin-top: 0.17rem; } .director_content { margin-top: 0.15rem; padding-left: 0; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: .16rem; color: #666; } .director_content p { margin-top: .1rem; } .mbx { padding-left: 0.1rem; } .main_container2 { padding: 0 .15rem; } .gccb_title_div { padding: .15rem; } .gccb_title_div .name { font-size: .16rem; } .gccb_title_div .introduce { font-size: .14rem; color: #666; margin-top: .1rem; } .gcsl { font-size: .16rem; } .layuipage .layui-laypage { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .layuipage .layui-laypage a, .layuipage .layui-laypage span { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; white-space: nowrap; text-align: center; } } .foolter { margin-top: 0.6rem; } .foolter .top { background-color: #7c7e8b; } .foolter .top .f_left { font-size: 14px; line-height: 41px; color: #ffffff; } .foolter .top ._f_top_li { position: relative; vertical-align: top; margin-left: 100px; cursor: pointer; } .foolter .top ._f_top_li:hover .hidden { display: block; } .foolter .top ._f_top_title { line-height: 41px; color: #ffffff; font-size: 14px; line-height: 41px; } .foolter .top ._f_top_title:after { content: ''; display: inline-block; margin-left: 28px; border-top: 9px solid #fff; border-left: 7px solid transparent; border-right: 7px solid transparent; } .foolter .top .hidden { display: none; position: absolute; top: 100%; background-color: #6e707d; width: 100%; min-width: 130px; padding: 0 10px; max-height: 220px; overflow-y: auto; right: 0; font-size: 12px; text-align: center; } .foolter .top .hidden::-webkit-scrollbar { width: 5px; } .foolter .top .hidden::-webkit-scrollbar-track { background-color: #7C7E8B; } .foolter .top .hidden::-webkit-scrollbar-thumb { background-color: rgba(255, 255, 255, 0.5); border-radius: 2px; } .foolter .top ._f_topa_txt { display: block; font-size: 12px; line-height: 24px; color: #ffffff; padding: 7px 0; border-bottom: solid 1px #999999; -o-transition: all 0.3s 0s ease-in-out; transition: all 0.3s 0s ease-in-out; -webkit-transition: all 0.3s 0s ease-in-out; } .foolter .top ._f_topa_txt:hover { color: #004EA2; } .foolter .top ._f_topa_txt:last-child { border-bottom: none; } .foolter .bottom { background-color: #4c4e5e; } .foolter .top1 { height: 0.81rem; border-bottom: solid 0.01rem #5e606e; } .foolter .f_ft_item { margin-left: 0.36rem; } .foolter .f_ft_item a { color: #fff; } .foolter .ulfooter { line-height: 0.8rem; } .foolter .img_d { margin-top: 0.23rem; } .foolter .top2 { font-size: 0.12rem; color: #fff; padding-top: 0.2rem; padding-bottom: 0.46rem; } .foolter .top2 a { color: #fff; } .foolter .top2 .top2_left { margin-top: 30px; line-height: 24px; } .foolter .top2 .bei_img { margin-left: 0.2rem; margin-right: 0.05rem; } .foolter .top2 .icon_img { display: block; margin-bottom: 10px; } .foolter .top2 .img { margin-left: 19px; } .foolter .top2 .f_txt { padding: 0 22px; border-right: solid 1px #5e606e; vertical-align: bottom; } .foolter .top2 .f_txt:last-child { border-right: none; } .foolter .top2 .text { font-size: 12px; } .foolter .top2 .none { border-right: none; } ._f_build_content { padding-bottom: 0.2rem; } ._f_build_content ._f_date { font-size: 0.18rem; letter-spacing: 0.01rem; color: #004ea2; font-weight: bold; display: inline-block; vertical-align: top; } ._f_build_content ._f_img { width: 1.88rem; } ._f_build_content ._f_v { display: inline-block; width: calc(100% - 2.4rem); margin-left: 0.4rem; vertical-align: top; } ._f_build_content ._f_right { width: calc(100% - 1.4rem); vertical-align: top; display: inline-block; font-size: 0; } ._f_build_content ._f_title { font-size: 0.2rem; font-weight: bold; color: #333333; margin-bottom: 0.24rem; cursor: pointer; } ._f_build_content ._f_text { letter-spacing: 0.01rem; color: #333333; opacity: 0.7; font-size: 0.16rem; line-height: 0.3rem; max-height: 0.9rem; } ._f_build_content ._f_li { margin-bottom: 0.12rem; background-color: #ffffff; padding: 0.31rem 0.37rem 0.27rem 0.37rem; } ._f_build_content ._f_li:hover ._f_title, ._f_build_content ._f_li:hover ._f_text { color: #004ea2; } ._f_page_d { border-top: solid 0.01rem #cacaca; padding: 0.38rem 0; color: #333333; font-size: 0.19rem; text-align: center; } ._f_page_d ._f_page_pre { margin-right: 0.39rem; cursor: pointer; } ._f_page_d ._f_page_num { background-color: #e5e5e5; margin-left: 0.14rem; color: #9c9c9c; text-align: center; padding: 0 0.13rem; height: 0.37rem; line-height: 0.37rem; cursor: pointer; } ._f_page_d ._f_page_num:first-child { margin-left: 0; } ._f_page_d ._page_active { background-color: #2165ae; color: #ffffff; } ._f_page_d ._f_page_next { margin: 0 0.39rem; cursor: pointer; } ._f_page_d ._f_jump_input { width: 0.31rem; border: none; outline: none; height: 0.35rem; background-color: #e5e5e5; color: #9c9c9c; text-align: center; } ._f_page_d ._f_btn { padding: 0 0.2rem; line-height: 0.37rem; background-color: #e5e5e5; vertical-align: top; margin-left: 0.12rem; font-size: 0.16rem; color: #2165ae; cursor: pointer; } ._f_build_cont { padding: 0.52rem 0.3rem 0.35rem 0.3rem; background-color: #ffffff; color: #333333; } ._f_build_cont ._f_detail_title { font-size: 0.2rem; } ._f_build_cont ._f_detail_d { margin: 0.29rem 0; font-size: 0.14rem; } ._f_build_cont .f_detail_frem { border-right: solid 0.01rem #d8d8d8; padding: 0 0.1rem; } ._f_build_cont .f_detail_frem:last-child { border-right: none; } ._f_build_cont .f_detail_frem:first-child { padding-left: 0; } ._f_build_cont ._f_dtail_ct { padding-top: 0.37rem; border-top: solid 0.01rem #d7d7d7; font-size: 0.16rem; line-height: 0.3rem; } ._f_build_cont ._f_detail_btn_d { font-size: 0.2rem; color: #8e8e8e; margin-top: 0.46rem; } ._f_build_cont ._f_detail_next, ._f_build_cont ._f_detail_pre { color: #8e8e8e; background-color: #eaeaea; width: calc((100% - 0.2rem) / 2); line-height: 1rem; text-align: center; } ._f_build_cont ._f_detail_next { margin-left: 0.13rem; } ._f_tech_cn { font-size: 0; } ._f_tech_cn ._f_tech_item { width: calc((100% - 20px) / 2); padding: 28px 33px; background-color: #ffffff; -webkit-box-sizing: border-box; box-sizing: border-box; margin-left: 20px; margin-bottom: 20px; } ._f_tech_cn ._f_tech_item:nth-child(2n - 1) { margin-left: 0; } ._f_tech_cn ._f_tech_title { color: #333333; font-size: 18px; line-height: 25px; } ._f_tech_cn ._f_tech_txt { color: #333333; font-size: 14px; margin-top: 10px; line-height: 25px; } ._f_tech_gf { font-size: 0; } ._f_tech_gf .f_tech_img_d { -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: top; padding: 10px 10px 20px; background-color: #fff; margin-bottom: 10px; width: calc((100% - 40px) / 5); margin-left: 10px; } ._f_tech_gf .f_tech_img_d:nth-child(5n + 1) { margin-left: 0; } ._f_tech_gf .img { width: 100%; } ._f_tech_gf .img_name { text-align: center; margin-top: 10px; line-height: 20px; letter-spacing: 1px; color: #333333; font-size: 14px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } ._f_culture_d { width: 100%; } ._f_culture_d .img { width: 100%; display: block; } ._f_hr_cn { font-size: 0; } ._f_hr_cn ._f_hr_item { display: inline-block; vertical-align: top; padding: 32px 25px; background-color: #ffffff; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 20px; } ._f_hr_cn ._f_top_left { font-size: 20px; line-height: 20px; color: #333333; width: 70%; margin-right: 10%; } ._f_hr_cn ._f_top_right { font-size: 20px; line-height: 20px; color: #fe3b3b; width: 20%; text-align: right; } ._f_hr_cn .f_hr_item_center { font-size: 16px; line-height: 24px; color: #333333; padding: 17px 0; border-bottom: solid 0.01rem #c9c9c9; } ._f_hr_cn .f_hr_item_bottom { margin-top: 17px; } ._f_hr_cn ._f_bottom_txt { font-size: 14px; color: #333333; opacity: 0.6; padding-right: 10px; border-right: solid 0.01rem #c9c9c9; margin-right: 10px; } ._f_hr_cn ._f_bottom_txt:last-child { border-right: none; } ._f_hr_detail { padding: 0.39rem 0.4rem; background-color: #ffffff; -webkit-box-sizing: border-box; box-sizing: border-box; } ._f_hr_detail ._f_hr_dtitle { font-size: 0.2rem; line-height: 0.3rem; color: #333333; } ._f_hr_detail ._f_hr_dtitle1 { font-size: 0.16rem; line-height: 0.24rem; color: #333333; margin-top: 0.5rem; padding-bottom: 0.2rem; border-bottom: solid 0.01rem #c9c9c9; } ._f_hr_detail ._f_hr_dcont { font-size: 0; margin-top: 0.3rem; } ._f_hr_detail ._f_hr_ditem { width: calc((100% - 0.6rem) / 4); margin-right: 0.2rem; margin-bottom: 0.5rem; } ._f_hr_detail ._f_hr_ditem:nth-child(4n + 1) { margin-right: 0; } ._f_hr_detail ._f_t { display: inline-block; width: 0.8rem; font-size: 0.16rem; line-height: 0.24rem; color: #333333; opacity: 0.6; } ._f_hr_detail ._f_txt { font-size: 0.16rem; line-height: 0.24rem; color: #333333; } ._f_hr_detail ._f_hr_d_txt { font-size: 0.14rem; line-height: 0.24rem; color: #333333; } ._f_hr_detail ._f_hr_dbtn { display: block; width: 3.44rem; line-height: 0.6rem; background-color: #004ea2; text-align: center; color: #ffffff; font-size: 0.18rem; margin-top: 0.7rem; margin-left: auto; margin-right: auto; } ._f_hr_from_cont { font-size: 0; margin-top: 0.4rem; display: block; } ._f_hr_from_cont ._f_hr_fromitem { display: inline-block; width: 50%; margin-bottom: 0.5rem; } ._f_hr_from_cont ._f_hr_fromitem:nth-child(2n - 1) { text-align: right; } ._f_hr_from_cont ._f_hr_fromitem:first-child { display: block; text-align: left; } ._f_hr_from_cont ._f_t { line-height: 0.4rem; } ._f_hr_from_cont ._f_hr_input { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0.15rem; font-size: 0.16rem; line-height: 0.24rem; color: #333333; vertical-align: top; width: calc(100% - 2rem); height: 0.4rem; background-color: #ffffff; border: solid 0.01rem #b6b6b6; } ._f_hr_from_cont ._f_hr_right_d { -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: top; padding: 0 0.15rem; width: calc(100% - 2rem); height: 0.4rem; background-color: #ffffff; border: solid 0.01rem #b6b6b6; } ._f_hr_from_cont ._f_gender_lb { font-size: 0.16rem; line-height: 0.4rem; color: #333333; margin-left: 0.1rem; } ._f_hr_from_cont ._f_input_v { width: 48%; text-align: center; } ._f_hr_from_cont #file1 { display: none; } ._f_hr_from_cont ._f_file_lb, ._f_hr_from_cont ._f_date_lb { position: relative; font-size: 16px; color: #333333; display: inline-block; width: 100%; line-height: 38px; vertical-align: top; } ._f_hr_from_cont ._f_sel_date { border: none; outline: none; width: calc(100% - 30px); } ._f_hr_from_cont ._f_date_img, ._f_hr_from_cont ._f_file_img { margin-top: 9px; height: 20px; vertical-align: top; position: absolute; right: 0; } ._f_hr_from_cont ._f_code_input { border: solid 0.01rem #b6b6b6; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 15px; font-size: 16px; color: #333333; vertical-align: top; width: calc(70% - 30px); margin-right: 30px; line-height: 36px; height: 40px; } ._f_hr_from_cont ._f_hr_code_d { text-align: left; font-size: 0; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: top; width: calc(100% - 2rem); height: 40px; } ._f_hr_from_cont ._f_hr_code_d img { width: 30%; height: 40px; } ._f_hr_from_cont ._f_hr_savebtn { border: none; outline: none; width: 1.91rem; line-height: 0.53rem; background-color: #004ea2; font-size: 0.16rem; color: #ffffff; text-align: center; margin-right: 0.2rem; } ._f_hr_from_cont ._f_hr_clearbtn { border: none; outline: none; width: 1.91rem; line-height: 0.53rem; background-color: #b6b6b6; font-size: 0.16rem; color: #ffffff; text-align: center; } ._f_11 { font-size: 0; background-color: #ffffff; padding: 0.3rem 0.28rem; -webkit-box-sizing: border-box; box-sizing: border-box; } ._f_11 ._f_11_right { width: 45%; margin-right: 5%; vertical-align: top; } ._f_11 ._f_11_title { font-size: 20px; color: #333333; padding-bottom: 20px; border-bottom: solid 1px #ebebeb; } ._f_11 ._f_11_cn { margin-top: 20px; } ._f_11 ._f_11_txt { font-size: 16px; color: #999999; line-height: 30px; margin-bottom: 20px; } ._f_11 #mapid { width: 50%; height: 3.6rem; display: inline-block; } ._f_11 .iw_poi_title { font-size: 0.16rem; } ._f_11 .iw_poi_content { font-size: 0.14rem; } ._f_11 ._f_list { margin-bottom: 0.3rem; background: #eee; padding: 0.2rem; } ._f_11 ._f_list_title { border-left: 3px solid #054a81; padding-left: 0.1rem; font-size: 0.16rem; font-weight: bold; color: #333333; } ._f_11 ._f_list_item { margin-top: 0.15rem; } ._f_11 ._f_list_item_l { margin-right: 30px; line-height: 30px; font-size: 14px; font-weight: bold; width: 1.3rem; color: #333333; } ._f_11 ._f_item_r_txt { margin-right: 20px; line-height: 30px; font-size: 14px; color: #333333; } .foolter .top { background-color: #4c4e5e; padding: 20px 0; } .foolter .top .hidden { -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 2; } .foolter .top ._f_top_li { background: #7c7e8b; margin-left: 20px; padding: 0 10px; min-width: 130px; } .foolter .top .f_link { text-align: center; } .foolter .top .f_left { display: inline-block; float: none; vertical-align: top; } .foolter .top .f_ul_friend { display: inline-block; float: none; vertical-align: top; } .foolter .top2 { position: relative; } .foolter .top2 .icon_img { display: inline-block; vertical-align: middle; margin-bottom: 0; margin-right: 15px; } .foolter .top2 .text { display: inline-block; vertical-align: middle; } .foolter .absimgewm { position: absolute; text-align: center; left: 50%; margin-left: 480px; } .foolter .flex-box{ display: flex; align-items: center; } .foolter .absimgewm img { display: block; width: 90px; height: 90px; } .foolter .absimgewm p { margin-top: 10px; } .foolter .ul_v, .foolter .top2_left { width: 100%; text-align: center; } .foolter .bottom .top1 { height: auto; } .foolter .bottom .img_d { float: none; margin: 0 auto; display: block; padding-top: 0.23rem; } .foolter .bottom .ulfooter { height: auto; width: 100%; text-align: center; line-height: 0.4rem; margin-top: 40px; } .foolter .f_ft_item { margin: 0 0.18rem; } ._f_hr_btn_d { text-align: center; } @media screen and (max-width: 1400px) { /* .leadership_team_ul .leadership_team_content .leadership_team_div img{ width: 40%; height: 60%; } */ ._f_hr_detail ._f_hr_ditem { width: calc((100% - 0.4rem) / 3); margin-right: 0.2rem; margin-bottom: 0.5rem; } ._f_hr_detail ._f_hr_ditem:nth-child(4n + 1) { margin-right: 0.2rem; } ._f_hr_detail ._f_hr_ditem:nth-child(3n + 1) { margin-right: 0; } } @media screen and (max-width: 1200px) { .foolter .bottom .ulfooter { margin-top: 10px; } .foolter .ul_v { width: 100%; display: block; float: none; text-align: center; } .foolter .absimgewm { margin-left: 4rem; } } @media screen and (max-width: 1000px) { ._f_build_content ._f_date { float: none; display: block; margin-top: 0.1rem; color: #999999; } ._f_build_content ._f_right { float: none; display: block; width: 100%; } ._f_page_d { font-size: 0.14rem; } ._f_page_d ._f_page_pre { margin-right: 0.1rem; } ._f_page_d ._f_page_num { display: none; } ._f_page_d ._page_active { display: inline-block; } ._f_page_d ._f_page_next { margin: 0 0.1rem; } ._f_page_d ._f_btn { padding: 0 0.1rem; font-size: 0.12rem; } ._f_tech_cn ._f_tech_item { width: 100%; display: block; margin-left: 0; } ._f_tech_gf .f_tech_img_d { width: calc((100% - 0.3rem) / 4); } ._f_tech_gf .f_tech_img_d:nth-child(5n + 1) { margin-left: 0.1rem; } ._f_tech_gf .f_tech_img_d:nth-child(4n + 1) { margin-left: 0; } ._f_hr_detail ._f_hr_ditem { width: calc((100% - 0.2rem) / 2); margin-right: 0.2rem; margin-bottom: 0.5rem; } ._f_hr_detail ._f_hr_ditem:nth-child(3n + 1) { margin-right: 0.2rem; } ._f_hr_detail ._f_hr_ditem:nth-child(2n + 1) { margin-right: 0; } ._f_hr_detail ._f_hr_dbtn { margin: 0.4rem auto; } ._f_hr_from_cont ._f_hr_fromitem { display: block; width: 100%; text-align: left !important; } ._f_11 ._f_11_right, ._f_11 #mapid { display: block; margin-right: 0; width: 100%; } ._f_11 ._f_11_txt { margin-bottom: 0.1rem; } ._f_11 #mapid { margin-top: 0.5rem; } } @media screen and (max-width: 768px) { .foolter .bottom .ulfooter { margin-top: 10px; } .foolter .ul_v .f_txt { padding: 0; } .foolter .top2 { padding-bottom: .2rem; } .foolter .top2 .f_txt { text-align: left; } .foolter .top2 .f_txt + .f_txt { margin-left: .2rem; } .foolter .top2 .icon_img { margin-right: .05rem; } .foolter .top2 .top2_left { margin-top: 0; } .foolter .absimgewm { justify-content:center; position: static; width: 90px; margin: .2rem auto; } .otw { /*-o-text-overflow: inherit; text-overflow: inherit; white-space: inherit;*/ } .news_list { height: auto; } .news_list ._important_news_title { line-height: normal; margin: 0.1rem auto; } .news_list .subtitle { display: block; text-overflow: ellipsis; overflow: hidden; } } @media screen and (max-width: 700px) { ._f_hr_detail ._f_hr_dtitle1 { margin-top: 0.2rem; } ._f_hr_detail ._f_hr_dcont { margin-top: 0.2rem; } .foolter .top { padding: 0; } .foolter .top .f_left { padding-top: 0; text-align: left; display: block; } .foolter .top .f_ul_friend { text-align: left; } .foolter .top .f_ul_friend ._f_top_li { padding: 0; margin-left: 0; position: relative; width: calc((100% - .1rem)/2); margin-top: .1rem; } .foolter .top .f_ul_friend ._f_top_li:nth-child(2n) { margin-left: .1rem; } .foolter .top .f_ul_friend ._f_top_title { background: rgba(255, 255, 255, 0.3); padding: 0 .1rem; } .foolter .top .f_ul_friend ._f_top_title:after { position: absolute; right: .1rem; top: 0.16rem; } .foolter .top .f_ul_friend .hidden { z-index: 99; background-color: #A4A5AE; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0px 0px 4px 2px rgba(255, 255, 255, 0.1); box-shadow: 0px 0px 4px 2px rgba(255, 255, 255, 0.1); } .foolter .top .f_ul_friend ._f_topa_txt { border-bottom-color: #ddd; } .foolter .ul_v { text-align: left; } .foolter .top2 { padding: .1rem 0; } .foolter .top2 .f_txt { position: relative; padding-left: .34rem; display: block; line-height: .3rem; font-size: .12rem; border-right: none; } .foolter .top2 .f_txt + .f_txt { margin-left: 0; } .foolter .top2 .f_txt .icon_img { position: absolute; left: .15rem; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .foolter .f_ft_item { margin: 0 .05rem; } ._f_build_content ._f_img { display: block; margin: 0 auto; width: 100%; } ._f_build_content ._f_v { margin-left: 0; margin-top: 0.2rem; width: 100%; } ._f_build_content ._f_right { float: none; display: block; width: 100%; } ._f_build_content ._f_li { padding: 0.31rem 0.2rem; } ._f_build_content ._f_text { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } ._f_build_cont .f_detail_frem { display: block; border-right: none; padding: 0; margin-top: 0.1rem; } ._f_build_cont ._f_detail_next, ._f_build_cont ._f_detail_pre { display: block; width: 100%; line-height: 0.5rem; font-size: 0.15rem; } ._f_build_cont ._f_detail_next { margin-left: 0; margin-top: 0.2rem; } ._f_tech_cn ._f_tech_item { padding: 0.2rem; } ._f_tech_cn ._f_tech_title { font-size: 0.14rem; } ._f_tech_cn ._f_tech_txt { font-size: 0.12rem; } ._f_tech_gf .f_tech_img_d { width: 100%; display: block; margin-left: 0 !important; } ._f_hr_cn ._f_bottom_txt { display: block; padding: 0; border-right: none; line-height: 0.3rem; } ._f_hr_detail { padding: 0.3rem 0.2rem; } ._f_hr_detail ._f_t { font-size: 0.14rem; } ._f_hr_detail ._f_hr_ditem { width: 100%; margin-right: 0; margin-bottom: 0.15rem; } ._f_hr_detail ._f_hr_dbtn { width: 2rem; margin: 0.4rem auto; line-height: 0.5rem; } ._f_hr_from_cont { margin-top: 0.2rem; } ._f_hr_from_cont ._f_hr_fromitem { margin-bottom: 0.1rem; font-size: 0.14rem; } ._f_hr_from_cont ._f_hr_input, ._f_hr_from_cont ._f_hr_right_d, ._f_hr_from_cont ._f_hr_code_d, ._f_hr_from_cont ._f_t { display: block; width: 100%; } ._f_hr_from_cont ._f_hr_savebtn, ._f_hr_from_cont ._f_hr_clearbtn { width: 1rem; line-height: 0.35rem; } ._f_hr_from_cont ._f_date_img, ._f_hr_from_cont ._f_file_img { width: 0.2rem; margin-top: 0.09rem; } ._f_hr_from_cont ._f_file_lb, ._f_hr_from_cont ._f_date_lb { font-size: 0.16rem; line-height: 0.38rem; } ._f_hr_from_cont ._f_sel_date { width: calc(100% - 0.3rem); } ._f_hr_from_cont ._f_code_input { padding: 0 0.15rem; font-size: 0.16rem; line-height: 0.24rem; width: calc(70% - 0.3rem); margin-right: 0.3rem; line-height: 0.36rem; } ._f_hr_from_cont ._f_hr_code_d { width: calc(100% - 0.2rem); height: 0.4rem; } ._f_hr_from_cont ._f_hr_code_d img { width: 30%; height: 0.4rem; } ._f_11 ._f_list_item_r { display: block; margin-top: 0.1rem; } } @media screen and (max-width: 480px) { .foolter { margin-top: .3rem; } ._f_build_content ._f_li { padding: .15rem; } ._f_build_content ._f_title { font-size: .16rem; margin-bottom: .1rem; } ._f_build_content ._f_text { font-size: .14rem; line-height: .26rem; height: auto; } ._f_build_content ._f_date { font-size: .14rem; } ._f_hr_cn ._f_hr_item { padding: .15rem; } ._f_hr_cn ._f_top_left { font-size: .16rem; } ._f_hr_cn ._f_top_right { font-size: .14rem; } ._f_hr_cn .f_hr_item_center { padding: .1rem 0; font-size: .14rem; } ._f_hr_cn .f_hr_item_bottom { margin-top: .1rem; } ._f_hr_detail { padding: .15rem; } ._f_hr_detail ._f_hr_dtitle { font-size: .16rem; } ._f_hr_detail ._f_hr_dtitle1 { margin-top: .1rem; font-size: .14rem; padding-bottom: .1rem; } ._f_hr_detail ._f_hr_dcont { margin-top: .15rem; } ._f_hr_detail ._f_txt { font-size: .12rem; } ._f_hr_detail ._f_hr_ditem { margin-bottom: .1rem; } ._f_11 { padding: .15rem; } ._f_page_d { padding: .2rem 0; } } .header { padding-top: .05rem; -webkit-box-shadow: 0px 0px 4px 1px rgba(51, 51, 51, 0.09); box-shadow: 0px 0px 4px 1px rgba(51, 51, 51, 0.09); position: -webkit-sticky; position: sticky; z-index: 999; top: 0; background-color: #f5f5f5; } .header .logo { margin-top: .07rem; } .header .logo img { display: block; } .header .linksbox { padding-right: .2rem; width: calc(100% - 2.74rem); -webkit-box-sizing: border-box; box-sizing: border-box; text-align: right; line-height: .34rem; } .header .linksbox .a_link { font-size: .14rem; color: #333; padding-left: .25rem; background-repeat: no-repeat; background-position: left center; margin: 0 .1rem; vertical-align: top; } .header .linksbox .a_link + .a_link:before { content: ''; width: 1px; height: .16rem; background: #E9E9E9; } .header .linksbox .a_link.a_pt { background-image: url(../images/q/ico_pt.png); } .header .linksbox .a_link.a_email { background-image: url(../images/q/ico_email.png); } .header .linksbox .a_link.a_collect { background-image: url(../images/q/ico_collect.png); } .header .linksbox .a_link:hover { color: #004EA2; } .header .searchbox { position: relative; padding-right: .64rem; width: 2.74rem; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 0; } .header .searchbox .inp_text { border: 1px solid #004EA2; height: .34rem; line-height: .32rem; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: .14rem; color: #333; width: 100%; padding: 0 .1rem; } .header .searchbox .a_search { display: block; position: absolute; right: 0; top: 0; width: .64rem; height: .34rem; background: #004EA2 url(../images/q/ico_search.png) center center no-repeat; } .header .searchbox .a_search:hover { background-color: #002c80; } .ul_nav { margin-top: .2rem; } .ul_nav .a_h1 { font-size: .18rem; color: #333; display: block; margin-left: .36rem; border-bottom: 4px solid transparent; padding-bottom: .15rem; } .ul_nav .a_h1.cur { font-weight: bold; color: #004EA2; border-bottom-color: #004EA2; } .ul_nav .a_h1:hover { color: #004EA2; } .ul_nav .hidden { display: none; } .mobile_menu { display: none; } .newspapers .topbox { background: #fff; padding: .5rem .4rem; } .newspapers .selectbox { position: relative; } .newspapers .selectbox .select { width: 1.7rem; height: .4rem; border: 1px solid #DCDCDC; background: #F4F4F4; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: .1rem; font-size: .16rem; } .newspapers .ul_facebox { margin-left: .4rem; } .newspapers .ul_facebox li { margin-left: .3rem; padding-top: .05rem; } .newspapers .ul_facebox a { display: block; font-size: .16rem; color: #333; border-radius: .2rem; height: .3rem; line-height: .3rem; padding: 0 .2rem; } .newspapers .ul_facebox a:hover { color: #004EA2; } .newspapers .ul_facebox .cur a { background: #004EA2; color: #fff; } .newspapers .searchbox { height: .4rem; font-size: 0; width: 2.6rem; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } .newspapers .searchbox .inp_text { display: block; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #DCDCDC; background: #F4F4F4; font-size: .16rem; color: #333; height: .4rem; line-height: .38rem; padding-left: .1rem; padding-right: .4rem; } .newspapers .searchbox .a_search { position: absolute; display: block; right: 0; top: 0; width: .4rem; height: .4rem; background: url(../images/q/ico_search2.png) center center no-repeat; z-index: 1; } .newspapers .newspapersbox { margin-top: .12rem; } .newspapers .newspapersbox .leftimg { width: 32%; } .newspapers .newspapersbox .leftimg img { display: block; width: 100%; } .newspapers .newspapersbox .rightbox { width: calc(68% - 0.12rem); } .newspapers .newspapersbox .rightbox .partbox { background: #fff; padding: .2rem .4rem; } .newspapers .newspapersbox .rightbox .partbox + .partbox { margin-top: .12rem; } .newspapers .newspapersbox .p_title { font-size: .16rem; font-weight: bold; } .newspapers .ul_newspaper { padding-top: .1rem; padding-bottom: .3rem; } .newspapers .ul_newspaper li { width: 48%; -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: .2rem; } .newspapers .ul_newspaper li:nth-child(2n-1) { margin-right: 4%; } .newspapers .ul_newspaper a { display: block; font-size: .16rem; color: #7A7A7A; } .newspapers .ul_newspaper a:before { content: ''; } .newspapers .ul_newspaper a:hover { color: #004EA2; } .newspapers .ul_ortherpaper { margin-top: .3rem; } .newspapers .ul_ortherpaper li { width: calc((100% - 1rem)/3); } .newspapers .ul_ortherpaper li + li { margin-left: .5rem; } .newspapers .ul_ortherpaper .a_box { display: block; } .newspapers .ul_ortherpaper .a_box:hover { opacity: 0.8; filter: alpha(opacity=80); } .newspapers .ul_ortherpaper .a_box:hover p { color: #004EA2; } .newspapers .ul_ortherpaper img { display: block; width: 100%; } .newspapers .ul_ortherpaper p { text-align: center; margin-top: .05rem; height: .3rem; line-height: .3rem; font-size: .16rem; color: #333; } @media screen and (max-width: 1700px) { .ul_nav .a_h1 { margin-left: .2rem; } } @media screen and (max-width: 1630px) { .header .logo { width: 22%; padding-top: .15rem; } .header .logo img { width: 100%; } .ul_nav .a_h1 { margin-left: .15rem; font-size: .16rem; } .newspapers .topbox { padding: .3rem .2rem; } .newspapers .selectbox .select { width: 1.4rem; } .newspapers .ul_facebox { margin-left: 0rem; } .newspapers .ul_facebox li { margin-left: .2rem; } .newspapers .ul_facebox a { padding: 0 .1rem; font-size: .14rem; } .newspapers .searchbox { width: 2.2rem; } .newspapers .newspapersbox .rightbox .partbox { padding: .2rem; } } @media screen and (max-width: 1200px) { body { overflow-x: hidden; } body.hid { overflow-y: hidden; } .header { position: relative; padding: 0.2rem; } .header .logo { width: 40%; padding-top: 0; margin-top: 0; } .header .rightbox { position: absolute; display: block; opacity: 0; position: absolute; top: 100%; right: 0; width: 3.6rem; padding: 0.2rem; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); background: #fff; max-height: calc(100vh - 100%); overflow-y: auto; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 10; } .header .rightbox.show { display: block; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; } .header .linksbox { display: block; text-align: center; width: 100%; padding-right: 0; } .header .searchbox { display: block; width: 100%; margin-top: 0.15rem; } .ul_nav { background: #eaf4ff; } .ul_nav li { display: block; position: relative; } .ul_nav .ico_show { position: absolute; } .ul_nav .a_h1 { border-bottom: 1px solid #fff; padding-left: .2rem; height: .5rem; line-height: .5rem; padding-bottom: 0; font-size: .16rem; margin-left: 0; } .ul_nav .a_h1.cur { background: #004EA2; color: #fff; } .ul_nav .a_h1.cur + .ico_show:before { border-bottom-color: #fff; border-left-color: #fff; } .ul_nav .ico_show { position: absolute; right: 0; top: .05rem; width: .4rem; height: .4rem; cursor: pointer; } .ul_nav .ico_show:before { content: ''; display: block; width: .06rem; height: .06rem; border-left: 2px solid #666; border-bottom: 2px solid #666; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } .ul_nav .ico_show.open:before { -webkit-transform: translate(-50%, -50%) rotate(135deg); -ms-transform: translate(-50%, -50%) rotate(135deg); transform: translate(-50%, -50%) rotate(135deg); } .ul_nav .hidden a { display: block; line-height: .26rem; padding-top: .07rem; padding-bottom: .07rem; } .ul_nav .a_h1 + .ico_show + .hidden { background: #bdc6cf; } .ul_nav .a_h2 + .ico_show + .hidden { background: #b1cbe8; } .ul_nav .h2box { position: relative; } .ul_nav .h2box .ico_show { top: 0; } .ul_nav .a_h2 { position: relative; padding-left: .5rem; color: #333; border-bottom: 1px solid #bbd7f5; } .ul_nav .a_h2:before { content: ''; position: absolute; border-left: 6px solid #333; border-top: 5px solid transparent; border-bottom: 5px solid transparent; left: .3rem; top: .16rem; } .ul_nav .a_h2.cur { background: #4183ca; color: #fff; } .ul_nav .a_h2.cur:before { border-left-color: #fff; } .ul_nav .a_h2.cur + .ico_show:before { border-bottom-color: #fff; border-left-color: #fff; } .ul_nav .a_h3 { position: relative; padding-left: .7rem; color: #333; border-bottom: 1px solid #94afcc; } .ul_nav .a_h3:before { content: ''; position: absolute; border-left: 2px solid #333; border-bottom: 2px solid #333; width: .06rem; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); height: .06rem; left: .5rem; top: .16rem; } .ul_nav .a_h3.cur { background: #7398bf; color: #fff; } .ul_nav .a_h3.cur:before { border-left-color: #fff; border-bottom-color: #fff; } .mobile_menu { display: block; position: absolute; width: 25px; height: 20px; top: 50%; margin-top: -7px; right: 0.2rem; } .mobile_menu span { display: block; position: absolute; height: 2px; width: 100%; background: #004EA2; border-radius: 9px; opacity: 1; left: 0; -webkit-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; } .mobile_menu span:nth-child(1) { top: 0; } .mobile_menu span:nth-child(2) { top: 7px; } .mobile_menu span:nth-child(3) { top: 14px; } .mobile_menu.open span:nth-child(1) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); left: 4px; } .mobile_menu.open span:nth-child(2) { width: 0; opacity: 0; } .mobile_menu.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 18px; left: 4px; } .newspapers .ul_newspaper li { margin-top: .15rem; } .newspapers .ul_newspaper a { font-size: .14rem; } .newspapers .ul_ortherpaper { margin-top: .2rem; } .newspapers .ul_ortherpaper li { width: calc((100% - .4rem)/3); } .newspapers .ul_ortherpaper li + li { margin-left: .2rem; } } @media screen and (max-width: 768px) { .header .logo { width: 70%; } .newspapers .topbox .selectbox { width: 30%; } .newspapers .topbox .selectbox .select { width: 100%; } .newspapers .topbox .ul_facebox { width: 60%; } .newspapers .topbox .searchbox { width: 100%; margin-top: .2rem; } .newspapers .newspapersbox .leftimg { width: 100%; } .newspapers .newspapersbox .rightbox { width: 100%; margin-top: .12rem; } .newspapers .ul_newspaper { padding-bottom: .1rem; } .newspapers .ul_newspaper li { width: 100%; margin-left: 0; } .newspapers .ul_newspaper li:nth-child(4n-1) { margin-right: 0; } .newspapers .ul_ortherpaper li { width: 100%; } .newspapers .ul_ortherpaper li + li { margin-left: 0; } } @media screen and (max-width: 480px) { body { padding-top: .72rem; } .header { position: fixed; } .header .rightbox { width: 100%; border-top: 1px solid #ddd; } .newspapers .topbox .selectbox { width: 100%; } .newspapers .topbox .ul_facebox { width: 100%; padding-top: .2rem; } .newspapers .topbox .ul_facebox li { margin-left: 0; } .banner_inner { display: none; } } body { background: #F5F5F5; } .container { width: 92%; margin-left: auto; margin-right: auto; } .banner_inner img { display: block; width: 100%; } .position { line-height: .24rem; border-bottom: 1px solid #E8E8E8; padding: .1rem 0; } .position a, .position span { font-size: .14rem; } .position a { color: #B5B5B5; -o-transition: all 0.3s 0s ease-in-out; transition: all 0.3s 0s ease-in-out; -webkit-transition: all 0.3s 0s ease-in-out; } .position a:hover { color: #004EA2; } .position .a_home { padding-left: .24rem; display: inline-block; background: url(../images/ico_home.png) left center no-repeat; } .position .span_text { color: #333; } .position .span_arrow { display: inline-block; vertical-align: 2px; border-left: 1px solid #999; border-bottom: 1px solid #999; width: .06rem; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); height: .06rem; margin: 0 .05rem; } .main_innerpage { margin-top: .15rem; } .main_innerpage .leftnav { width: 2.5rem; } .main_innerpage .leftnav .p_title { background: #004EA2; color: #fff; font-size: .18rem; font-weight: bold; text-align: center; line-height: .7rem; } .main_innerpage .main_container { width: calc(100% - 2.8rem); } .ul_leftnav { background: #fff; margin-bottom: .2rem; } .ul_leftnav li + li { border-top: 1px solid #E3ECF5; } .ul_leftnav li { position: relative; } .ul_leftnav a { display: block; position: relative; padding-left: .6rem; color: #333; line-height: .3rem; } .ul_leftnav a:after { content: ''; position: absolute; vertical-align: middle; border-left: 1px solid #999; border-bottom: 1px solid #999; width: .08rem; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); height: .08rem; margin: 0 .05rem; top: 50%; margin-top: -.04rem; right: .35rem; } .ul_leftnav a:hover { color: #004EA2; } .ul_leftnav .a_h2 { font-size: .16rem; padding-top: .2rem; padding-bottom: .2rem; } .ul_leftnav .a_h3 { font-size: .14rem; padding-top: .1rem; padding-bottom: .1rem; } .ul_leftnav .ico_show { display: block; position: absolute; width: .3rem; height: .3rem; cursor: pointer; background: #fff; right: 0; top: .2rem; right: .3rem; } .ul_leftnav .ico_show:after { content: ''; position: absolute; vertical-align: middle; border-left: 1px solid #999; border-bottom: 1px solid #999; width: .08rem; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); height: .08rem; margin: 0 .05rem; top: 50%; margin-top: -.04rem; left: 50%; margin-left: -.06rem; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .ul_leftnav .ico_show.open:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .ul_leftnav .ico_nav { display: block; width: .3rem; height: .3rem; background-repeat: no-repeat; background-position: center center; position: absolute; left: .1rem; top: .2rem; } .ul_leftnav .cur { color: #004EA2; } .ul_leftnav .cur:after { border-bottom-color: #004EA2; border-left-color: #004EA2; } .ul_leftnav .cur + .ico_show:after { border-bottom-color: #004EA2; border-left-color: #004EA2; } .ul_leftnav .hidden { display: none; } .ul_leftnav .hidden.db { display: block; } .swiper_detailimgbox { padding: 0 200px; } .swiper_detailimgbox .swiper-slide img { display: block; width: 100%; } .swiper_detailimgbox .swiper_imglist { margin-top: 20px; } .swiper_detailimgbox .swiper_imglist .swiper-slide { border: 2px solid transparent; -o-transition: all 0.3s 0s ease-in-out; transition: all 0.3s 0s ease-in-out; -webkit-transition: all 0.3s 0s ease-in-out; opacity: 0.5; -webkit-box-sizing: border-box; box-sizing: border-box; filter: alpha(opacity=50); } .swiper_detailimgbox .swiper_imglist .swiper-slide-thumb-active { border-color: #004EA2; opacity: 1; filter: alpha(opacity=100); } @media screen and (max-width: 1400px) and (min-width: 1200px) { .foolter .absimgewm{ margin-left:380px; } } @media screen and (max-width: 1200px) { .container { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 .2rem; } .main_innerpage .leftnav { display: none; } .main_innerpage .main_container { width: 100%; } .swiper_detailimgbox { padding: 0 1rem; } } @media screen and (max-width: 480px) { .container { padding: 0 .1rem; } .swiper_detailimgbox { padding: 0; } } /*# sourceMappingURL=style.css.map */