html { -webkit-font-smoothing: antialiased; height: 100%; touch-action: manipulation; }
blockquote, body, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul { margin: 0; padding: 0 }
header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer { display: block; margin: 0; padding: 0 }
table { border-collapse: collapse; border-spacing: 0 }
table, th, td { border: 1px solid black; }
fieldset, img { border: 0 }
address, caption, cite, code, dfn, em, var { font-style: normal; font-weight: 400; }
dl, ol, ul { list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
a { text-decoration: none; color: inherit; }
a:hover { text-decoration: none; -webkit-tap-highlight-color: rgba(255,0,0,0); outline: 0; outline: none; blr:expression(this.onFocus=this.blur())
}
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
textarea { resize: none; outline: none; font-family: Arial; }
img { vertical-align: middle; max-width: 100%; height: auto; }
@media(min-width: 1201px) {
img { image-rendering: -webkit-optimize-contrast; image-rendering: -o-crisp-edges; image-rendering: -moz-crisp-edges; image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; }
}
button, input[type=submit], input[type=text], input[type=button] { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255,0,0,0); outline: 0; blr:expression(this.onFocus=this.blur())
}
input { outline: 0; }
input::-webkit-input-safebox-button {
display: none;/*去掉搜狗浏览器密码软盘*/
}
body { font-size: 14px; color: #000; font-family: Arial; }
body * { box-sizing: border-box; }
/*编辑器盒子加editor-box这个类，editor-box以及里面的h1,h2,h3,h4,h5,h6,ul,ol,li,i.b,strong,p等标签的样式根据后台编辑器的默认样式而变*/
.editor-box { font-size: 16px; line-height: 1.5; }
.editor-box h1 { display: block; font-size: 2em; margin-block-start: 0.67em; margin-block-end: 0.67em; margin-inline-start: 0px; margin-inline-end: 0px; font-weight: bold; unicode-bidi: isolate; }
.editor-box h2 { display: block; font-size: 1.5em; margin-block-start: 0.83em; margin-block-end: 0.83em; margin-inline-start: 0px; margin-inline-end: 0px; font-weight: bold; unicode-bidi: isolate; }
.editor-box h3 { display: block; font-size: 1.17em; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; font-weight: bold; unicode-bidi: isolate; }
.editor-box h4 { display: block; margin-block-start: 1.33em; margin-block-end: 1.33em; margin-inline-start: 0px; margin-inline-end: 0px; font-weight: bold; unicode-bidi: isolate; }
.editor-box h5 { display: block; font-size: 0.83em; margin-block-start: 1.67em; margin-block-end: 1.67em; margin-inline-start: 0px; margin-inline-end: 0px; font-weight: bold; unicode-bidi: isolate; }
.editor-box h6 { display: block; font-size: 0.67em; margin-block-start: 2.33em; margin-block-end: 2.33em; margin-inline-start: 0px; margin-inline-end: 0px; font-weight: bold; unicode-bidi: isolate; }
.editor-box ul { display: block; list-style-type: disc; margin-block-start: 1em; margin-block-end: 1em; padding-inline-start: 40px; unicode-bidi: isolate; }
.editor-box ol { display: block; list-style-type: decimal; margin-block-start: 1em; margin-block-end: 1em; padding-inline-start: 40px; unicode-bidi: isolate; }
.editor-box li { display: list-item; text-align: -webkit-match-parent; unicode-bidi: isolate; }
.editor-box i { font-style: italic; }
.editor-box b { font-weight: bolder; }
.editor-box strong { font-weight: bolder; }
.editor-box p { display: block; margin-block-start: 5px; margin-block-end: 5px; margin-inline-start: 0px; margin-inline-end: 0px; unicode-bidi: isolate; }
#web-ietip { width: 526px; height: 90px; padding: 83px 0 0 84px; overflow: hidden; background: url(../images/browser.png) no-repeat center center; margin: 200px auto 0; }
#web-ietip a { display: block; width: 65px; height: 80px; float: left; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; font-size: 0; }
.ellipsis { display: block; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.eps2 { overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
img[img-src] { opacity: 0; }
img[done] { opacity: 1; transition: opacity .01s; }
@media(max-width: 1200px) {
img { image-rendering: auto; }
}
html { font-size: calc(100vw / 1920 * 100);
}
@media(max-width: 850px) {
html { font-size: calc(850px / 1920 * 100);
}
}
body { font-size: calc(16 * 1rem / 100);
}
@media(max-width: 1584px) {
body { font-size: 13.2px; }
}
.s12 { font-size: calc(12 * 1rem / 100);
}
@media(max-width: 1920px) {
.s12 { font-size: 12px; }
}
.s13 { font-size: calc(13 * 1rem / 100);
}
@media(max-width: 1816px) {
.s13 { font-size: 12.3px; }
}
.s14 { font-size: calc(14 * 1rem / 100);
}
@media(max-width: 1728px) {
.s14 { font-size: 12.6px; }
}
.s15 { font-size: calc(15 * 1rem / 100);
}
@media(max-width: 1651px) {
.s15 { font-size: 12.9px; }
}
.s16 { font-size: calc(16 * 1rem / 100);
}
@media(max-width: 1584px) {
.s16 { font-size: 13.2px; }
}
.s17 { font-size: calc(17 * 1rem / 100);
}
@media(max-width: 1524px) {
.s17 { font-size: 13.5px; }
}
.s18 { font-size: calc(18 * 1rem / 100);
}
@media(max-width: 1472px) {
.s18 { font-size: 13.8px; }
}
.s19 { font-size: calc(19 * 1rem / 100);
}
@media(max-width: 1424px) {
.s19 { font-size: 14.1px; }
}
.s20 { font-size: calc(20 * 1rem / 100);
}
@media(max-width: 1382px) {
.s20 { font-size: 14.4px; }
}
.s21 { font-size: calc(21 * 1rem / 100);
}
@media(max-width: 1344px) {
.s21 { font-size: 14.7px; }
}
.s22 { font-size: calc(22 * 1rem / 100);
}
@media(max-width: 1309px) {
.s22 { font-size: 15px; }
}
.s23 { font-size: calc(23 * 1rem / 100);
}
@media(max-width: 1277px) {
.s23 { font-size: 15.3px; }
}
.s24 { font-size: calc(24 * 1rem / 100);
}
@media(max-width: 1248px) {
.s24 { font-size: 15.6px; }
}
.s25 { font-size: calc(25 * 1rem / 100);
}
@media(max-width: 1221px) {
.s25 { font-size: 15.9px; }
}
.s26 { font-size: calc(26 * 1rem / 100);
}
@media(max-width: 1196px) {
.s26 { font-size: 16.2px; }
}
.s27 { font-size: calc(27 * 1rem / 100);
}
@media(max-width: 1173px) {
.s27 { font-size: 16.5px; }
}
.s28 { font-size: calc(28 * 1rem / 100);
}
@media(max-width: 1152px) {
.s28 { font-size: 16.8px; }
}
.s29 { font-size: calc(29 * 1rem / 100);
}
@media(max-width: 1132px) {
.s29 { font-size: 17.1px; }
}
.s30 { font-size: calc(30 * 1rem / 100);
}
@media(max-width: 1113px) {
.s30 { font-size: 17.4px; }
}
.s31 { font-size: calc(31 * 1rem / 100);
}
@media(max-width: 1096px) {
.s31 { font-size: 17.7px; }
}
.s32 { font-size: calc(32 * 1rem / 100);
}
@media(max-width: 1080px) {
.s32 { font-size: 18px; }
}
.s33 { font-size: calc(33 * 1rem / 100);
}
@media(max-width: 1064px) {
.s33 { font-size: 18.3px; }
}
.s34 { font-size: calc(34 * 1rem / 100);
}
@media(max-width: 1050px) {
.s34 { font-size: 18.6px; }
}
.s35 { font-size: calc(35 * 1rem / 100);
}
@media(max-width: 1036px) {
.s35 { font-size: 18.9px; }
}
.s36 { font-size: calc(36 * 1rem / 100);
}
@media(max-width: 1024px) {
.s36 { font-size: 19.2px; }
}
.s37 { font-size: calc(37 * 1rem / 100);
}
@media(max-width: 1011px) {
.s37 { font-size: 19.5px; }
}
.s38 { font-size: calc(38 * 1rem / 100);
}
@media(max-width: 1000px) {
.s38 { font-size: 19.8px; }
}
.s39 { font-size: calc(39 * 1rem / 100);
}
@media(max-width: 989px) {
.s39 { font-size: 20.1px; }
}
.s40 { font-size: calc(40 * 1rem / 100);
}
@media(max-width: 979px) {
.s40 { font-size: 20.4px; }
}
.s41 { font-size: calc(41 * 1rem / 100);
}
@media(max-width: 969px) {
.s41 { font-size: 20.7px; }
}
.s42 { font-size: calc(42 * 1rem / 100);
}
@media(max-width: 960px) {
.s42 { font-size: 21px; }
}
.s43 { font-size: calc(43 * 1rem / 100);
}
@media(max-width: 951px) {
.s43 { font-size: 21.3px; }
}
.s44 { font-size: calc(44 * 1rem / 100);
}
@media(max-width: 942px) {
.s44 { font-size: 21.6px; }
}
.s45 { font-size: calc(45 * 1rem / 100);
}
@media(max-width: 934px) {
.s45 { font-size: 21.9px; }
}
.s46 { font-size: calc(46 * 1rem / 100);
}
@media(max-width: 926px) {
.s46 { font-size: 22.2px; }
}
.s47 { font-size: calc(47 * 1rem / 100);
}
@media(max-width: 919px) {
.s47 { font-size: 22.5px; }
}
.s48 { font-size: calc(48 * 1rem / 100);
}
@media(max-width: 912px) {
.s48 { font-size: 22.8px; }
}
.s49 { font-size: calc(49 * 1rem / 100);
}
@media(max-width: 905px) {
.s49 { font-size: 23.1px; }
}
.s50 { font-size: calc(50 * 1rem / 100);
}
@media(max-width: 898px) {
.s50 { font-size: 23.4px; }
}
.s51 { font-size: calc(51 * 1rem / 100);
}
@media(max-width: 892px) {
.s51 { font-size: 23.7px; }
}
.s52 { font-size: calc(52 * 1rem / 100);
}
@media(max-width: 886px) {
.s52 { font-size: 24px; }
}
.s53 { font-size: calc(53 * 1rem / 100);
}
@media(max-width: 880px) {
.s53 { font-size: 24.3px; }
}
.s54 { font-size: calc(54 * 1rem / 100);
}
@media(max-width: 874px) {
.s54 { font-size: 24.6px; }
}
.s55 { font-size: calc(55 * 1rem / 100);
}
@media(max-width: 869px) {
.s55 { font-size: 24.9px; }
}
.s56 { font-size: calc(56 * 1rem / 100);
}
@media(max-width: 864px) {
.s56 { font-size: 25.2px; }
}
.s57 { font-size: calc(57 * 1rem / 100);
}
@media(max-width: 858px) {
.s57 { font-size: 25.5px; }
}
.s58 { font-size: calc(58 * 1rem / 100);
}
@media(max-width: 854px) {
.s58 { font-size: 25.8px; }
}
.s59 { font-size: calc(59 * 1rem / 100);
}
@media(max-width: 849px) {
.s59 { font-size: 26.1px; }
}
.s60 { font-size: calc(60 * 1rem / 100);
}
@media(max-width: 844px) {
.s60 { font-size: 26.4px; }
}
.s61 { font-size: calc(61 * 1rem / 100);
}
@media(max-width: 840px) {
.s61 { font-size: 26.7px; }
}
.s62 { font-size: calc(62 * 1rem / 100);
}
@media(max-width: 836px) {
.s62 { font-size: 27px; }
}
.s63 { font-size: calc(63 * 1rem / 100);
}
@media(max-width: 832px) {
.s63 { font-size: 27.3px; }
}
.s64 { font-size: calc(64 * 1rem / 100);
}
@media(max-width: 828px) {
.s64 { font-size: 27.6px; }
}
.s65 { font-size: calc(65 * 1rem / 100);
}
@media(max-width: 824px) {
.s65 { font-size: 27.9px; }
}
.s66 { font-size: calc(66 * 1rem / 100);
}
@media(max-width: 820px) {
.s66 { font-size: 28.2px; }
}
.s67 { font-size: calc(67 * 1rem / 100);
}
@media(max-width: 816px) {
.s67 { font-size: 28.5px; }
}
.s68 { font-size: calc(68 * 1rem / 100);
}
@media(max-width: 813px) {
.s68 { font-size: 28.8px; }
}
.s69 { font-size: calc(69 * 1rem / 100);
}
@media(max-width: 809px) {
.s69 { font-size: 29.1px; }
}
.s70 { font-size: calc(70 * 1rem / 100);
}
@media(max-width: 806px) {
.s70 { font-size: 29.4px; }
}
.s71 { font-size: calc(71 * 1rem / 100);
}
@media(max-width: 803px) {
.s71 { font-size: 29.7px; }
}
.s72 { font-size: calc(72 * 1rem / 100);
}
@media(max-width: 800px) {
.s72 { font-size: 30px; }
}
.s73 { font-size: calc(73 * 1rem / 100);
}
@media(max-width: 796px) {
.s73 { font-size: 30.3px; }
}
.s74 { font-size: calc(74 * 1rem / 100);
}
@media(max-width: 793px) {
.s74 { font-size: 30.6px; }
}
.s75 { font-size: calc(75 * 1rem / 100);
}
@media(max-width: 791px) {
.s75 { font-size: 30.9px; }
}
.s76 { font-size: calc(76 * 1rem / 100);
}
@media(max-width: 788px) {
.s76 { font-size: 31.2px; }
}
.s77 { font-size: calc(77 * 1rem / 100);
}
@media(max-width: 785px) {
.s77 { font-size: 31.5px; }
}
.s78 { font-size: calc(78 * 1rem / 100);
}
@media(max-width: 782px) {
.s78 { font-size: 31.8px; }
}
.s79 { font-size: calc(79 * 1rem / 100);
}
@media(max-width: 780px) {
.s79 { font-size: 32.1px; }
}
.s80 { font-size: calc(80 * 1rem / 100);
}
@media(max-width: 777px) {
.s80 { font-size: 32.4px; }
}
@media(max-width: 750px) {
html { font-size: calc(100vw / 750 * 100);
}
}
@media(max-width: 750px) {
.s12 { font-size: 0.22rem; }
.s13 { font-size: 0.23rem; }
.s14 { font-size: 0.24rem; }
.s15 { font-size: 0.25rem; }
.s16 { font-size: 0.26rem; }
.s17 { font-size: 0.27rem; }
.s18 { font-size: 0.28rem; }
.s19 { font-size: 0.29rem; }
.s20 { font-size: 0.30rem; }
.s21 { font-size: 0.31rem; }
.s22 { font-size: 0.32rem; }
.s23 { font-size: 0.33rem; }
.s24 { font-size: 0.34rem; }
.s25 { font-size: 0.35rem; }
.s26 { font-size: 0.36rem; }
.s27 { font-size: 0.37rem; }
.s28 { font-size: 0.38rem; }
.s29 { font-size: 0.38rem; }
.s30 { font-size: 0.38rem; }
.s31 { font-size: 0.38rem; }
.s32 { font-size: 0.38rem; }
.s33 { font-size: 0.38rem; }
.s34 { font-size: 0.38rem; }
.s35 { font-size: 0.38rem; }
.s36 { font-size: 0.38rem; }
.s37 { font-size: 0.38rem; }
.s38 { font-size: 0.38rem; }
.s39 { font-size: 0.38rem; }
.s40 { font-size: 0.38rem; }
.s41 { font-size: 0.38rem; }
.s42 { font-size: 0.38rem; }
.s43 { font-size: 0.38rem; }
.s44 { font-size: 0.38rem; }
.s45 { font-size: 0.38rem; }
.s46 { font-size: 0.38rem; }
.s47 { font-size: 0.38rem; }
.s48 { font-size: 0.38rem; }
.s49 { font-size: 0.38rem; }
.s50 { font-size: 0.38rem; }
.s51 { font-size: 0.38rem; }
.s52 { font-size: 0.38rem; }
.s53 { font-size: 0.38rem; }
.s54 { font-size: 0.38rem; }
.s55 { font-size: 0.38rem; }
.s56 { font-size: 0.38rem; }
.s57 { font-size: 0.38rem; }
.s58 { font-size: 0.38rem; }
.s59 { font-size: 0.38rem; }
.s60 { font-size: 0.38rem; }
.s61 { font-size: 0.38rem; }
.s62 { font-size: 0.38rem; }
.s63 { font-size: 0.38rem; }
.s64 { font-size: 0.38rem; }
.s65 { font-size: 0.38rem; }
.s66 { font-size: 0.38rem; }
.s67 { font-size: 0.38rem; }
.s68 { font-size: 0.38rem; }
.s69 { font-size: 0.38rem; }
.s70 { font-size: 0.38rem; }
.s71 { font-size: 0.38rem; }
.s72 { font-size: 0.38rem; }
.s73 { font-size: 0.38rem; }
.s74 { font-size: 0.38rem; }
.s75 { font-size: 0.38rem; }
.s76 { font-size: 0.38rem; }
.s77 { font-size: 0.38rem; }
.s78 { font-size: 0.38rem; }
.s79 { font-size: 0.38rem; }
.s80 { font-size: 0.38rem; }
}
div.mCSB_scrollTools { width: 3px; }
div.mCSB_scrollTools .mCSB_draggerRail { width: 3px; background-color: #f0f0f0; filter: none; -ms-filter: none; }
div.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 3px; background-color: #0094d6; border-radius: 2px; filter: none; -ms-filter: none; }
div.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, div.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #0094d6; filter: none; -ms-filter: none; }
div.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #0094d6; filter: none; -ms-filter: none; }
div.mCSB_inside>.mCSB_container { margin-right: 0; }
.my-scrollbar { overflow: auto; scrollbar-color: #00b2ef #ededed; scrollbar-width: none; scrollbar-width: thin; }
.my-scrollbar::-webkit-scrollbar {
width: 3px;
height: 1px;
}
.my-scrollbar::-webkit-scrollbar-thumb {
border-radius: .05rem;
box-shadow: inset 0 0 .05rem #ededed;
background: #00b2ef;
}
.my-scrollbar::-webkit-scrollbar-track {
box-shadow: inset 0 0 .05rem #ededed;
border-radius: .05rem;
background: #ededed;
}
form input::-webkit-input-placeholder, form textarea::-webkit-input-placeholder {
color: #7d766c;
}
form input:-moz-placeholder, form textarea:-moz-placeholder {
color: #7d766c;
}
form input::-moz-placeholder, form textarea::-moz-placeholder {
color: #7d766c;
}
form input:-ms-input-placeholder, form textarea:-ms-input-placeholder {
color: #7d766c;
}
/* 动画 */
.drop { opacity: 0; transform: translate3d(0, -80px, 0); }
.drop.is-visible { opacity: 1; transform: translate3d(0, 0, 0); transition: opacity 2s cubic-bezier(.25, .1, .25, 1), transform 2s cubic-bezier(.25, .1, .25, 1); }
.teaser { opacity: 0; transform: translate3d(0, 80px, 0); }
.teaser.is-visible { opacity: 1; transform: translate3d(0, 0, 0); transition: opacity 2s cubic-bezier(.25, .1, .25, 1), transform 2s cubic-bezier(.25, .1, .25, 1); }
.lter { opacity: 0; transform: translate3d(-80px, 0, 0); }
.lter.is-visible { opacity: 1; transform: translate3d(0, 0, 0); transition: opacity 2s cubic-bezier(.25, .1, .25, 1), transform 2s cubic-bezier(.25, .1, .25, 1); }
.rter { opacity: 0; transform: translate3d(80px, 0, 0); }
.rter.is-visible { opacity: 1; transform: translate3d(0, 0, 0); transition: opacity 2s cubic-bezier(.25, .1, .25, 1), transform 2s cubic-bezier(.25, .1, .25, 1); }
.scale { opacity: 0; transform: scale(1.1); }
.scale.is-visible { opacity: 1; transform: scale(1); transition: transform 2s cubic-bezier(.25, .1, .25, 1); transform-origin: center bottom; }
.reduce { opacity: 0; transform: scale(.9); }
.reduce.is-visible { opacity: 1; transform: scale(1); transition: transform 2s cubic-bezier(.25, .1, .25, 1); transform-origin: center bottom; }
@keyframes fadeInRightSmall { 0% {
opacity: 0;
transform: translate(2em, 0);
}
100% {
opacity: 1;
transform: translate(0, 0);
}
}
.word-in { opacity: 0; }
.word-in.is-visible { opacity: 1; }
.word-in>span { display: inline-block; vertical-align: top; opacity: 0; animation-duration: 1s; animation-fill-mode: forwards; animation-timing-function: cubic-bezier(0.3, 0, 0.24, 1); }
.word-in.is-visible>span { animation-name: fadeInRightSmall; }
.header { position: fixed; top: 0; left: 0; z-index: 288; padding: 0 .3rem;
width: 100%; border-bottom: 1px solid rgba(255,255,255,.15); }
.h-main { width: 100%; max-width: 18rem; margin: 0 auto; }
.h-left { float: left; font-size: 0; position: relative; z-index: 8; }
.h-logo { display: block; font-size: 0; }
.h-link { display: block; cursor: pointer; }
.h-img1 { display: block; height: 1rem; line-height: 1rem; }
.h-img1 img { max-width: none; height: .80rem;
}
.h-img2 { display: none; height: 1rem; line-height: 1rem; }
.h-img2 img { max-width: none; height: .80rem;
}
.h-right { float: right; font-size: 0; display: flex; align-items: center; height: 1rem; }
.h-h { position: absolute; top: 0; left: 0; width: 100%; text-align: center; }
.h-i { display: inline-block; vertical-align: middle; cursor: pointer; position: relative; padding: 0 .4rem;
}
.h-j { display: inline-block; position: relative; color: #ffffff; height: 1rem; line-height: 1rem; }
.h-j:after { content: ''; position: absolute; bottom: 0; left: 0; width: 0; transition: all ease .5s; overflow: hidden; height: .03rem;
background-color: #fff; }
.h-sub { display: none; min-width: 1.5rem; background-color: #ffffff; position: absolute; left: 50%; top: 100%; transform: translate(-50%, 0); z-index: 1000; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); }
.h-sub>li>a { display: block; cursor: pointer; width: 100%; padding: 10px 8px; white-space: nowrap; line-height: 1.5; text-align: center; color: #666; transition: background-color .3s; }
.h-sub>li>a:hover { color: #ffffff; background-color: #17356B; }
.h-language { display: block; position: relative; z-index: 8; margin-right: .3rem;
}
.hl-tip { display: inline-block; vertical-align: middle; margin-right: .1rem;
width: 1.3em; height: 1rem; background-image: url('../images/a2.png'); background-size: 100% auto; background-position: center center; background-repeat: no-repeat; }
.hl-sub { display: inline-block; vertical-align: middle; }
.hl-item { display: inline-block; vertical-align: middle; cursor: pointer; height: 1rem; line-height: 1rem; color: #ffffff; }
.hl-item:after { content: '/'; margin: 0 .03rem;
}
.hl-item:last-child:after { display: none; }
.h-k { display: block; }
.h-search { display: block; cursor: pointer; position: relative; z-index: 8; width: .5rem;
height: .5rem;
border-radius: 50%; border: solid 1px rgba(255,255,255,.15); background-image: url('../images/a3.png'); background-size: 1.18em auto; background-position: center center; background-repeat: no-repeat; }
.hs-a { display: none; z-index: 108; white-space: nowrap; position: fixed; top: 1.5rem; left: 50%; z-index: 18; transform: translate(-50%, 0); }
.hs-form { font-size: 0; display: inline-block; }
.hs-text { border: none; padding: 0 .2rem;
display: inline-block; vertical-align: middle; width: 6rem; height: 45px; background-color: #fff; color: #333; }
.hs-submit { border: none; display: inline-block; vertical-align: middle; cursor: pointer; width: 45px; height: 45px; background-color: #17356B; background-image: url('../images/a3.png'); background-size: 18px auto; background-position: center center; background-repeat: no-repeat; }
.header.search-state .hs-a { display: block; }
.header.search-state .h-opa { display: block; }
.h-menu { display: none; position: absolute; top:.2rem;
right: .3rem;
cursor: pointer; width:.6rem;
height:.6rem;
border-radius: 50%; border: solid 1px rgba(255,255,255,.15); background-image: url('../images/a-menu.png'); background-size: 1.2em auto; background-position: center center; background-repeat: no-repeat; }
.h-opa { display: none; width: 100%; height: 100%; position: fixed; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 10; cursor: pointer; }
@media(min-width: 1201px) {
.h-i:hover .h-j:after { width: 100%; }
.h-i.active .h-j:after { width: 100%; }
}
@media(max-width:1200px) {
.h-main { max-width: 100%; }
.h-h { margin-left: 0; min-width: 100px; padding-right: 0; width: 260px; position: fixed; text-align: left; left: auto; right: 0; top: 0; height: 100vh; background-color: #fff; margin-right: 0; padding-top: 10px; padding-bottom: 10px; overflow: auto; z-index: 1000; transform: translate(100%, 0); transition: transform .3s; }
.h-i { width: 100%; padding: 0 !important; margin: 0 !important; }
.h-j { padding: 0; padding-left: 20px; height: 40px; line-height: 40px; color: #666; font-size: 16px; }
.h-i.has-nav:after { content: ""; background-image: url('../images/a-right.png'); background-size: 16px auto; background-position: center center; background-repeat: no-repeat; display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; position: absolute; right: 0; top: 0; font-size: 20px; color: #333; }
.h-i.has-nav.show:after { background-size: 18px auto; background-image: url('../images/a-down.png'); }
.h-sub { position: relative; top: 0; background-color: #fff; box-shadow: none; left: 0; transform: translate(0, 0); width: 100% !important; }
.h-sub>li>a { white-space: normal; text-align: left; padding-left: 40px; color: #666; font-size: 14px; }
.h-i.active .h-j { color: #17356B; }
.h-right { margin-right: .9rem;
}
.h-search { width: .6rem;
height: .6rem;
}
/* 菜单 */
.h-menu { display: block; }
.header.menu-state .h-h { transform: translate(0, 0); }
.header.menu-state .h-opa { display: block; }
}
@media(min-width:750px) {
body.fixed .header { background-color: #fff; box-shadow: 0px 0px .07rem 0px rgba(202, 216, 230, 0.53);
}
body.fixed .h-img1 { display: none; }
body.fixed .h-img2 { display: block; }
body.fixed .h-j { color: #222222; }
body.fixed .h-i:hover .h-j { color: #17356B; }
body.fixed .h-i.active .h-j { color: #17356B; }
body.fixed .h-j:after { background-color: #17356B; }
body.fixed .hl-tip { background-image: url('../images/a2-b.png'); }
body.fixed .hl-item { color: #222222; }
body.fixed .h-search { background-image: url('../images/a3-b.png'); border: 1px solid #f7f7f7; }
body.fixed .h-search:before { background-image: url('../images/a3-b.png'); }
body.fixed .h-menu { background-image: url('../images/a-menu-b.png'); border: 1px solid #f7f7f7; }
body.no-banner { padding-top: 1rem; }
body.no-banner .header { background-color: #fff; box-shadow: 0px 0px .07rem 0px rgba(202, 216, 230, 0.53);
}
body.no-banner .h-img1 { display: none; }
body.no-banner .h-img2 { display: block; }
body.no-banner .h-j { color: #222222; }
body.no-banner .h-i:hover .h-j { color: #17356B; }
body.no-banner .h-i.active .h-j { color: #17356B; }
body.no-banner .h-j:after { background-color: #17356B; }
body.no-banner .hl-tip { background-image: url('../images/a2-b.png'); }
body.no-banner .hl-item { color: #222222; }
body.no-banner .h-search { background-image: url('../images/a3-b.png'); border: 1px solid #f7f7f7; }
body.no-banner .h-search:before { background-image: url('../images/a3-b.png'); }
body.no-banner .h-menu { background-image: url('../images/a-menu-b.png'); border: 1px solid #f7f7f7; }
}
@media(max-width:750px) {
body { padding-top: 1rem; }
.header { background-color: #fff; box-shadow: 0px 0px .07rem 0px rgba(202, 216, 230, 0.53);
}
.h-img1 { display: none; }
.h-img2 { display: block; }
.h-j { color: #222222; }
.h-i:hover .h-j { color: #17356B; }
.h-i.active .h-j { color: #17356B; }
.h-j:after { background-color: #17356B; }
.hl-tip { background-image: url('../images/a2-b.png'); }
.hl-item { color: #222222; }
.h-search { background-image: url('../images/a3-b.png'); border: 1px solid #f7f7f7; }
.h-search:before { background-image: url('../images/a3-b.png'); }
.h-menu { background-image: url('../images/a-menu-b.png'); border: 1px solid #f7f7f7; }
}
@media(max-width: 500px) {
.hs-text { width: 5rem; height: 35px; }
.hs-submit { width: 35px; height: 35px; }
}
.footer { width: 100%; padding: 0 .3rem;
background-color: #17356B; }
.f-inner { width: 100%; max-width: 16rem; margin: 0 auto; }
.f-top { width: 100%; padding: .7rem 0 .85rem;
display: flex; flex-wrap: wrap; justify-content: space-between; }
.f-left { min-width: 5.1rem; max-width: 7rem; }
.f-logo { display: block; cursor: pointer; width: 100%; padding-bottom: .22rem;
margin-bottom: .45rem;
border-bottom: 1px solid rgba(230,230,230,.1); }
.f-logo img { width: .80rem;
}
.f-tr { width: 100%; }
.f-td { display: flex; align-items: flex-start; width: 100%; margin-bottom: .1rem;
}
.f-icon { width: 1.12em; height: 1.6em; line-height: 1.6em; margin-right: .1rem;
}
.f-icon img { max-width: 100%; max-height: 1.12em; }
.f-tip { color: #fff; line-height: 1.6; }
.f-intro { flex: 1; color: #ffffff; line-height: 1.6; }
.f-right { width: 8rem; padding-top: .1rem;
display: flex; justify-content: space-between; }
.f-item { display: block; padding-right: .25rem;
}
.f-item:last-child { padding-right: 0; }
.f-one { display: block; margin-bottom: .45rem;
color: #ffffff; line-height: 1.5; }
.f-twobox { display: inline-block; }
.f-two { transition: all .3s; display: block; cursor: pointer; margin-bottom: .1rem;
color: #fff; line-height: 1.6; }
.f-two:hover { color: #17356B; }
.f-bottom { width: 100%; padding: .25rem 0;
border-top: 1px solid rgba(255,255,255,.1); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.f-lt { font-size: 0; }
.f-rt { font-size: 0; }
.f-link { display: inline-block; vertical-align: middle; color: #fff; line-height: 1.6; }
.f-bottom a:hover { transition: all .3s; cursor: pointer; color: #17356B; }
@media(max-width: 750px) {
.f-top { padding-bottom: .3rem;
}
.f-left { min-width: 1rem; width: 100%; max-width: 100%; }
.f-right { display: none; width: 100%; flex-wrap: wrap; padding-top: .3rem;
}
.f-item { width: 100%; padding-right: 0; margin-bottom: .15rem;
}
.f-one { margin-bottom: .15rem;
}
.f-twobox { width: 100%; }
.f-two { display: inline-block; vertical-align: middle; margin-right: .25rem;
}
.f-lt { width: 100%; text-align: center; }
.f-rt { width: 100%; text-align: center; }
.f-link { padding: .05rem;
}
}
.my-top { width: 100%; padding-bottom: .55rem;
}
.my-en { width: 100%; margin-bottom: .1rem;
color: #17356B; line-height: 1.45; font-weight: bold; }
.my-titles { font-size: 42px;
color: #0d3b66;
font-weight: 700;
margin-bottom: 15px;
position: relative;
display: inline-block; }
.my-titles::after {
content: '';
position: absolute;
bottom: -10px;
left: 0;
width: 80px;
height: 4px;
background-color: #c9a227;
border-radius: 2px;
}
.my-subtitle { width: 100%; color: #222222; font-weight: bold; line-height: 1.25; }
.my-id { position: absolute; top: -1rem; }
@media(max-width: 750px) {
.my-en { font-size: .28rem;
}
.my-subtitle { font-size: .32rem;
}
}
.a-main { width: 100%; position: relative; }
.a-b { width: 100%; }
.a-item { display: block; width: 100%; }
.a-link { display: block; cursor: pointer; width: 100%; position: relative; }
.a-img { width: 100%; position: relative; overflow: hidden; padding-top: calc(950/1920*100%);
}
.a-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transform: scale(1.00); transition: all ease .5s; }
.a-text { position: absolute; top: 3.05rem; left: 50%; transform: translate(-50%, 0); width: 16rem; max-width: calc(100% - .6rem);
}
.a-titles { width: 100%; color: #ffffff; font-weight: bold; line-height: 2; }
.a-titles { opacity: 0; transform: translate3d(0, 80px, 0); }
.a-item.swiper-slide-active .a-titles { opacity: 1; transform: translate3d(0, 0, 0); transition: opacity 2s cubic-bezier(.25, .1, .25, 1), transform 2s cubic-bezier(.25, .1, .25, 1); }
.a-item.swiper-slide-active .a-titles { transition-delay: .5s; }
.a-pagination { position: absolute; bottom: .3rem;
left: 50%; transform: translate(-50%, 0); text-align: left; width: 16.1rem; max-width: calc(100% - .5rem);
}
.a-pagination .swiper-pagination-bullet { display: inline-block; vertical-align: middle; margin: 0 .05rem;
opacity: 0.5; width: .3rem;
height: .04rem;
border-radius: 0; background-color: #ffffff; }
.a-pagination .swiper-pagination-bullet-active { opacity: 1; }
.a-mouse { position: absolute; bottom: .25rem;
left: 50%; z-index: 28; transform: translate(-50%, 0); white-space: nowrap; padding-top: .3rem;
color: #ffffff; line-height: 1.7; }
.a-mouse:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: .22rem;
background-image: url('../images/a31.png'); background-size: auto 100%; background-position: top center; background-repeat: no-repeat; }
@media(max-width: 750px) {
.a-text { top: 50%; transform: translate(-50%, -50%); }
.a-mouse { display: none; }
}
.b-main { width: 100%; position: relative; overflow: hidden; }
.b-main .my-top { position: relative; padding-bottom: .4rem;
margin-bottom: .4rem;
}
.b-main .my-top:after { content: ''; position: absolute; bottom: 0; left: 0; width: .26rem;
height: .04rem;
background-color: #17356B; border-radius: .02rem;
}
.b-en { position: absolute; bottom: -.4em; left: -.5em; white-space: nowrap; font-size: 2.4rem; line-height: 1; font-weight: bold; }
.b-en { color: #17356B; opacity: 0.1; background-image: linear-gradient(180deg, #17356B 0%, rgba(0,150,220,.1) 60%, rgba(0,150,220,.1) 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent; }
.b-inner { width: 100%; }
.b-cont { width: 100%; display: flex; flex-wrap: wrap; flex-direction: row-reverse; }
.b-left { position: relative; z-index: 1; width: 50%; padding: .95rem 1.5rem 1rem 1.6rem;
}
.b-intro { width: 100%; margin-bottom: .65rem;
color: #666666; line-height: 2; }
.b-more { display: inline-block; vertical-align: middle; cursor: pointer; padding: 0 .32rem;
line-height: .6rem;
border-radius: .3rem;
color: #ffffff; background-color: #00b2ef; background-image: linear-gradient(90deg, #00b2ef 0%, #0076bf 100%); }
.b-more:after { transition: all .3s; transform: rotate(0); content: ''; display: inline-block; vertical-align: middle; margin-left: .4rem;
width: .75em; height: 1.5em; background-image: url('../images/a26.png'); background-size: 100% auto; background-position: center center; background-repeat: no-repeat; }
.b-more:hover:after { transform: rotate(45deg); }
.b-list { width: 100%; padding-bottom: .4rem;
display: flex; flex-wrap: wrap; justify-content: space-between; }
.b-line {
margin: 0 .1rem .4rem; width: 1px; height: .5rem;
background-color: #e5e5e5; }
.b-item { display: flex; justify-content: space-between; flex-direction: row-reverse; min-width: 1.6rem; margin-bottom: .4rem;
}
.b-rt { font-size: 0; padding-top: .05rem;
}
.b-icon { display: block; }
.b-icon img { max-width: .35rem;
max-height: .3rem;
}
.b-lt { padding-right: .1rem;
}
.b-tip { width: 100%; margin-bottom: .15rem;
color: #222222; line-height: 1.7; }
.b-box { width: 100%; font-size: 0; }
.b-nub { display: inline-block; vertical-align: bottom; padding-right: .1rem;
line-height: 1; color: #17356B; font-weight: bold; }
.b-unit { display: inline-block; vertical-align: bottom; margin-bottom: .05rem;
line-height: 1; color: #666666; }
.b-right { width: 50%; position: relative; z-index: 1; }
.b-img { width: 100%; position: relative; overflow: hidden; padding-top: calc(900/960*100%);
}
.b-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transform: scale(1.00); transition: all ease .5s; }
@media(max-width: 1150px) {
.b-left { padding: .8rem .3rem;
}
}
@media(max-width: 750px) {
.b-en { display: none; }
.b-cont { width: 100%; padding: 1rem .3rem;
}
.b-left { width: 100%; padding: 0; }
.b-nub { font-size: .5rem;
}
.b-right { width: 100%; margin-bottom: .3rem;
}
}
.c-main { width: 100%; padding: 0 .3rem 1.8rem;
position: relative; }
.c-bgbox { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }
.c-bg { opacity: 0; z-index: -1; visibility: hidden; transition: all .5s; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.c-bg img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transform: scale(1.00); transition: all ease .5s; }
.c-bg.show { opacity: 1; z-index: 1; visibility: visible; }
.c-inner { width: 100%; max-width: 16rem; margin: 0 auto; position: relative; z-index: 8; display: flex; align-items: center; min-height: 7.2rem; padding: 1rem 0; }
.c-main .my-top { position: relative; padding-bottom: .5rem;
margin-bottom: .52rem;
}
.c-main .my-top:after { content: ''; position: absolute; bottom: 0; left: 0; width: .26rem;
height: .04rem;
background-color: #fff; border-radius: .02rem;
}
.c-main .my-en { color: #fff; }
.c-main .my-titles { color: #fff; }
.c-cont { width: 100%; max-width: 34em; }
.c-box { width: 100%; }
.c-b { width: 100%; }
.c-item { width: 100%; }
.c-link { display: block; cursor: pointer; width: 100%; }
.c-intro { width: 100%; margin-bottom: .75rem;
color: #ffffff; line-height: 2; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.c-more { display: inline-block; cursor: pointer; padding: 0 .32rem;
line-height: .6rem;
border-radius: .3rem;
color: #ffffff; border: solid 1px #ffffff; }
.c-more:after { transition: all .3s; transform: rotate(0); content: ''; display: inline-block; vertical-align: middle; margin-left: .4rem;
width: .75em; height: 1.5em; background-image: url('../images/a26.png'); background-size: 100% auto; background-position: center center; background-repeat: no-repeat; }
.c-more:hover:after { transform: rotate(45deg); }
.c-bottom { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 8; background-color: rgba(0,0,0,.4); }
.c-nav { display: block; cursor: pointer; width: 20%; height: auto; padding: .5rem .15rem .3rem;
min-height: 1.8rem; text-align: center; border-right: 1px solid rgba(255,255,255,.6); }
.c-icon { width: 100%; height: .39rem;
line-height: .39rem;
}
.c-icon img {
max-width: .39rem; max-height: 100%; }
.c-name { width: 100%; padding-top: .15rem;
color: #ffffff; line-height: 1.38; }
.c-nav.active { background-color: rgba(0,150,220,.8); }
@media(max-width: 750px) {
/* .c-nav{width: 50%;} */
.c-name { font-size: .26rem;
}
}
.d-main { overflow: hidden; width: 100%; padding: 1.15rem .05rem 1.2rem;
background-image: url('../images/b54.jpg'); background-size: cover; background-position: center center; background-repeat: no-repeat; }
.d-inner { width: 100%; max-width: 16.5rem; margin: 0 auto; }
.d-top { width: 100%; display: flex; align-items: flex-end; padding: 0 .25rem;
}
.d-lt { flex: 1; padding-right: .25rem;
}
.d-rt { font-size: 0; padding-bottom: .6rem;
}
.d-more { display: block; cursor: pointer; padding: 0 .32rem;
line-height: .6rem;
border-radius: .3rem;
color: #ffffff; background-color: #00b2ef; background-image: linear-gradient(90deg, #00b2ef 0%, #0076bf 100%); }
.d-more:after { transition: all .3s; transform: rotate(0); content: ''; display: inline-block; vertical-align: middle; margin-left: .4rem;
width: .75em; height: 1.5em; background-image: url('../images/a26.png'); background-size: 100% auto; background-position: center center; background-repeat: no-repeat; }
.d-more:hover:after { transform: rotate(45deg); }
.d-bottom { width: 100%; position: relative; }
.d-b { width: 100%; overflow: visible; }
.d-item { width: 33.33%; height: auto; padding: 0 .25rem;
}
.d-link { display: block; cursor: pointer; width: 100%; height: 100%; background-color: #ffffff; }
.d-img { width: 100%; position: relative; overflow: hidden; padding-top: calc(330/500*100%);
}
.d-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transform: scale(1.00); transition: all ease .5s; }
.d-text { width: 100%; padding: .35rem .4rem;
}
.d-time { width: 100%; margin-bottom: .2rem;
color: #666666; line-height: 1.5; }
.d-time:before { content: ''; display: inline-block; vertical-align: middle; margin-right: .1rem;
width: 1em; height: 1.5em; background-image: url('../images/a7.png'); background-size: 100% auto; background-position: center center; background-repeat: no-repeat; }
.d-name { transition: all .3s; width: 100%; margin-bottom: .2rem;
color: #222222; font-weight: bold; line-height: 1.6; height: 3.2em; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.d-intro { width: 100%; color: #666666; line-height: 1.8; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.d-item:hover .d-img img { transform: scale(1.05); }
.d-item:hover .d-name { color: #17356B; }
.d-pagination { display: none; position: static; bottom: 0; left: 0; width: 100%; text-align: center; font-size: 0; padding-top: .5rem;
}
.d-pagination .swiper-pagination-bullet { display: inline-block; vertical-align: middle; margin: 0 .05rem;
opacity: 1; width: .08rem;
height: .08rem;
border-radius: .04rem;
background-color: rgba(0,0,0,.2); }
.d-pagination .swiper-pagination-bullet-active {
width: .3rem; background-color: #00b2ef; background-image: linear-gradient(90deg, #00b2ef 0%, #0076bf 100%); }
@media(max-width: 750px) {
.d-main { padding: 1.15rem .15rem 1.2rem;
}
.d-top { padding: 0 .15rem;
}
.d-b { overflow: hidden; }
.d-item { width: 50%; padding: 0 .15rem;
}
.d-text { padding: .3rem;
}
.d-pagination { display: block; }
}
.banner { position: relative; width: 100%; }
.banner-img { width: 100%; }
.banner-img img { width: 100%; }
.banner-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 16rem; max-width: calc(100% - .6rem);
}
.banner-titles { width: 100%; color: #ffffff; font-weight: bold; line-height: 1.17; }
.banner-en { width: 100%; padding-top: .1rem;
color: #ffffff; line-height: 1.45; }
.nav { overflow: hidden; width: 100%; padding: 0 .3rem;
border-bottom: 1px solid #ebebeb; }
.nav-inner { width: 100%; max-width: 16rem; margin: 0 auto; }
.nav-cont { width: 100%; display: flex; flex-wrap: wrap; align-items: center; font-size: 0; }
.nav-left { flex: 1; width: 0; }
.nav-b { display: inline-block; vertical-align: middle; max-width: 100%; }
.nav-item { display: block; cursor: pointer; width: auto; margin-right: .5rem;
color: #666666; height: .9rem;
line-height: .9rem;
}
.nav-item:after { transition: all .3s; content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: .03rem;
background-color: #17356B; border-radius: .02rem;
}
.nav-item:last-child { margin-right: 0; }
.nav-item:hover { color: #17356B; }
.nav-item:hover:after { width: 100%; }
.nav-item.active { color: #17356B; }
.nav-item.active:after { width: 100%; }
.nav-right { font-size: 0; padding-left: .3rem;
}
.nav-one { display: inline-block; vertical-align: middle; color: #999999; height: .9rem;
line-height: .9rem;
}
.nav-one:after { content: '-'; margin: 0 .06rem;
}
.nav-one:last-child:after { display: none; }
.nav-one:nth-child(1):before { content: ''; display: inline-block; vertical-align: middle; margin-right: .1rem;
width: .93em; height: 1.5em; background-image: url('../images/a6.png'); background-size: 100% auto; background-position: center center; background-repeat: no-repeat; }
@media(max-width: 750px) {
.nav { position: relative; border-bottom: 1px solid #eeeeee; }
.nav-cont { justify-content: space-between; }
.nav-left { flex: none; width: auto; max-width: 100%; }
.nav-right { padding-left: 0; }
}
.paging { width: 100%; font-size: 0; text-align: center; }
.paging-item { transition: all .3s; display: inline-block; vertical-align: middle; cursor: pointer; margin: .1rem .05rem;
min-width: 3.12em; height: 3.12em; line-height: 3.12em; border-radius: 1.56em; color: #666666; background-color: #ffffff; }
.paging-item:hover { color: #fff; background-color: #17356B; }
.paging-item.active { color: #fff; background-color: #17356B; }
.paging-up { transition: all .3s; display: inline-block; vertical-align: middle; cursor: pointer; margin: .1rem .05rem;
min-width: 3.12em; height: 3.12em; line-height: 3.12em; border-radius: 1.56em; color: transparent; background-color: #ffffff; background-image: url('../images/a8.png'); background-size: .56em auto; background-position: center center; background-repeat: no-repeat; }
.paging-up:hover { background-image: url('../images/a8-b.png'); background-color: #17356B; }
.paging-next { transition: all .3s; transform: rotate(-180deg); display: inline-block; vertical-align: middle; cursor: pointer; margin: .1rem .05rem;
min-width: 3.12em; height: 3.12em; line-height: 3.12em; border-radius: 1.56em; color: transparent; background-color: #ffffff; background-image: url('../images/a8.png'); background-size: .56em auto; background-position: center center; background-repeat: no-repeat; }
.paging-next:hover { background-image: url('../images/a8-b.png'); background-color: #17356B; }
.i-main { width: 100%; padding: 1.2rem .3rem 1.1rem;
background-color: #f6f9fc; }
.i-inner { width: 100%; max-width: 16rem; margin: 0 auto; }
.i-top { width: 100%; margin-bottom: .75rem;
background-color: #ffffff; }
.i-b { width: 100%; }
.i-one { width: 100%; margin-right: 2px; }
.i-item:last-child { margin-right: 0; }
.i-link { display: flex; flex-wrap: wrap; align-items: center; cursor: pointer; width: 100%; }
.i-lt { width: 50%; }
.i-link .i-img { width: 100%; position: relative; overflow: hidden; padding-top: calc(500/800*100%);
}
.i-link .i-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transform: scale(1.00); transition: all ease .5s; }
.i-rt { width: 50%; padding: .15rem .75rem;
}
.i-link .i-namebox { width: 100%; position: relative; padding-bottom: .4rem;
margin-bottom: .4rem;
}
.i-link .i-namebox:after { content: ''; position: absolute; bottom: 0; left: 0; width: .46rem;
height: .05rem;
background-color: #17356B; }
.i-link .i-name { width: 100%; color: #222222; font-weight: bold; line-height: 1.17; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.i-link .i-intro { width: 100%; margin-bottom: .7rem;
color: #666666; line-height: 1.8; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.i-link .i-time { width: 100%; color: #666666; line-height: 1.5; }
.i-link .i-time:before { content: ''; display: inline-block; vertical-align: middle; margin-right: .1rem;
width: 1em; height: 1.5em; background-image: url('../images/a7.png'); background-size: 100% auto; background-position: center center; background-repeat: no-repeat; }
.i-link:hover .i-img img { transform: scale(1.05); }
.i-link:hover .i-name { color: #17356B; }
.i-bottom { width: 100%; padding-bottom: .1rem;
display: flex; flex-wrap: wrap; font-size: 0; }
.i-item { display: block; cursor: pointer; width: 31.25%; margin-right: 3.125%; margin-bottom: .4rem;
background-color: #ffffff; }
.i-item:nth-child(3n) { margin-right: 0; }
.i-item .i-img { width: 100%; position: relative; overflow: hidden; padding-top: calc(330/500*100%);
}
.i-item .i-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transform: scale(1.00); transition: all ease .5s; }
.i-item .i-text { width: 100%; padding: .35rem .4rem;
}
.i-item .i-time { width: 100%; margin-bottom: .2rem;
color: #666666; line-height: 1.5; }
.i-item .i-time:before { content: ''; display: inline-block; vertical-align: middle; margin-right: .1rem;
width: 1em; height: 1.5em; background-image: url('../images/a7.png'); background-size: 100% auto; background-position: center center; background-repeat: no-repeat; }
.i-item .i-name { transition: all .3s; width: 100%; margin-bottom: .2rem;
color: #222222; font-weight: bold; line-height: 1.6; height: 3.2em; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.i-item .i-intro { width: 100%; color: #666666; line-height: 1.8; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.i-item:hover .i-img img { transform: scale(1.05); }
.i-item:hover .i-name { color: #17356B; }
@media(max-width: 750px) {
.i-lt { width: 100%; }
.i-rt { width: 100%; padding: .3rem;
}
.i-item { width: calc(50% - .15rem);
margin-right: .3rem;
}
.i-item:nth-child(3n) { margin-right: .3rem;
}
.i-item:nth-child(2n) { margin-right: 0; }
.i-item .i-text { padding: .3rem;
}
}
.j-main { width: 100%; padding: 1.15rem .3rem 1.15rem;
background-color: #f6f9fc; }
.j-inner { width: 100%; max-width: 16rem; margin: 0 auto; }
.j-cont { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
.j-left { width: 11.4rem; }
.j-top { width: 100%; padding-bottom: .05rem;
margin-bottom: .4rem;
border-bottom: 1px solid #eeeeee; }
.j-titles { width: 100%; margin-bottom: .35rem;
color: #111111; font-weight: bold; line-height: 1.25; }
.j-box { width: 100%; font-size: 0; }
.j-tip { display: inline-block; vertical-align: middle; margin-right: .45rem;
margin-bottom: .1rem;
color: #999999; line-height: 1.6; }
.j-share { display: inline-block; vertical-align: middle; margin-bottom: .1rem;
}
.j-hint { display: inline-block; vertical-align: middle; margin-right: .2rem;
color: #999999; line-height: 1.6; }
.j-tr { display: inline-block; vertical-align: middle; }
.j-td { display: inline-block; vertical-align: middle; cursor: pointer; margin-right: .3rem;
}
.j-icon1 { display: block; height: 1.6em; line-height: 1.6em; }
.j-icon1 img { height: 1.06em; }
.j-icon2 { display: none; height: 1.6em; line-height: 1.6em; }
.j-icon2 img { height: 1.06em; }
.j-td:hover .j-icon1 { display: none; }
.j-td:hover .j-icon2 { display: block; }
.j-textbox { width: 100%; color: #666666; line-height: 1.8; padding-bottom: .55rem;
border-bottom: 1px solid #eeeeee; }
.j-textbox * { line-height: inherit; max-width: 100%; }
.j-bottom { width: 100%; padding-top: .5rem;
display: flex; align-items: center; flex-wrap: wrap; }
.j-lt { flex: 1; }
.j-link { cursor: pointer; width: 100%; margin: .05rem 0;
color: #444444; line-height: 1.6; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.j-link:hover { color: #17356B; }
.j-rt { padding-left: .25rem;
}
.j-back { display: inline-block; vertical-align: middle; cursor: pointer; color: #ffffff; padding: 0 .3rem 0 .22rem;
line-height: .6rem;
background-color: #00b2ef; background-image: linear-gradient(90deg, #00b2ef 0%, #0076bf 100%); border-radius: .3rem;
}
.j-back:after { content: ''; display: inline-block; vertical-align: middle; margin-left: .48rem;
width: 1em; height: 1.5em; background-image: url('../images/a9.png'); background-size: 100% auto; background-position: center center; background-repeat: no-repeat; }
.j-right { width: 3.22rem; }
.j-subtitle { width: 100%; margin-bottom: .4rem;
color: #111111; line-height: 1.3; font-weight: bold; }
.j-list { width: 100%; }
.j-item { display: block; cursor: pointer; width: 100%; margin-bottom: .2rem;
background-color: #ffffff; }
.j-img { width: 100%; position: relative; overflow: hidden; padding-top: calc(180/322*100%);
}
.j-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transform: scale(1.00); transition: all ease .5s; }
.j-text { width: 100%; padding: .25rem .3rem .3rem;
}
.j-name { transition: all .3s; width: 100%; margin-bottom: .15rem;
color: #222222; line-height: 1.5; height: 3em; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.j-time { width: 100%; color: #999999; line-height: 1.6; }
.j-time:before { content: ''; display: inline-block; vertical-align: middle; margin-right: .07rem;
width: .87em; height: 1.5em; background-image: url('../images/a7.png'); background-size: 100% auto; background-position: center center; background-repeat: no-repeat; }
.j-item:hover .j-img img { transform: scale(1.05); }
.j-item:hover .j-name { color: #17356B; }
@media(max-width: 750px) {
.j-main { padding-bottom: .95rem;
}
.j-left { width: 100%; margin-bottom: .5rem;
}
.j-lt { width: 100%; flex: none; }
.j-rt { width: 100%; text-align: center; padding-left: 0; padding-top: .3rem;
}
.j-right { width: 100%; }
.j-list { display: flex; flex-wrap: wrap; justify-content: space-between; }
.j-item { width: calc(50% - .15rem);
}
}
.k-main { width: 100%; padding: 1.12rem .3rem;
}
.k-main .my-top { position: relative; padding-bottom: .4rem;
margin-bottom: .43rem;
}
.k-main .my-top:after { content: ''; position: absolute; bottom: 0; left: 0; width: .26rem;
height: .04rem;
background-color: #17356B; border-radius: .02rem;
}
.k-inner { width: 100%; max-width: 16rem; margin: 0 auto; }
.k-cont { width: 100%; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; }
.k-left { width: 6.7rem; }
.k-textbox { width: 100%; color: #333333; line-height: 1.8; }
.k-textbox * { line-height: inherit; max-width: 100%; }
.k-right { width: 7.8rem; }
.k-img { width: 100%; }
.k-img img { width: 100%; }
@media(max-width: 750px) {
.k-left { width: 100%; margin-bottom: .3rem;
}
.k-right { width: 100%; }
}
.l-main { width: 100%; padding: 1.15rem .3rem .7rem;
background-color: #f6f9fc; }
.l-inner { width: 100%; max-width: 16rem; margin: 0 auto; }
.l-cont { width: 100%; display: flex; flex-wrap: wrap; font-size: 0; }
.l-item { display: block; cursor: pointer; width: 48.12%; margin-right: 3.76%; margin-bottom: .5rem;
background-color: #ffffff; }
.l-item:nth-child(2n) { margin-right: 0; }
.l-img { width: 100%; position: relative; overflow: hidden; padding-top: calc(480/770*100%);
}
.l-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transform: scale(1.00); transition: all ease .5s; }
.l-text { width: 100%; padding: .45rem .4rem .5rem;
}
.l-name { transition: all .3s; width: 100%; margin-bottom: .15rem;
color: #222222; font-weight: bold; line-height: 1.4; }
.l-intro { width: 100%; color: #333333; line-height: 1.8; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.l-item:hover .l-img img { transform: scale(1.05); }
.l-item:hover .l-name { color: #17356B; }
@media(max-width: 750px) {
.l-item { width: 100%; margin-right: 0; }
.l-text { padding: .3rem;
}
}
.m-main { width: 100%; padding: 1.15rem .3rem 1.68rem;
background-color: #f6f9fc; }
.m-inner { width: 100%; max-width: 16rem; margin: 0 auto; }
.m-top { width: 100%; display: flex; align-items: flex-end; flex-wrap: wrap; justify-content: space-between; padding-bottom: .05rem;
}
.m-lt { padding-right: .25rem;
}
.m-rt { font-size: 0; }
.m-navbox { width: 100%; padding-bottom: .3rem;
}
.m-nav { display: inline-block; vertical-align: middle; cursor: pointer; position: relative; padding-bottom: .22rem;
margin-right: .55rem;
margin-bottom: .3rem;
color: #666666; }
.m-nav:last-child { margin-right: 0; }
.m-nav:after { content: ''; position: absolute; bottom: 0; left: 0; width: 0; transition: all .3s; height: .03rem;
background-color: #00b2ef; background-image: linear-gradient(90deg, #00b2ef 0%, #0076bf 100%); }
.m-nav:hover { color: #000000; }
.m-nav:hover:after { width: 100%; }
.m-nav.active { color: #000000; }
.m-nav.active:after { width: 100%; }
.m-bottom { width: 100%; position: relative; }
.m-b { width: 100%; background-color: #ffffff; border-radius: .1rem;
}
.m-item { display: block; width: 100%; height: auto; }
.m-link { display: flex; align-items: center; flex-wrap: wrap; width: 100%; height: 100%; }
.m-left { width: 50%; }
.m-img { width: 100%; position: relative; overflow: hidden; padding-top: calc(585/800*100%);
}
.m-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transform: scale(1.00); transition: all ease .5s; }
.m-right { width: 50%; padding: .25rem .8rem;
max-height: 5.8rem; overflow: auto; }
.m-name { width: 100%; position: relative; padding-bottom: .3rem;
margin-bottom: .4rem;
color: #000000; font-weight: bold; line-height: 1.29; }
.m-name:after { content: ''; position: absolute; bottom: 0; left: 0; width: .26rem;
height: .04rem;
background-color: #17356B; border-radius: .02rem;
}
.m-textbox { width: 100%; color: #666666; line-height: 1.88; }
.m-textbox * { line-height: inherit; }
.m-pagination { position: absolute; bottom: -.68rem;
left: 0; width: 100%; text-align: center; font-size: 0; }
.m-pagination .swiper-pagination-bullet { display: inline-block; vertical-align: middle; margin: 0 .05rem;
opacity: 1; width: .08rem;
height: .08rem;
border-radius: .04rem;
background-color: rgba(0,0,0,.2); }
.m-pagination .swiper-pagination-bullet-active {
width: .3rem; background-color: #00b2ef; background-image: linear-gradient(90deg, #00b2ef 0%, #0076bf 100%); }
.m-prev { left: -1.1rem; margin-top: -.3rem;
width: .6rem;
height: .6rem;
border-radius: 50%; background-color: transparent; background-size: 0 0; }
.m-prev:before { transition: all .3s; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background-color: rgba(0,0,0,.1); }
.m-prev:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background-image: url('../images/a13.png'); background-size: .09rem auto;
background-position: center center; background-repeat: no-repeat; }
.m-prev:hover:before { background-color: #00b2ef; background-image: linear-gradient(90deg, #00b2ef 0%, #0076bf 100%); }
.m-next { right: -1.1rem; margin-top: -.3rem;
width: .6rem;
height: .6rem;
border-radius: 50%; background-color: transparent; background-size: 0 0; }
.m-next:before { transition: all .3s; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background-color: rgba(0,0,0,.1); }
.m-next:after { transform: rotate(-180deg); content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background-image: url('../images/a13.png'); background-size: .09rem auto;
background-position: center center; background-repeat: no-repeat; }
.m-next:hover:before { background-color: #00b2ef; background-image: linear-gradient(90deg, #00b2ef 0%, #0076bf 100%); }
@media(max-width: 900px) {
.m-prev { top: auto; margin-top: 0; bottom: -.9rem;
left: 0; }
.m-next { top: auto; margin-top: 0; bottom: -.9rem;
right: 0; }
}
@media(max-width: 750px) {
.m-rt { display: none; }
.m-left { width: 100%; }
.m-right { width: 100%; padding: .3rem;
max-height: none; }
}
.n-main { width: 100%; padding: 1.15rem .3rem .7rem;
}
.n-inner { width: 100%; max-width: 16rem; margin: 0 auto; }
.n-cont { width: 100%; min-height: 4rem; display: flex; flex-wrap: wrap; justify-content: space-between; }
.n-item { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; width: calc(50% - .3rem);
padding: .3rem .6rem;
margin-bottom: .5rem;
background-color: #ffffff; box-shadow: 0px 0px .12rem 1px rgba(3, 80, 158, 0.1);
border-radius: .2rem;
}
.n-lt { width: 1.8rem; text-align: center; }
.n-img { width: 100%; height: 1.8rem; }
.n-img img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
.n-name { display: block; margin-top: .22rem;
width: 100%; line-height: .54rem;
color: #ffffff; background-color: #00b2ef; background-image: linear-gradient(90deg, #00b2ef 0%, #006ba6 100%); border-radius: .27rem;
}
.n-rt { width: calc(100% - 2.3rem); }
.n-position { width: 100%; padding-bottom: .25rem;
margin-bottom: .25rem;
color: #222222; line-height: 1.47; border-bottom: 1px solid #f0f0f0; }
.n-intro { width: 100%; color: #666666; line-height: 1.75; }
@media(max-width: 750px) {
.n-item { width: 100%; padding: .3rem;
}
}
.o-main { width: 100%; padding: 1.15rem .2rem 1.1rem;
background-color: #f6f9fc; }
.o-main .my-top { padding: 0 .1rem .45rem;
}
.o-inner { width: 100%; max-width: 16.2rem; margin: 0 auto; }
.o-cont { width: 100%; display: flex; flex-wrap: wrap; }
.o-item { display: block; width: 16.66%; padding: .1rem;
}
.o-link { display: block; width: 100%; position: relative; overflow: hidden; padding-top: calc(120/250*100%);
background-color: #ffffff; border-radius: .1rem;
}
.o-link img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; transform: scale(1.00); transition: all ease .5s; }
.o-link:hover img { transform: scale(1.05); }
@media(max-width: 750px) {
.o-item { width: 33.33%; }
}
.p-main { width: 100%; padding: 1.12rem .3rem;
}
.p-main .my-top { position: relative; padding-bottom: .4rem;
margin-bottom: .43rem;
}
.p-main .my-top:after { content: ''; position: absolute; bottom: 0; left: 0; width: .26rem;
height: .04rem;
background-color: #17356B; border-radius: .02rem;
}
.p-inner { width: 100%; max-width: 16rem; margin: 0 auto; }
.p-cont { width: 100%; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; }
.p-left { width: 6.7rem; }
.p-intro { width: 100%; color: #333333; line-height: 1.8; }
.p-intro * { line-height: inherit; }
.p-list { width: 100%; max-width: 6rem; padding-top: .3rem;
display: flex; flex-wrap: wrap; justify-content: space-between; }
.p-item { display: block; text-align: center; margin-top: .3rem;
}
.p-icon { display: block; width: 100%; }
.p-icon1 { display: block; width: 100%; height: .4rem;
}
.p-icon1 img { height: 100%; }
.p-icon2 { display: none; width: 100%; height: .4rem;
}
.p-icon2 img { height: 100%; }
.p-name { width: 100%; padding-top: .15rem;
color: #666666; line-height: 1.5; }
.p-item:hover .p-icon1 { display: none; }
.p-item:hover .p-icon2 { display: block; }
.p-item:hover .p-name { color: #17356B; }
.p-right { width: 7.8rem; }
.p-img { width: 100%; }
.p-img img { width: 100%; }
@media(max-width: 750px) {
.p-left { width: 100%; margin-bottom: .3rem;
}
.p-right { width: 100%; }
}
.q-main { width: 100%; padding: 1.15rem .3rem .9rem;
background-color: #f6f9fc; }
.q-main .my-top { text-align: center; }
.q-inner { width: 100%; max-width: 16rem; margin: 0 auto; }
.q-cont { width: 100%; display: flex; flex-wrap: wrap; }
.q-item { display: block; position: relative; width: 23.12%; margin-bottom: .3rem;
margin-right: 1.87%; transition: all .5s; }
.q-item:nth-child(3n) { margin-right: 0; }
.q-img { width: 100%; position: relative; overflow: hidden; height: 6.4rem; }
.q-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transform: scale(1.00); transition: all ease .5s; }
.q-text { position: absolute; bottom: 0; left: 0; width: 100%; padding: .3rem .15rem .55rem;
text-align: center; }
.q-text .q-name { width: 100%; color: #ffffff; line-height: 1.38; }
.q-sub { opacity: 0; z-index: -1; visibility: hidden; transition: all .3s; position: absolute; bottom: 0; left: 0; width: 100%; padding: .3rem .5rem .45rem;
max-height: 100%; overflow: auto; }
.q-sub .q-name { width: 100%; margin-bottom: .2rem;
color: #ffffff; line-height: 1.38; }
.q-sub .q-intro { width: 100%; color: #ffffff; line-height: 1.75; }
@media(min-width: 750px) {
.q-item.active { width: 50.01%; }
.q-item.active .q-text { display: none; }
.q-item.active .q-sub { opacity: 1; z-index: 1; visibility: visible; }
.q-item.active .q-sub { transition-delay: .5s; }
}
@media(max-width: 750px) {
.q-item { width: 100%; margin-right: 0; }
.q-img { height: auto; padding-top: calc(640/800*100%);
}
.q-text { display: none; }
.q-sub { opacity: 1; z-index: 1; visibility: visible; padding: .3rem;
}
}
.r-main { width: 100%; padding: 1.15rem .3rem .8rem;
}
.r-inner { width: 100%; max-width: 16rem; margin: 0 auto; }
.r-cont { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
.r-item { display: block; width: calc(50% - .2rem);
padding: .4rem .4rem .35rem;
margin-bottom: .4rem;
background-color: #f6f9fc; }
.r-top { width: 100%; display: flex; align-items: center; justify-content: space-between; }
.r-lt { width: 1.2rem; }
.r-img { width: 100%; position: relative; overflow: hidden; padding-top: calc(156/120*100%);
border-radius: .1rem;
}
.r-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transform: scale(1.00); transition: all ease .5s; }
.r-rt { width: calc(100% - 1.7rem); }
.r-name { width: 100%; margin-bottom: .13rem;
color: #222222; font-weight: bold; line-height: 1.3; }
.r-position { width: 100%; color: #666666; line-height: 1.4; }
.r-bottom { width: 100%; padding-top: .35rem;
}
.r-textbox { width: 100%; color: #666666; line-height: 1.75; }
.r-textbox * { line-height: inherit; }
@media(max-width: 750px) {
.r-item { width: 100%; padding: .3rem;
}
}
.s-main { width: 100%; padding: 1.15rem .3rem 1.2rem;
}
.s-main .my-top { position: relative; padding-bottom: .4rem;
margin-bottom: .4rem;
}
.s-main .my-top:after { content: ''; position: absolute; bottom: 0; left: 0; width: .26rem;
height: .04rem;
background-color: #17356B; border-radius: .02rem;
}
.s-inner { width: 100%; max-width: 16rem; margin: 0 auto; }
.s-cont { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
.s-left { width: 8.3rem; display: flex; flex-wrap: wrap; align-content: space-between; padding-right: 1.15rem; border-right: 1px solid #e9e9e9; }
.s-img { width: 100%; }
.s-img img { width: 100%; }
.s-right { width: 6.6rem; }
.s-textbox { width: 100%; color: #666666; line-height: 2; margin-bottom: .7rem;
}
.s-textbox * { line-height: inherit; }
.s-list { width: 100%; }
.s-item { display: flex; align-items: center; width: 100%; min-height: 1.4rem; padding: .15rem 0;
border-bottom: 1px solid #e9e9e9; }
.s-item:nth-child(1) { border-top: 1px solid #e9e9e9; }
.s-lt { width: 3.2rem; }
.s-nub { display: inline-block; vertical-align: text-bottom; color: #17356B; font-weight: bold; line-height: 1; }
.s-unit { display: inline-block; vertical-align: text-bottom; margin-bottom: .1rem;
color: #666666; line-height: 1; }
.s-ct { width: 1.85rem; }
.s-icon { display: block; width: .35rem;
height: .35rem;
text-align: center; line-height: .35rem;
}
.s-icon img { max-width: 100%; max-height: 100%; }
.s-rt { flex: 1; }
.s-intro { width: 100%; color: #222222; line-height: 1.5; font-weight: bold; }
@media(max-width: 750px) {
.s-left { width: 100%; padding-right: 0; border: none; margin-bottom: .3rem;
}
.s-right { width: 100%; }
.s-nub { font-size: .6rem;
}
.s-ct { width: 1.5rem; }
}
.sa-main { width: 100%; padding-top: 1.2rem; }
.sa-top { width: 100%; position: relative; }
.sa-img { width: 100%; }
.sa-img img { width: 100%; }
.sa-sub { position: absolute; top: 0; left: 0; width: 100%; padding: 2.15rem .3rem .3rem;
text-align: center; }
.sa-en { width: 100%; margin-bottom: .1rem;
color: #ffffff; line-height: 1.45; font-weight: bold; }
.sa-titles { width: 100%; color: #ffffff; font-weight: bold; line-height: 1.2; }
.sa-bottom { width: 100%; max-width: 14rem; margin: 0 auto; display: flex; flex-wrap: wrap; position: relative; margin-top: -1.26rem; background-color: #f6f9fc; }
.sa-item { display: flex; align-items: center; justify-content: space-between; width: 50%; padding: .3rem .6rem;
min-height: 2.52rem; border-right: 1px solid #e8e8e8; }
.sa-item:nth-child(2n) { border: none; }
.sa-lt { width: .55rem;
}
.sa-icon { width: 100%; height: .55rem;
line-height: .55rem;
}
.sa-icon img { max-width: 100%; max-height: 100%; }
.sa-rt { width: calc(100% - .9rem);
}
.sa-name { width: 100%; margin-bottom: .12rem;
color: #111111; font-weight: bold; line-height: 1.38; }
.sa-intro { width: 100%; color: #666666; line-height: 1.5; }
@media(max-width: 750px) {
.sa-sub { padding: .6rem .3rem .3rem;
}
.sa-bottom { max-width: calc(100% - .6rem);
margin-top: -.3rem;
padding: .15rem 0;
}
.sa-item { width: 100%; padding:.15rem .3rem;
border: none; min-height: 1rem; }
}
.t-main { overflow: hidden; width: 100%; padding: 1.15rem .3rem;
background-image: url('../images/b50.jpg'); background-size: cover; background-position: center center; background-repeat: no-repeat; }
.t-inner { width: 100%; max-width: 16rem; margin: 0 auto; }
.t-top { display: flex; align-items: flex-start; justify-content: space-between; width: 100%; padding-bottom: .3rem;
padding-right: .88rem;
}
.t-lt { font-size: 0; }
.t-rt { width: 2rem; position: relative; height: .75rem;
}
.t-prev { left: 0; margin-top: -.375rem;
width: .75rem;
height: .75rem;
border-radius: 50%; background-color: #ffffff; border: solid 1px #ececec; background-image: url('../images/a24.png'); background-size: .15rem auto;
background-position: center center; background-repeat: no-repeat; }
.t-prev:hover { background-image: url('../images/a24-b.png'); }
.t-next { transform: rotate(-180deg); right: 0; margin-top: -.375rem;
width: .75rem;
height: .75rem;
border-radius: 50%; background-color: #ffffff; border: solid 1px #ececec; background-image: url('../images/a24.png'); background-size: .15rem auto;
background-position: center center; background-repeat: no-repeat; }
.t-next:hover { background-image: url('../images/a24-b.png'); }
.t-bottom { width: 100%; position: relative; }
.t-bottom:after { content: ''; position: absolute; top: 1.8rem; left: 0; width: 100vw; height: 1px; background-color: #dddddd; }
.t-b { width: calc(100% + 1rem); }
.t-item { position: relative; width: 12.5%; padding-top: 2.5rem; }
.t-item:before { content: ''; position: absolute; top: 2.15rem; left: .13rem;
width: 1px; height: .2rem;
background-color: #dddddd; }
.t-item:after { content: ''; position: absolute; top: 1.68rem; left: 0; width: .26rem;
height: .26rem;
background-image: url('../images/a23.png'); background-size: 100% 100%; background-position: center center; background-repeat: no-repeat; }
.t-box { width: 100%; padding-right: .15rem;
}
.t-year { width: 100%; color: #111111; font-weight: bold; line-height: 1.23; }
.t-intro { width: 100%; padding-top: .17rem;
color: #666666; line-height: 1.5; }
@media(max-width: 1150px) {
.t-b { width: 100%; }
.t-item { width: 16.66%; }
}
@media(min-width: 750px) {
.t-item:nth-child(2n) .t-box { position: absolute; top: 0; left: 0; max-height: 1.6rem; overflow: auto; }
.t-item:nth-child(2n):before { top: 1.3rem; }
}
@media(max-width: 750px) {
.t-top { padding-right: 0; }
.t-bottom:after { top: .13rem;
}
.t-item { width: 33.33%; padding-top: .76rem;
}
.t-item:before { top: .36rem;
}
.t-item:after { top: 0; }
}
.u-main { width: 100%; padding: 1.15rem .3rem 1rem;
background-color: #f6f9fc; }
.u-inner { width: 100%; max-width: 16rem; margin: 0 auto; }
.u-tr { width: 100%; font-size: 0; margin-bottom: .2rem;
padding: .26rem 0;
background-color: #ffffff; border-radius: .05rem;
}
.u-th { display: inline-block; vertical-align: middle; padding: 0 .05rem;
text-align: center; color: #666666; line-height: 1.6; }
.u-th:nth-child(1) { width: 15.6%; color: #000000; text-align: left; padding-left: .8rem;
}
.u-th:nth-child(2) { width: 20.6%; }
.u-th:nth-child(3) { width: 16.2%; }
.u-th:nth-child(4) { width: 20.6%; }
.u-th:nth-child(5) { width: 16.2%; }
.u-cont { width: 100%; padding-bottom: .4rem;
}
.u-item { display: block; margin-bottom: .2rem;
width: 100%; background-color: #ffffff; border-radius: .05rem;
overflow: hidden; }
.u-buttom { display: block; cursor: pointer; position: relative; width: 100%; font-size: 0; padding: .26rem 0;
}
.u-buttom:after { transition: all .3s; transform: rotate(0); content: ''; position: absolute; top: 0; right: 1.15rem; width: .16rem;
height: 100%; background-image: url('../images/a25.png'); background-size: 100% auto; background-position: center center; background-repeat: no-repeat; }
.u-td { display: inline-block; vertical-align: middle; position: relative; padding: 0 .05rem;
text-align: center; color: #666666; line-height: 1.6; }
.u-td:nth-child(1) { width: 15.6%; color: #000000; text-align: left; padding-left: .8rem;
}
.u-td:nth-child(1):before { content: ''; position: absolute; top: .8em; left: .57rem;
margin-top: -.1rem;
width: .03rem;
height: .2rem;
background-color: #17356B; border-radius: .02rem;
}
.u-td:nth-child(2) { width: 20.6%; }
.u-td:nth-child(3) { width: 16.2%; }
.u-td:nth-child(4) { width: 20.6%; }
.u-td:nth-child(5) { width: 16.2%; }
.u-item.show .u-buttom { background-color: #17356B; }
.u-item.show .u-buttom:after { transform: rotate(-180deg); background-image: url('../images/a25-b.png'); }
.u-item.show .u-td { color: #ffffff !important; }
.u-item.show .u-td:before { background-color: #fff; }
.u-sub { display: none; width: 100%; padding: .55rem .8rem .8rem;
}
.u-list { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
.u-one { width: 6.4rem; position: relative; margin-bottom: .3rem;
}
.u-titles { width: 100%; margin-bottom: .15rem;
color: #17356B; font-weight: bold; line-height: 1.5; }
.u-textbox { width: 100%; color: #666666; line-height: 2.1; }
.u-textbox * { line-height: inherit; }
.u-box { width: 100%; padding-top: .1rem;
display: flex; align-items: flex-end; flex-wrap: wrap; justify-content: space-between; }
.u-deliver { display: block; cursor: pointer; padding: 0 .32rem;
line-height: .6rem;
border-radius: .3rem;
color: #ffffff; background-color: #00b2ef; background-image: linear-gradient(90deg, #00b2ef 0%, #0076bf 100%); }
.u-deliver:after { transition: all .3s; transform: rotate(0); content: ''; display: inline-block; vertical-align: middle; margin-left: .4rem;
width: .75em; height: 1.5em; background-image: url('../images/a26.png'); background-size: 100% auto; background-position: center center; background-repeat: no-repeat; }
.u-deliver:hover:after { transform: rotate(45deg); }
.u-mail { display: block; margin-top: .2rem;
color: #17356B; line-height: 1.5; }
.u-mail img {
margin-right: .14rem; height: 1.44em; }
@media(min-width: 750px) {
.u-one:nth-child(2n + 1):after { content: ''; position: absolute; top: 0; right: -.75rem;
width: 1px; height: 100%; background-color: #000000; opacity: 0.05; }
.u-one:last-child:after { display: none; }
}
@media(max-width: 750px) {
.u-th { font-size: .22rem;
}
.u-th:nth-child(1) { width: 26%; padding-left: .3rem;
}
.u-th:nth-child(2) { width: 18%; }
.u-th:nth-child(3) { width: calc(20% - .3rem);
}
.u-th:nth-child(4) { width: 18%; }
.u-th:nth-child(5) { width: 18%; }
.u-td { font-size: .22rem;
}
.u-td:nth-child(1) { width: 26%; padding-left: .3rem;
}
.u-td:nth-child(1):before { left: .1rem;
}
.u-td:nth-child(2) { width: 18%; }
.u-td:nth-child(3) { width: calc(20% - .3rem);
}
.u-td:nth-child(4) { width: 18%; }
.u-td:nth-child(5) { width: 18%; }
.u-buttom:after { right: .1rem;
}
.u-sub { padding: .3rem;
}
.u-mail img { height: 1.1em; }
}
.v-main { width: 100%; padding: 1.15rem .3rem .8rem;
}
.v-inner { width: 100%; max-width: 16rem; margin: 0 auto; }
.v-top { width: 100%; margin-bottom: .6rem;
display: flex; flex-wrap: wrap; align-items: center; background-color: #f6f9fc; }
.v-top .v-left { width: 50%; }
.v-top .v-img { width: 100%; position: relative; overflow: hidden; padding-top: calc(520/800*100%);
}
.v-top .v-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transform: scale(1.00); transition: all ease .5s; }
.v-top .v-right { width: 50%; padding: .15rem .8rem;
}
.v-top .v-name { position: relative; padding-bottom: .3rem;
margin-bottom: .5rem;
width: 100%; color: #000000; font-weight: bold; line-height: 1.29; }
.v-top .v-name:after { content: ''; position: absolute; bottom: 0; left: 0; width: .33rem;
height: .06rem;
background-color: #00b2ef; background-image: linear-gradient(90deg, #00b2ef 0%, #0076bf 100%); }
.v-top .v-list { width: 100%; }
.v-top .v-one { display: flex; align-items: center; justify-content: space-between; width: 100%; margin-bottom: .3rem;
}
.v-top .v-one:last-child { margin-bottom: 0; }
.v-top .v-icon { display: block; position: relative; width: .6rem;
height: .6rem;
border-radius: 50%; overflow: hidden; background-color: #ffffff; }
.v-top .v-icon img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; transform: scale(1.00); transition: all ease .5s; }
.v-top .v-text {
width: calc(100% - .9rem); color: #666666; line-height: 1.5; }
.v-top:hover { background-color: #17356B; }
.v-top:hover .v-img img { transform: scale(1.05); }
.v-top:hover .v-name { color: #fff; }
.v-top:hover .v-name:after { background-color: #fff; background-image: linear-gradient(90deg, #fff 0%, #fff 100%); }
.v-top:hover .v-text { color: #fff; }
.v-bottom { width: 100%; display: flex; flex-wrap: wrap; font-size: 0; }
.v-item { display: block; width: 48.71%; padding: .35rem .35rem .4rem;
margin-bottom:.4rem;
margin-right: 2.57%; background-color: #f6f9fc; }
.v-item:nth-child(2n) { margin-right: 0; }
.v-item .v-name { width: 100%; margin-bottom: .25rem;
color: #333333; font-weight: bold; line-height: 1.4; }
.v-item .v-list { width: 100%; }
.v-item .v-one { display: flex; align-items: center; justify-content: space-between; width: 100%; margin-bottom: .15rem;
}
.v-item .v-one:last-child { margin-bottom: 0; }
.v-item .v-icon { display: block; position: relative; width: .4rem;
height: .4rem;
border-radius: 50%; overflow: hidden; background-color: #ffffff; }
.v-item .v-icon img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; transform: scale(1.00); transition: all ease .5s; }
.v-item .v-text {
width: calc(100% - .55rem); color: #666666; line-height: 1.12; }
.v-item:hover { background-color: #17356B; background-image: url('../images/b52.jpg'); background-size: cover; background-position: center center; background-repeat: no-repeat; }
.v-item:hover .v-img img { transform: scale(1.05); }
.v-item:hover .v-name { color: #fff; }
.v-item:hover .v-text { color: #fff; }
@media(max-width: 750px) {
.v-top .v-left { width: 100%; }
.v-top .v-right { width: 100%; padding: .3rem;
}
.v-item { width: 100%; margin-right: 0; padding: .3rem;
}
.v-item .v-one { margin-bottom: .3rem;
}
.v-item .v-icon { width: .6rem;
height: .6rem;
}
.v-item .v-text {
width: calc(100% - .9rem); line-height: 1.6; }
}
.w-main { position: relative; width: 100%; padding: 1.15rem .3rem 1.2rem;
background-color: #f6f9fc; }
.w-main .my-top { padding-bottom: .75rem;
}
.w-inner { width: 100%; max-width: 16rem; margin: 0 auto; }
.w-top { width: 100%; margin-bottom: .84rem;
position: relative; padding: 0 1.25rem; }
.w-b { width: 100%; }
.w-nav { width: 20%; padding: 0 .1rem;
}
.w-logo { display: block; width: 100%; position: relative; overflow: hidden; padding-top: calc(120/250*100%);
background-color: #ffffff; border-radius: .1rem;
}
.w-logo img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.w-nav.active .w-logo { background-color: #00b2ef; background-image: linear-gradient(90deg, #00b2ef 0%, #0076bf 100%); }
.w-nav.active .w-logo img { filter: grayscale(100%) brightness(500%); }
.w-prev {
left: .35rem;
margin-top: -.25rem;
width: .5rem;
height: .5rem; border-radius: 50%; background-color: transparent; background-size: 0 0; border: solid .02rem #666666;
}
.w-prev:before { transition: all .3s; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; }
.w-prev:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background-image: url('../images/a49.png'); background-size: .06rem auto;
background-position: center center; background-repeat: no-repeat; }
.w-prev:hover { border: none; }
.w-prev:hover:before { background-color: #00b2ef; background-image: linear-gradient(90deg, #00b2ef 0%, #0076bf 100%); }
.w-prev:hover:after { background-image: url('../images/a49-b.png'); }
.w-next {
right: .35rem;
margin-top: -.25rem;
width: .5rem;
height: .5rem; border-radius: 50%; background-color: transparent; background-size: 0 0; border: solid .02rem #666666;
}
.w-next:before { transition: all .3s; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; }
.w-next:after { transform: rotate(-180deg); content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background-image: url('../images/a49.png'); background-size: .06rem auto;
background-position: center center; background-repeat: no-repeat; }
.w-next:hover { border: none; }
.w-next:hover:before { background-color: #00b2ef; background-image: linear-gradient(90deg, #00b2ef 0%, #0076bf 100%); }
.w-next:hover:after { background-image: url('../images/a49-b.png'); }
.w-bottom { width: 100%; padding: .8rem .6rem .8rem .8rem;
background-color: #ffffff; }
.w-c { width: 100%; }
.w-item { display: block; width: 100%; height: auto; }
.w-link { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 100%; }
.w-lt { width: 6.43rem; }
.w-img { width: 100%; position: relative; overflow: hidden; padding-top: calc(360/643*100%);
}
.w-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transform: scale(1.00); transition: all ease .5s; }
.w-rt { width: calc(100% - 7.13rem); }
.w-name { position: relative; width: 100%; padding-bottom: .3rem;
margin-bottom: .4rem;
color: #000000; line-height: 1.29; font-weight: bold; }
.w-name:after { content: ''; position: absolute; bottom: 0; left: 0; width: .26rem;
height: .04rem;
background-color: #17356B; border-radius: .02rem;
}
.w-intro { width: 100%; color: #666666; line-height: 2; }
@media(max-width: 750px) {
.w-top { padding: 0 .6rem;
margin-bottom: .5rem;
}
.w-nav { width: 25%; }
.w-prev { left: 0; }
.w-next { right: 0; }
.w-bottom { padding: .3rem;
}
.w-link { display: block; }
.w-lt { width: 100%; margin-bottom: .3rem;
}
.w-rt { width: 100%; }
.w-intro { line-height: 1.5; }
}
.x-main { position: relative; width: 100%; padding: 1.15rem .3rem .8rem;
}
.x-inner { width: 100%; max-width: 16rem; margin: 0 auto; }
.x-cont { width: 100%; display: flex; flex-wrap: wrap; font-size: 0; }
.x-item { display: block; width: 31.62%; margin-right: 2.57%; margin-bottom: .4rem;
background-color: #f6f9fc; }
.x-item:nth-child(3n) { margin-right: 0; }
.x-img { width: 100%; position: relative; overflow: hidden; padding-top: calc(360/506*100%);
}
.x-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transform: scale(1.00); transition: all ease .5s; }
.x-text { width: 100%; padding: .35rem .4rem;
}
.x-name { transition: all .3s; width: 100%; margin-bottom: .1rem;
color: #000000; line-height: 1.4; font-weight: bold; }
.x-intro { width: 100%; color: #666666; line-height: 1.6; }
.x-item:hover .x-img img { transform: scale(1.05); }
.x-item:hover .x-name { color: #17356B; }
@media(max-width: 750px) {
.x-item { width: 100%; margin-right: 0; }
}
.y-main { position: relative; padding: 1.15rem 0 1.2rem; width: 100%; background-image: url('../images/b67.jpg'); background-size: cover; background-position: center center; background-repeat: no-repeat; }
.y-main .my-top { padding: 0 .37rem 1.1rem;
}
.y-inner { width: 100%; max-width: 16.74rem; margin: 0 auto; }
.y-cont { width: 100%; position: relative; display: flex; flex-wrap: wrap; }
.y-item { flex: 1; text-align: center; position: relative; padding: 0 .15rem;
}
.y-item:after { content: ''; position: absolute; top: 0; right: -.725rem;
width: 1.45rem; height: 1.5rem; background-image: url('../images/a50.png'); background-size: 100% auto; background-position: center center; background-repeat: no-repeat; }
.y-item:last-child:after { display: none; }
.y-nubbox { display: inline-block; vertical-align: top; margin-bottom: .35rem;
padding: .25rem;
border-radius: 50%; border: dashed 1px #cccccc; }
.y-nub { display: block; color: #17356B; font-weight: bold; width: 1rem; height: 1rem; line-height: 1rem; border-radius: 50%; background-color: #ffffff; }
.y-text { position: relative; display: flex; align-items: center; min-height: 1rem; padding: .15rem;
margin: 0 auto; width: 100%; max-width: 2.6rem; box-shadow: 0px 0px .25rem 0px rgba(0, 0, 0, 0.06);
background-color: #ffffff; border-radius: .1rem;
}
.y-text:after { content: ''; position: absolute; top: -.1rem;
left: 50%; transform: translate(-50%, 0); border-bottom: .11rem solid #fff;
border-left: .11rem solid transparent;
border-right: .11rem solid transparent;
}
.y-text .y-name { width: 100%; text-align: center; color: #333333; line-height: 1.4; }
.y-sub { display: none; position: relative; margin: 0 auto; width: 100%; max-width: 3.4rem; }
/* .y-sub:after{content: '';position: absolute;top: -.1rem;left: 50%;transform: translate(-50%,0);border-bottom: .11rem solid #fff;border-left: .11rem solid transparent;border-right: .11rem solid transparent;} */
.y-box { display: block; width: 100%; background-color: #ffffff; border-radius: .1rem;
overflow: hidden; box-shadow: 0px 0px .25rem 0px rgba(0, 0, 0, 0.06);
}
.y-img { width: 100%; }
.y-img { width: 100%; position: relative; overflow: hidden; padding-top: calc(250/340*100%);
}
.y-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transform: scale(1.00); transition: all ease .5s; }
.y-img:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.3); }
.y-sub .y-name { position: absolute; top: 50%; left: 0; transform: translate(0, -50%); width: 100%; max-height: 100%; overflow: auto; text-align: center; color: #fff; line-height: 1.4; }
@media(min-width: 750px) {
.y-item.active .y-text { display: none; }
.y-item.active .y-sub { display: block; }
}
@media(max-width: 750px) {
.y-main { padding: 1.15rem .15rem 1.2rem;
}
.y-main .my-top { padding: 0 .15rem .55rem;
}
.y-cont { justify-content: space-between; }
.y-item { display: block; flex: none; width: calc(50% - .15rem);
margin-bottom: 1rem; }
.y-text { max-width: 100%; }
.y-text .y-name { white-space: normal; }
.y-item:after {
right: -.5rem; width: 1rem; }
.y-item:nth-child(2n):after { display: none; }
}
.z-main { position: relative; width: 100%; padding: 1.15rem .3rem .3rem;
}
.z-inner { width: 100%; max-width: 16rem; margin: 0 auto; }
.z-cont { width: 100%; padding-top: .5rem;
display: flex; flex-wrap: wrap; font-size: 0; }
.z-item { display: block; position: relative; width: 31.62%; text-align: center; padding: .7rem .3rem .8rem;
margin-right: 2.57%; margin-bottom: .4rem;
background-color: #f6f9fc; border-radius: .1rem;
overflow: hidden; }
.z-item:nth-child(3n) { margin-right: 0; }
.z-item:after { content: ''; position: absolute; bottom: 0; left: 0; width: 0; transition: all .3s; height: .04rem;
background-color: #00b2ef; background-image: linear-gradient(90deg, #00b2ef 0%, #0076bf 100%); }
.z-icon { transition: all .3s; position: relative; top: 0; display: inline-block; width: 1rem; height: 1rem; border-radius: 50%; background-color: #00b2ef; background-image: linear-gradient(90deg, #00b2ef 0%, #0076bf 100%); }
.z-icon img { width: 100%; height: 100%; object-fit: contain; }
.z-text { width: 100%; padding-top: .45rem;
}
.z-name { width: 100%; margin-bottom: .1rem;
color: #000000; font-weight: bold; line-height: 1.4; }
.z-intro { width: 100%; color: #666666; line-height: 2; }
.z-item:hover:after { width: 100%; }
.z-item:hover .z-icon { top: -.1rem;
}
@media(max-width: 750px) {
.z-item { width: 100%; margin-right: 0; }
}
.wa-main { position: relative; width: 100%; padding: .5rem .3rem 1.2rem;
}
.wa-main .my-top { position: relative; padding-bottom: .4rem;
margin-bottom: .5rem;
}
.wa-main .my-top:after { content: ''; position: absolute; bottom: 0; left: 0; width: .26rem;
height: .04rem;
background-color: #17356B; border-radius: .02rem;
}
.wa-inner { width: 100%; max-width: 16rem; margin: 0 auto; }
.wa-cont { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
.wa-left { width: 7rem; padding-top: .5rem;
}
.wa-intro { width: 100%; color: #333333; line-height: 1.8; }
.wa-right { width: 7.8rem; }
.wa-img { width: 100%; position: relative; overflow: hidden; padding-top: calc(540/780*100%);
}
.wa-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transform: scale(1.00); transition: all ease .5s; }
@media(max-width: 750px) {
.wa-left { width: 100%; padding-top: 0; margin-bottom: .3rem;
}
.wa-right { width: 100%; }
}
.wb-main { position: relative; width: 100%; padding: 1.15rem .3rem .8rem;
background-color: #f6f9fc; }
.wb-inner { width: 100%; max-width: 16rem; margin: 0 auto; }
.wb-cont { width: 100%; padding-top: .4rem;
display: flex; flex-wrap: wrap; font-size: 0; }
.wb-item { display: block; position: relative; width: 31.62%; text-align: center; padding: .6rem .3rem .7rem;
margin-right: 2.57%; margin-bottom: .4rem;
background-color: #ffffff; border-radius: .1rem;
overflow: hidden; }
.wb-item:nth-child(3n) { margin-right: 0; }
.wb-item:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: .04rem;
background-color: #00b2ef; background-image: linear-gradient(90deg, #00b2ef 0%, #0076bf 100%); }
.wb-iconbox { display: inline-block; padding: .1rem;
border-radius: 50%; background-color: #f6f9fc; }
.wb-icon { display: block; width: 1rem; height: 1rem; border-radius: 50%; background-color: #00b2ef; background-image: linear-gradient(90deg, #00b2ef 0%, #0076bf 100%); }
.wb-icon img { width: 100%; height: 100%; object-fit: contain; filter: grayscale(100%) brightness(500%); }
.wb-text { width: 100%; padding-top: .45rem;
}
.wb-name { width: 100%; margin-bottom: .1rem;
color: #000000; font-weight: bold; line-height: 1.4; }
.wb-intro { width: 100%; color: #666666; line-height: 2; }
.wb-item:hover { background-color: #00b2ef; background-image: linear-gradient(90deg, #00b2ef 0%, #0076bf 100%); }
.wb-item:hover:after { display: none; }
.wb-item:hover .wb-iconbox { background-color: rgba(246,249,252,.2); }
.wb-item:hover .wb-icon { background-color: #ffffff; background-image: linear-gradient(90deg, #ffffff 0%, #ffffff 100%); }
.wb-item:hover .wb-icon img { filter: none; }
.wb-item:hover .wb-name { color: #ffffff; }
.wb-item:hover .wb-intro { color: #ffffff; }
@media(max-width: 750px) {
.wb-item { width: 100%; margin-right: 0; }
}
.wc-main { width: 100%; padding: 1.15rem .3rem 1.2rem;
background-image: url('../images/b69.jpg'); background-size: cover; background-position: center center; background-repeat: no-repeat; }
.wc-main .my-top { text-align: center; }
.wc-inner { width: 100%; max-width: 14.3rem; margin: 0 auto; }
.wc-bottom { width: 100%; position: relative; overflow: hidden; }
.wc-bottom:before { content: ''; position: absolute; top: 0; left: 50%; width: 1px; height: 100%; background-color: #dddddd; }
.wc-bottom:after { content: ''; position: absolute; bottom: 0; left: 50%; margin-left: -.025rem;
width: .05rem;
height: .05rem;
border-radius: 50%; background-color: #17356B; border-radius: .03rem;
}
.wc-item { display: block; width: 100%; }
.wc-item:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; font-size: 0; }
.wc-box { float: left; display: flex; flex-wrap: wrap; align-items: center; flex-direction: row-reverse; width: 50%; }
.wc-img { width: 2.8rem; height: 1.8rem; position: relative; overflow: hidden; }
.wc-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transform: scale(1.00); transition: all ease .5s; }
.wc-text { flex: 1; padding: 0 1.2rem 0 .5rem;
text-align: right; }
.wc-year { position: relative; margin-bottom: .15rem;
width: 100%; color: #111111; line-height: 1.23; font-weight: bold; }
.wc-year:after { content: ''; position: absolute; top: 50%; right: -1.33rem; transform: translate(0, -50%); width: .71rem;
height: .3rem;
background-image: url('../images/a51.png'); background-size: 100% auto; background-position: center center; background-repeat: no-repeat; }
.wc-intro { width: 100%; color: #666666; line-height: 1.66; }
.wc-item:nth-child(1) .wc-year:before { content: ''; position: absolute; bottom: 50%; right: -1.3rem; width: .2rem;
height: 10rem; background-color: #f6fafd; }
@media(min-width: 750px) {
.wc-item:nth-child(2n) .wc-text {
padding: 0 .5rem 0 1.2rem; text-align: left; }
.wc-item:nth-child(2n) .wc-box { float: right; flex-direction: row; }
.wc-item:nth-child(2n) .wc-year:after { right: auto; left: -1.33rem; background-image: url('../images/a51-b.png'); }
}
@media(max-width: 750px) {
.wc-bottom:before { left: .13rem;
}
.wc-bottom:after { left: .13rem;
}
.wc-item { margin-bottom: .8rem;
}
.wc-item:last-child { margin-bottom: 0; }
.wc-box { width: 100%; padding-left: 1.2rem; }
.wc-img { width: 100%; height: auto; padding-top: calc(180/280*100%);
}
.wc-text { padding: 0; text-align: left; margin-bottom: .15rem;
}
.wc-year:after { right: auto; left: -1.2rem; background-image: url('../images/a51-b.png'); }
.wc-item:nth-child(1) .wc-year:before { right: auto; left: -1.2rem; }
}
.partners-section { padding: 80px 0; background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); position: relative; overflow: hidden; }
.partners-section::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: linear-gradient(90deg, #0d3b66, #c9a227); }
.partners-container { width: 100%;
max-width: 16.5rem; margin: 0 auto; padding: 0 20px; }
.partners-header { text-align: left; margin-bottom: 60px; position: relative; }
.partners-subtitle { font-size: 18px; color: #0d3b66; font-weight: 600; margin-bottom: 10px; display: block; }
.partners-title { font-size: 42px; color: #0d3b66; font-weight: 700; margin-bottom: 15px; position: relative; display: inline-block; }
.partners-title::after { content: ''; position: absolute; bottom: -10px; left: 0; width: 80px; height: 4px; background-color: #c9a227; border-radius: 2px; }
.partners-description { font-size: 16px; color: #666; line-height: 1.6; max-width: 600px; margin-top: 25px; }
.partners-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 30px; margin-top: 40px; }
.partner-card { background: white; border-radius: 12px; padding: 30px 20px; text-align: center; box-shadow: 0 5px 20px rgba(0,0,0,0.08); transition: all 0.3s ease; border: 1px solid #e9ecef; position: relative; overflow: hidden; }
.partner-card::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 4px; background: linear-gradient(90deg, #0d3b66, #c9a227); transition: left 0.3s ease; }
.partner-card:hover::before { left: 0; }
.partner-card:hover { transform: translateY(-8px); box-shadow: 0 15px 30px rgba(0,0,0,0.15); }
.partner-logo { height: 80px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; transition: all 0.3s ease; }
.partner-card:hover .partner-logo { transform: scale(1.05); }
.partner-logo img { max-height: 100%; max-width: 100%; filter: grayscale(100%); opacity: 0.8; transition: all 0.3s ease; }
.partner-card:hover .partner-logo img { filter: grayscale(0%); opacity: 1; }
.partner-name { font-size: 18px; color: #0d3b66; font-weight: 600; margin-bottom: 10px; }
.partner-desc { font-size: 14px; color: #666; line-height: 1.5; }
.partners-stats { display: flex; justify-content: center; gap: 40px; margin-top: 60px; flex-wrap: wrap; }
.stat-item { text-align: center; padding: 20px; }
.stat-number { font-size: 36px; color: #0d3b66; font-weight: 700; margin-bottom: 5px; }
.stat-label { font-size: 14px; color: #666; }
/* 响应式设计 */
@media (max-width: 768px) {
.partners-section { padding: 50px 0; }
.partners-title { font-size: 32px; }
.partners-grid { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 20px; }
.partner-card { padding: 20px 15px; }
.partners-stats { gap: 20px; }
.stat-number { font-size: 28px; }
}
@media (max-width: 480px) {
.partners-grid { grid-template-columns: 1fr; }
.partners-stats { flex-direction: column; align-items: center; }
}
/*
background-color: #00b2ef;background-image: linear-gradient(90deg, #00b2ef 0%, #0076bf 100%);
background-color: #17356B;
transition: all .3s;
.dc-inner{width: 100%;max-width: 16rem;margin: 0 auto;}
filter: grayscale(100%) brightness(500%); 图片变白
.a-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(900/1920*100%);}
.a-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.teaser.delay2 {transition-delay: .2s;}
transform: scale(1.00);transition: all ease .5s;
background-size: cover;background-position: center center;background-repeat: no-repeat;
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.ellipsis{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.eps2{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
*/