.oa .iconfont{ font-size: 150%; } .radius-s { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .line-cycle .full { top: auto; height: 1px; background-color: #1d2978; animation-name: sport-right; animation-duration: 0.2s; animation-timing-function: linear; animation-fill-mode: forwards; } .line-cycle.active .full, .line-cycle:hover .full { animation-name: sport-reset; } .swiper-change { font-size: 0; } .swiper-change > .swiper-button { position: relative; width: auto; margin-top: 0; left: auto; right: auto; } .swiper-change > .swiper-button:after { display: none; } .swiper-change > .swiper-button > svg > .cls { stroke: #000; opacity: 0.2; } .swiper-change > .swiper-button > svg > .cls-1 { fill: none; stroke-width: 1px; } .swiper-change > .swiper-button > svg > .cls-2 { fill-rule: evenodd; } .swiper-change > .swiper-button.swiper-button-next { transform: rotateZ(180deg); margin-left: 32px; } .swiper-change > .swiper-button.swiper-button-next > svg > .cls-2, .swiper-change > .swiper-button.swiper-button-next > svg > .timeline { stroke: #1d2978; opacity: 1; } .swiper-change > .swiper-button.swiper-button-next > svg > .timeline { stroke-dasharray: 0,130px; transform: rotateZ(90deg); transform-origin: center center; } .swiper-change > .swiper-button.swiper-button-next.timeout > svg > .timeline { animation: sop 5.9s linear forwards; } @keyframes sop { 0% { stroke-dasharray: 0, 130px; } 100% { stroke-dasharray: 130px, 0; } } .swiper-change > .swiper-button:hover > svg > .cls { opacity: 1; stroke: #1d2978; } .time { /*opacity: 0.5;*/ } .logo { max-width: 301px; } @media (max-width: 1300px){ .logo { max-width: 240px; } } @media (max-width: 768px) { .logo { max-width: 200px; } } .section-title { line-height: 1; padding-bottom: 20px; margin-bottom: 0.3rem; } @media (max-width: 1000px){ .section-title { font-size: 14px; } } @media (max-width: 768px){ .section-title { font-size: 12px; } } .section-title .zh { font-size: 1.5em; font-weight: bold; margin-bottom: 0.6em; } .section-title .en { /*opacity: 0.5;*/ font-size: 0.7em; } .more { color: #737373; line-height: 36px; display: inline-block; overflow: hidden; font-size: 16px; } @media (max-width: 1200px) { .more { font-size: 14px; } } @media (max-width: 768px) { .more { font-size: 12px; } } .more > .full { background-color: #1d2978; } .more > .circle { width: 18px; height: 18px; font-size: 12px; line-height: 18px; margin-left: 8px; text-align: center; border: 1px solid #737373; } .more:hover { color: #1d2978; } .more:hover > .circle { background-color: #1d2978; border-color: #1d2978; color: #fff; } .icon-title { padding-bottom: 10px; margin-bottom: 0.3rem; } @media (max-width: 1200px) { .icon-title { font-size: 18px; } } .icon-title > .fl { width: 1.7em; height: 1.7em; } .icon-title > .title { font-size: 0.9em; line-height: 1.5; padding-top: 0.3em; margin-left: 2.8em; } .swiper-pagination.default { position: static; margin: 0.5rem auto 0; transform: translate(0) !important; } .swiper-pagination.default > .swiper-pagination-bullet { margin: 0 0.1rem; } @media (max-width: 768px) { .news-list .col-item { width: 50%; } } @media (max-width: 500px) { .news-list .col-item { width: 100%; } } .data { font-size: 36px; color: #1d2978; font-style: italic; font-weight: bold; } @media (max-width: 1500px) { .data { font-size: 32px; } } @media (max-width: 1200px) { .data { font-size: 24px; } } a:hover .more { color: #1d2978; } a:hover .more > .circle { background-color: #1d2978; color: #fff; border-color: #1d2978; } .text-node img, .edit-content img { height: auto!important; display: block; margin-left: auto; margin-right: auto; } .contact { font-size: 14px; padding-bottom: 0.38rem; } .contact .flex { margin-bottom: 0.7rem; } @media (max-width: 1000px) { .contact .flex { margin-bottom: 30px; } } .contact .zh { font-size: 14px; margin-bottom: 4px; /*opacity: 0.8;*/ } .contact .en { font-size: 10px; /*opacity: 0.6;*/ } @media (min-width: 1200px) { .contact > .left { float: left; max-width: 940px; width: 60%; } } @media (max-width: 1200px) { .contact > .left:after { content: ""; display: block; clear: both; } } .contact > .left > .fl { width: 50%; } @media (max-width: 768px) { .contact > .left > .fl { float: none; width: auto; } } @media (min-width: 768px) { .contact > .left .flex { margin-right: 0.5rem; } } .contact > .left .flex > .left > .content { font-size: 0; width: 150px; line-height: 1; } .contact > .left .flex > .left > .content .iconfont { width: 26px; height: 26px; font-size: 13px; text-align: center; line-height: 26px; border: 1px solid #fff; margin-right: 10px; /*opacity: 0.8;*/ } @media (min-width: 1200px) { .contact > .right { float: right; max-width: 510px; width: 40%; } } .contact > .right > .fr { width: 100px; text-align: center; line-height: 2; } @media (max-width: 768px) { .contact > .right > .fr { display: none; float: none; margin: 24px auto 36px; } } @media (min-width: 768px) { .contact > .right > .left { margin-right: 100px; padding-right: 0.5rem; } } @media (max-width: 1200px) { .contact > .right > .left .flex { display: block; } } @media (max-width: 1200px) { .contact > .right > .left .flex > .left { float: left; } } .contact > .right > .left .flex > .left > .content { width: 100px; } @media (max-width: 1200px) { .contact > .right > .left .flex > .left > .content { width: 90px; } } .contact > .right > .left .flex > .left > .content > .top50 { right: 20px; /*opacity: 0.8;*/ line-height: 1; margin-top: -7px; } @media (max-width: 1200px) { .contact > .right > .left .flex > .left > .content > .top50 { right: 15px; } } @media (max-width: 1200px) { .contact > .right > .left .flex > .right { padding-top: 5px; margin-left: 90px; } } .contact > .right > .left .flex > .right > .circle.middle-item { width: 32px; height: 32px; text-align: center; line-height: 32px; border: 1px solid #fff; margin-right: 6px; /*opacity: 0.7;*/ } .contact > .right > .left .flex > .right > .circle.middle-item:hover { opacity: 1; } .contact > .right > .left .flex > .blogroll { max-width: 230px; padding-bottom: 16px; border-bottom: 1px solid rgba(255,255,255,0.2); cursor: pointer; display: block; } .contact > .right > .left .flex > .blogroll:hover > .text-over { opacity: 1; } .contact > .right > .left .flex > .blogroll:hover > .iconfont { transform: rotateZ(90deg); } .contact > .right > .left .flex > .blogroll > .iconfont { bottom: auto; left: auto; width: 26px; height: 26px; text-align: center; line-height: 26px; border: 1px solid #fff; } .contact > .right > .left .flex > .blogroll > .text-over { margin-right: 50px; line-height: 28px; opacity: 0.8; } .contact > .right > .left .flex > .blogroll select { border: 0; background-color: transparent; padding: 0; outline: 0; height: 100%; width: 100%; color: transparent; } .contact > .right > .left .flex > .blogroll option { color: #000; } .nav { height: 90px; line-height: 90px; color: #333; } @media (max-width: 1500px) { .nav { font-size: 14px; } } @media (max-width: 768px) { .nav { height: 64px; line-height: 64px; } } .nav .interaction > .full { top: 50%; bottom: auto; background-color: #333; height: 2px; margin-top: 20px; } .nav .active .fade:not(.slide) { visibility: visible; opacity: 1; pointer-events: unset; } .nav > .left { float: left; font-size: 12px; } .nav > .left .iconfont { font-size: 22px; } .nav > .left > .relative { margin-left: 0.6rem; } @media (max-width: 1300px){ .nav > .left > .relative { margin-left: 0.3rem; } } .nav > .left > .search > .iconfont { position: relative; z-index: 2; padding: 0; border: 0; outline: 0; background-color: transparent; cursor: pointer; } .nav > .left > .search > .content { z-index: 1; left: -6px; background-color: #fff; width: 0; overflow: hidden; margin-top: -20px; height: 40px; line-height: 40px; } .nav > .left > .search > .content > input { width: 200px; height: 100%; border: 0; padding: 0 10px 0 40px; outline: 0; color: #000; font-size: 16px; } .nav > .left > .search:hover > .iconfont { color: #1d2978; } .nav > .left > .search:hover > .content { width: 250px; } @media (max-width: 768px) { .nav > .left > .substitution { display: none; } } .nav > .right { float: right; } .nav > .right > .substitution { margin-right: 0.32rem; position: relative; } @media (max-width: 1500px) { .nav > .right > .substitution { margin-right: 0.24rem; } } @media (max-width: 1200px) { .nav > .right > .substitution { display: none; } } .nav > .right > .substitution > .slide{ white-space: nowrap; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); background-color: rgba(255,255,255,0.75); padding: 0.75em; text-align: center; margin-top: 8px; min-width: 7em; box-shadow: 0 0 1em rgba(255,255,255,0.2); } .nav > .right > .substitution > .slide > a{ line-height: 1.5em; color: #333; margin: 0.5em 0; } .nav > .right > .substitution > .slide > a:hover{ color: #1d2978; } .nav > .right > .substitution:hover .fade{ opacity: 1; visibility: visible; pointer-events: unset; } .nav > .right > .substitution:hover .slide{ margin-top: 0; } .nav > .right > .button { padding-left: 0.24rem; } .nav > .right > .button > .circle { cursor: pointer; font-size: 20px; width: 2em; height: 2em; line-height: 2em; text-align: center; background-color: #fff; color: #1d2978; } .nav > .right > .button > .circle:hover { box-shadow: 0 0 10px rgba(255, 255, 255, 0.5); } .fomat-default > .contain-img { width: 30%; max-width: 527px; min-width: 200px; margin: 0 auto; } .fomat-default > .contain-img:after { padding-top: 25.23719165085389%; } .fomat-default > .text-node { /*opacity: 0.5;*/ margin: 0.3rem auto 0; line-height: 1.5; text-align: center; } ul.pagination { text-align: center; padding-top: 30px; margin-top: 0.2rem; font-size: 0; } ul.pagination > li { -webkit-border-radius: 960px; -moz-border-radius: 960px; border-radius: 960px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; display: inline-block; vertical-align: middle; font-size: 18px; background-color: #f8f8f8; border: 1px solid #cfcfcf; width: 3.22em; height: 3.22em; line-height: 3.22em; color: #898989; margin: 0 0.12rem; } @media (max-width: 1500px) { ul.pagination > li { font-size: 16px; } } @media (max-width: 1200px) { ul.pagination > li { font-size: 14px; } } @media (max-width: 1000px) { ul.pagination > li { font-size: 12px; } } @media (max-width: 768px) { ul.pagination > li { font-size: 10px; } } ul.pagination > li:last-child, ul.pagination > li:first-child { transform: scale(0.72); color: #000; } ul.pagination > li:last-child > span, ul.pagination > li:first-child > span { display: block; } ul.pagination > li:last-child > a, ul.pagination > li:first-child > a, ul.pagination > li:last-child > span, ul.pagination > li:first-child > span { position: relative; overflow: hidden; text-indent: -100px; } ul.pagination > li:last-child > a:after, ul.pagination > li:first-child > a:after, ul.pagination > li:last-child > span:after, ul.pagination > li:first-child > span:after { position: absolute; left: 0; right: 0; top: 0; bottom: 0; text-indent: 0; font-family: "iconfont"; } ul.pagination > li:last-child { margin-left: 0.5rem; } ul.pagination > li:last-child > a:after, ul.pagination > li:last-child > span:after { content: "\e666"; } ul.pagination > li:first-child { margin-right: 0.5rem; } ul.pagination > li:first-child > a:after, ul.pagination > li:first-child > span:after { content: "\e601"; } ul.pagination > li:not(.disabled).active, ul.pagination > li:not(.disabled):hover { color: #FFF; background-color: #1d2978; border-color: #1d2978; } .page { border-top: 1px solid #e2e4e5; border-bottom: 1px solid #e2e4e5; padding: 22px 0; position: relative; } .page > .cover-img { width: 30px; height: 15px; background-image: url(../images/page.png); position: absolute; left: 50%; top: 50%; line-height: 1; margin: -7.5px 0 0 -15px; } @media (max-width: 1000px) { .page > .cover-img { display: none; } } .page > .text-over { margin: 8px auto; max-width: 45%; } .page > .text-over > a { display: inline; } .page > .text-over:hover { color: #1d2978; } @media (max-width: 1000px) { .page > .text-over { float: none; max-width: unset; } } #nav { position: fixed; bottom: auto; z-index: 100; background-color: rgba(255,255,255,0.75); } #nav.select .nav > .right > .substitution{ display: none; } #nav.active { /*background-color: rgba(0, 0, 0, 0.6);*/ transform: translateY(-100%); } #nav.scroll { transform: translateY(0); } #nav.select { background-color: transparent; transform: translateY(0); } /*#nav.select .substitution {*/ /* -webkit-transition: all 0.2s linear;*/ /* -moz-transition: all 0.2s linear;*/ /* -o-transition: all 0.2s linear;*/ /* transition: all 0.2s linear;*/ /* visibility: hidden;*/ /* opacity: 0;*/ /* pointer-events: none;*/ /*}*/ #navbar_button { overflow: hidden; position: relative; } #navbar_button > .line { height: 2px; background-color: #4c4c4c; margin-left: auto; margin-right: auto; width: 16px; } #navbar_button > .line:first-child { top: 50%; margin-top: -3.5px; bottom: auto; } #navbar_button > .line:last-child { bottom: 50%; margin-bottom: -3.5px; top: auto; } #navbar_button.close > .line:first-child { margin-top: -1px; transform: rotateZ(45deg); } #navbar_button.close > .line:last-child { margin-bottom: -1px; transform: rotateZ(-45deg); } #nav_fixed { display: none; z-index: 90; position: fixed; background-color: rgba(29,41,120,1); color: #fff; } @keyframes appear-show { 0% { opacity: 0; transform: scale(0.6); } 100% { opacity: 1; transform: scale(1); } } @keyframes appear-hide { 0% { opacity: 1; transform: scale(1); } 100% { opacity: 0; transform: scale(0.6); } } @media (max-width: 1200px) { #nav_fixed { padding-bottom: 1rem; } } #nav_fixed.active { transform-origin: center center!important; animation-duration: 0.2s; animation-timing-function: linear; animation-fill-mode: forwards; animation-name: appear-show; } #nav_fixed > .full { margin: 1rem; z-index: 1; opacity: 0.03; } #nav_fixed > .flex { position: relative; z-index: 2; top: 30%; height: 70%; -webkit-box-align: space-between; -ms-flex-align: space-between; -webkit-align-conten: space-between; align-content: space-between; } @media (max-width: 1200px) { #nav_fixed > .flex { height: 85%; top: 15%; } } #nav_fixed > .flex > .list { width: 100%; /*text-align: center;*/ margin-bottom: 0.5rem; padding-bottom: 10px; } @media (max-width: 1200px) { #nav_fixed > .flex > .list { display: block; } } @media (max-height: 650px) { #nav_fixed > .flex > .list { margin-bottom: 0; } } @media (max-width: 1200px) { #nav_fixed > .flex > .list > .item { padding: 0 10px; font-size: 14px; } } /*#nav_fixed > .flex > .list > .item:first-child > .top > .fr {*/ /* display: none;*/ /*}*/ #nav_fixed > .flex > .list > .item > .top { font-size: 125%; padding-bottom: 10px; margin-bottom: 0.2rem; } #nav_fixed > .flex > .list > .item > .top > .fr { width: 50px; text-align: right; cursor: pointer; } #nav_fixed > .flex > .list > .item > .top > .fr > .iconfont { display: inline-block; } #nav_fixed > .flex > .list > .item.active > .top > .fr > .iconfont { transform: rotateZ(180deg); } @media (min-width: 1200px) { #nav_fixed > .flex > .list > .item > .top > .fr { display: none; } } @media (max-width: 1200px) { #nav_fixed > .flex > .list > .item > .top > a { float: left; } #nav_fixed > .flex > .list > .item > .top { line-height: 48px; height: 48px; padding: 0; overflow: hidden; margin-bottom: 0; border-bottom: 1px solid rgba(255,255,255,0.2); } } @media (max-height: 768px) { #nav_fixed > .flex > .list > .item > .top { font-size: 112.5%; } } @media (max-height: 650px) { #nav_fixed > .flex > .list > .item > .top { margin-bottom: 0; } } #nav_fixed > .flex > .list > .item > .sublist{ padding-top: 1px; } #nav_fixed > .flex > .list > .item > .sublist > .secondary { margin-top: 12px; /*opacity: 0.7;*/ } @media (max-width: 1200px) { #nav_fixed > .flex > .list > .item > .sublist { padding: 12px 20px; background-color: rgba(255,255,255,0.1); display: none; } #nav_fixed > .flex > .list > .item > .sublist > .secondary { margin-top: 0; line-height: 1.6; /*opacity: 0.7;*/ } } #nav_fixed > .flex > .list > .item a:hover { text-decoration: underline; } #nav_fixed > .flex > .contact { width: 100%; padding-bottom: 0; } @media (max-width: 1200px) { #nav_fixed > .flex > .contact { display: none; } } /*@media (max-width: 768px) {*/ /* #nav_fixed > .flex > .contact > .right {*/ /* display: none;*/ /* }*/ /* #nav_fixed > .flex > .contact > .left > .fl:nth-of-type(4),*/ /* #nav_fixed > .flex > .contact > .left > .fl:nth-of-type(2){*/ /* display: none;*/ /* }*/ /*}*/ /*@media (max-height: 750px) {*/ /* #nav_fixed > .flex > .contact > .right {*/ /* display: none;*/ /* }*/ /*}*/ /*@media (max-height: 550px) {*/ /* #nav_fixed > .flex > .contact .flex {*/ /* margin-bottom: 16px;*/ /* }*/ /*}*/ #banner { overflow: hidden; z-index: 2; } #banner .swiper .full { top: 90px; } @media (max-width: 768px) { #banner .swiper .full { top: 64px; } } #banner .swiper .flex { height: 100%; } #banner .banner { min-height: 360px; } @media (min-width: 1000px) { #banner .banner { height: 80vh; max-height: 80vh; } } #banner .banner:after { padding-top: 70%; } #banner > .swiper > .progress { top: auto; pointer-events: none; height: 5px; z-index: 2; } #banner > .swiper > .progress > .content { height: 100%; background-color: #e6212a; width: 0; } #banner > .swiper > .progress.timeout > .content { animation: progressing 8.9s linear infinite; } @keyframes progressing { 0% { width: 0; } 100% { width: 100%; } } #banner > .swiper .flex > .body-content { width: 100%; } #banner > .swiper .flex .fomat-text { color: #fff; text-align: center; font-size: 0.2rem; } @media (max-width: 1000px) { #banner > .swiper .flex .fomat-text { font-size: 10px; } } #banner > .swiper .flex .fomat-text > .title { font-size: 2.4em; font-weight: bold; margin-bottom: 0.3rem; } #banner > .swiper .flex .fomat-text > .title > span{ transition: all 0.8s linear; transform: scale(0.75); opacity: 0.2; } #banner > .swiper .swiper-slide-active .flex .fomat-text > .title > span{ opacity: 1; transform: scale(1); } #banner > .swiper .flex .fomat-text > .subtitle { font-size: 14px; opacity: 0.7; } #banner > .main { top: auto; padding-right: 0; z-index: 2; } #banner > .main > .flex > .left > .relative { font-size: 20px; width: 2em; height: 2em; line-height: 2em; background-color: #ffffff; text-align: center; cursor: pointer; } @media (max-width: 768px) { #banner > .main > .flex > .left > .relative { font-size: 16px; } } #banner > .main > .flex > .left > .relative:not(:last-child) { margin-bottom: 1.2em; } #banner > .main > .flex > .left > .relative > .iconfont { font-size: 0.9em; color: #b2b2b2; } #banner > .main > .flex > .left > .relative > .content { padding-left: 10px; left: 100%; } #banner > .main > .flex > .left > .relative > .content > .relative { background-color: #fff; padding: 0 16px; font-size: 16px; color: rgba(0, 0, 0, 0.7); } #banner > .main > .flex > .left > .relative > .content > .relative > img { width: 100px; max-width: unset; padding-top: 16px; } #banner > .main > .flex > .left > .relative > .content > .relative > p { font-size: 14px; } #banner > .main > .flex > .left > .relative > .content > .relative:after { top: 50%; right: 100%; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 6px solid #fff; margin-top: -5px; } @media (max-width: 1000px) { #banner > .main > .flex > .right { font-size: 14px; } } @media (max-width: 768px) { #banner > .main > .flex > .right { display: none; } } #banner > .main > .flex > .right > .swiper-button { width: 1.8em; height: 1.8em; text-align: center; top: auto; bottom: 1.8em; margin-top: auto; } #banner > .main > .flex > .right > .swiper-button.swiper-button-prev { left: -1.8em; transform: rotateZ(180deg); background-color: #363636; color: #fff; } #banner > .main > .flex > .right > .swiper-button.swiper-button-next { background-color: #fff; color: #363636; right: auto; left: 0; } #banner > .main > .flex > .right > .swiper-button:hover { box-shadow: 0 0 10px rgba(255, 255, 255, 0.5); } #banner > .main > .flex > .right > .swiper-button > .iconfont { font-size: 0.8em; } #banner > .main > .flex > .right > .swiper-button:after { display: none; } #banner > .main > .flex > .right > .swiper { width: 24em; } #banner > .main > .flex > .right > .swiper .swiper-slide { background-color: #fff; } #banner > .main > .flex > .right > .swiper .clip { width: 9em; } #banner > .main > .flex > .right > .swiper .right { margin-left: 9em; padding-top: 1.8em; } #banner > .main > .flex > .right > .swiper .title { font-size: 0.9em; margin-bottom: 1.5em; } @media (max-width: 1200px) { #banner > .main > .flex > .right > .swiper .title { font-size: 14px; } } #banner > .main > .flex > .right > .swiper .time { font-size: 12px; } #banner > .main > .flex > .right > .swiper a:hover { color: #1d2978; } #banner > .scroll { z-index: 3; color: #fff; font-size: 12px; top: auto; width: 60px; margin: 0 auto; text-align: center; } #banner > .scroll > .full > .clip { margin-top: 0.12rem; width: 2px; height: 0.38rem; background-color: rgba(255, 255, 255, 0.1); } #banner > .scroll > .full > .clip > .line { height: 100%; background-image: -webkit-linear-gradient(top, transparent 0%, #fff 50%, transparent 100%); background-image: linear-gradient(top, transparent 0%, #fff 50%, transparent 100%); animation: sport-down 4s linear infinite; } @keyframes sport-down { 0% { transform: translateY(-50%); opacity: 0; } 50% { transform: translateY(0); opacity: 1; } 100% { transform: translateY(50%); opacity: 0; } } #banner > .banner-logo { pointer-events: none; top: 50%; bottom: auto; margin-top: -1em; z-index: 2; } #banner > .banner-logo .fomat-default > .text-node { color: #fff; opacity: 0.7; } #banner_news_mob { padding: 20px; line-height: 20px; } #banner_news_mob > .iconfont { color: #1d2978; animation: fading 3s linear infinite; } @keyframes fading { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } #banner_news_mob > .swiper { margin-left: 30px; height: 20px; } #banner_news_mob > .swiper .time { font-size: 12px; } #banner_news_mob > .swiper .text-over { margin-right: 80px; } #home_about { z-index: 1; /*background-image: url(../images/about.png);*/ /*background-position: bottom center;*/ } #home_about > .main{ padding-bottom: 1px; } /*@media (max-width: 1440px){*/ #home_about > .main{ background-image: url(../images/home-news-bg.jpg); background-position: bottom center; /*margin-bottom: 0.7rem;*/ } /*}*/ @media (min-width: 768px){ #home_about > .main > .body-content > .fomat-default > .contain-img { opacity: 0.3; } } #home_about > .main > .body-content > .fomat-default.active > .contain-img { opacity: 1; } #home_about > .main > .body-content > .clear { margin-bottom: 0.8rem; } @media (min-width: 1000px) { #home_about > .main > .body-content > .clear > .item { float: left; width: 50%; } } #home_about > .main > .body-content > .clear > .item .more { margin-top: 0.64rem; } #home_about > .main > .body-content > .clear > .item > .body-container { padding-right: 0; } @media (max-width: 1000px) { #home_about > .main > .body-content > .clear > .item > .body-container { padding-left: 0; } } #home_about #about_data { margin-top: 0.8rem; } @media (max-width: 1000px) { #home_about #about_data > .row { margin-top: 20px; } } @media (min-width: 1000px) { #home_about #about_data { max-width: 540px; margin: 0 0 0 auto; } } #about_data .full { top: auto; background-color: #e2e4e5; height: 1px; } #about_data .iconfont { font-size: 36px; color: #1d2978; } @media (max-width: 1500px) { #about_data .iconfont { font-size: 32px; } } @media (max-width: 1200px) { #about_data .iconfont { font-size: 24px; } } #about_data .left { margin-right: 60px; font-size: 14px; color: rgba(0, 0, 0, 0.7); } #about_data .left .data { margin-right: 20px; } #about_data .row { padding: 0.3rem 0; } #about_data .row:first-child { padding-top: 0; } #renwen{ background-image: url(../images/about.png); background-position: bottom center; } @media (min-width: 1200px) { #renwen { width: 50%; margin-right: 0; margin-left: auto; /*background-color: #fff;*/ } } @media (min-width: 1200px) { #renwen > .body-content { margin-left: 0; padding: 0.7rem 0; } } @media (max-width: 1200px) { #renwen > .body-content { /*background-color: #fff;*/ } } @media (min-width: 1200px) { #renwen > .body-content > .container { padding-right: 0; padding-left: 0.6rem; } } #renwen > .body-content > .container > .relative > .more { top: auto; right: auto; margin-bottom: 4px; } @media (min-width: 768px) { #renwen > .body-content > .container > .relative > .left { float: left; } } @media (min-width: 1200px) { #renwen > .body-content > .container > .relative > .swiper { margin-left: 2.6rem; } } @media (max-width: 1200px) and (min-width: 768px) { #renwen > .body-content > .container > .relative > .swiper { margin-left: 170px; } } #renwen > .body-content > .container > .relative > .swiper .text-node { min-height: 126px; margin-bottom: 14px; } #home_news{ opacity: 1!important; visibility: visible!important; } #home_news > .left, #home_news > .right{ opacity: 0; visible: hidden; transition: all 0.6s ease-out; } #home_news > .left{ transform: translateX(-10%); } #home_news > .right{ transform: translateX(10%); } #home_news.reveal-active > .left, #home_news.reveal-active > .right{ transform: translateX(0); opacity: 1; visibility: visible; } #home_news .belong, #home_news .time { line-height: 1; font-size: 12px; } #home_news .belong { color: #1d2978; white-space: nowrap; } #home_news .cover-img { padding-top: 24px; } #home_news a:hover { color: #1d2978; } #home_news .news-01 { font-size: 0; } #home_news .news-01 > .clip, #home_news .news-01 .box { font-size: 20px; } @media (max-width: 1500px) { #home_news .news-01 > .clip, #home_news .news-01 .box { font-size: 18px; } } @media (max-width: 1200px) { #home_news .news-01 > .clip, #home_news .news-01 .box { font-size: 16px; } } @media (max-width: 1000px) { #home_news .news-01 > .clip, #home_news .news-01 .box { font-size: 14px; } } #home_news .news-01 > .clip { width: 52%; } @media (max-width: 768px){ #home_news .news-01 > .clip { width: 30%; } } #home_news .news-01 > .clip > .cover-img { height: 6.65em; padding-bottom: 0.68rem; padding-top: 12px; } @media (max-width: 1000px) { #home_news .news-01 > .clip > .cover-img { padding-bottom: 10px; } } @media (max-width: 768px){ #home_news .news-01 > .clip > .cover-img { height: 5.15em; } } #home_news .news-01 > .content { width: 48%; } @media (max-width: 768px){ #home_news .news-01 > .content { width: 70%; } } #home_news .news-01 > .content > .box { padding: 0 20px; } #home_news .news-01 > .content > .box > .text-more-over { font-size: 0.9em; margin: 0.24rem auto 0.4rem; } @media (max-width: 1000px) { #home_news .news-01 > .content > .box > .text-more-over { margin: 12px auto 16px; } } @media (max-width: 768px){ #home_news .news-01 > .content > .box > .text-more-over { -webkit-line-clamp: 1; font-size: 12px; height: 1.5em; } } #home_news .news-01:not(:last-child) { margin-bottom: 0.24rem; } @media (max-width: 768px){ #home_news .news-01:not(:last-child) { margin-bottom: 0.8rem; } } #home_news .news-02 { margin-bottom: 0.7rem; } #home_news .news-02 > .fl { width: 160px; } @media (max-width: 768px) { #home_news .news-02 > .fl { width: 52%; } } #home_news .news-02 > .fl > .cover-img { height: 4.2em; } #home_news .news-02 > .content { margin-left: 160px; padding-left: 18px; } @media (max-width: 768px) { #home_news .news-02 > .content { margin-left: 52%; } } #home_news .news-02 > .content > .text-more-over { font-size: 0.8em; margin: 1em auto 1.25em; } #home_news .news-03 { padding-bottom: 0.9rem; border-bottom: 0.1em solid #cccccc; } #home_news .news-03 > a { padding-top: 0.8em; line-height: 1em; } #home_news .news-03 > a > .text-over { /*opacity: 0.7;*/ font-size: 0.75em; margin-right: 80px; } #home_news .news-03 > a > .time { padding: 0.2em 0; } @media (min-width: 1200px) { #home_news > .left { width: 60%; float: left; } } #home_news > .left > .body-content { padding-left: 0; } @media (min-width: 1200px) { #home_news > .left > .body-content { margin-right: 0; } } @media (max-width: 1200px) { #home_news > .left > .body-content { padding-right: 0; } } @media (min-width: 768px) { #home_news > .left .container > .left { width: 58%; float: left; } } #home_news > .left .container > .right { margin-top: 0.8rem; } @media (min-width: 768px) { #home_news > .left .container > .right { padding-left: 0.24rem; margin-left: 58%; margin-top: 0; } } @media (min-width: 1200px) { #home_news > .right { width: 40%; float: right; } } #home_news > .right > .body-content { padding-right: 0; } @media (min-width: 1200px) { #home_news > .right > .body-content { margin-left: 0; } } @media (max-width: 1200px) { #home_news > .right > .body-content { padding-left: 0; } } #home_business { color: #fff; text-align: center; } #home_business .cover-img { padding-top: 210%; } #home_business .content { width: 100%; } #home_business .fade { top: auto; padding-left: 10%; padding-right: 10%; background-image: -webkit-linear-gradient(bottom, #1d2978, transparent); background-image: -moz-linear-gradient(bottom, #1d2978, transparent); background-image: -ms-linear-gradient(bottom, #1d2978, transparent); background-image: -o-linear-gradient(bottom, #1d2978, transparent); background-image: linear-gradient(bottom, #1d2978, transparent); } @media (max-width: 1000px) { #home_business .fade { padding-bottom: 60px; } } #home_business .default { background-color: rgba(29,41,120,0.5); } #home_business .more-add { font-size: 0.16rem; text-transform: uppercase; } @media (max-width: 1200px) { #home_business .more-add { font-size: 12px; } } #home_business .more-add:after { content: "+"; font-size: 0.75em; line-height: 1; padding-left: 0.5em; position: relative; top: -0.67em; } #home_business .more-add.button { width: 11.25em; height: 2.8125em; max-width: 100%; border: 1px solid #fff; line-height: 2.8125em; } #home_business .more-add.button:hover { background-color: #fff; color: #1d2978; } #home_business .section-title { font-size: 0.2rem; } @media (max-width: 1200px) { #home_business .section-title { font-size: 16px; } } @media (max-width: 1000px) { #home_business .section-title { font-size: 14px; } } @media (max-width: 768px) { #home_business .section-title { font-size: 12px; } } #home_business .swiper-pagination { bottom: 20px; } #home_business .swiper-pagination-bullet { background-color: #fff; } .swiper-reveal{ opacity: 1!important; } .swiper-reveal .swiper-wrapper > .swiper-slide > .container{ transform: scale(0.75); opacity: 0; transition: all 0.6s ease-out; } .swiper-reveal.reveal-active .swiper-wrapper{ flex-wrap: wrap; } .swiper-reveal.reveal-active .swiper-wrapper > .swiper-slide{ width: 20%; } @media (max-width:768px){ #home_business .cover-img{ padding-top: 100%; } #home_business .section-title{ margin-bottom: 20px; } .swiper-reveal.reveal-active .swiper-wrapper > .swiper-slide{ width: 50%; box-sizing: border-box; border: 1px solid #fff; } .swiper-reveal.reveal-active .swiper-wrapper > .swiper-slide:first-child{ width: 100%; } .swiper-reveal.reveal-active .swiper-wrapper > .swiper-slide:first-child .cover-img{ padding-top: 50%!important; } } .swiper-reveal.reveal-active .swiper-wrapper > .swiper-slide > .container{ transform: scale(1); opacity: 1; } .swiper-reveal .swiper-wrapper > .swiper-slide:nth-of-type(2) > .container{ transition-delay: 0.15s; } .swiper-reveal .swiper-wrapper > .swiper-slide:nth-of-type(3) > .container{ transition-delay: 0.3s; } .swiper-reveal .swiper-wrapper > .swiper-slide:nth-of-type(4) > .container{ transition-delay: 0.45s; } .swiper-reveal .swiper-wrapper > .swiper-slide:nth-of-type(5) > .container{ transition-delay: 0.6s; } .swiper-reveal .swiper-wrapper > .swiper-slide:nth-of-type(6) > .container{ transition-delay: 0.75s; } .swiper-reveal .swiper-wrapper > .swiper-slide:nth-of-type(7) > .container{ transition-delay: 0.9s; } #home_building .swiper > .swiper-pagination { right: auto; width: auto; } #home_building .container > .clip > .cover-img { padding-top: 55.55555556%; } #home_building .container > .content > .date { font-size: 0.7em; } #home_building .container > .content > .title { margin: 0.8em auto 2em; } #home_building .container:hover { color: #1d2978; } #home_building .container:hover > .content > .more > .circle { width: 48px; } #footer { background-color: #1d2978; color: #fff; padding-top: 1rem; } #footer .nav{ height: 0; line-height: 1; } #footer .line, #footer .nav .left, #footer .nav .substitution{ display: none; } #footer #to_top{ position: fixed; right: -50px; bottom: 15%; z-index: 50; box-shadow: 0 0 5px #1d2978; } #footer #to_top.active{ right: 24px; } #footer .line { height: 1px; margin: 0.48rem auto 0.76rem; background-color: rgba(255,255,255,0.2); } @media (max-width: 1000px) { #footer .line { margin: 36px auto 50px; } } #footer .copyright { border-top: 1px solid rgba(255,255,255,0.2); font-size: 12px; color: rgba(255, 255, 255, 0.5); text-align: center; padding-top: 24px; padding-bottom: 24px; } @media (max-width: 1000px) { #footer .copyright > .flex { display: block; } } #footer .copyright > .flex > .item { margin: 6px 0; } #column > .cover-img { overflow: hidden; max-height: 64vh; } #column > .cover-img:after { padding-top: 64%; } #column > .body-container { background-color: #1d2978; color: #fff; height: 60px; line-height: 60px; } @media (max-width: 768px) { #column > .body-container { height: 50px; line-height: 50px; } } #column > .body-container .iconfont { font-size: 22px; } #column > .body-container > .fr { font-size: 14px; max-width: 25%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #column > .body-container > .fr a:hover { text-decoration: underline; } #column > .body-container > .fr > .middle-item { display: inline; } @media (max-width: 768px) { #column > .body-container > .fr { float: left; max-width: 80%; } } @media (max-width: 768px) { #column > .body-container > .page-anchor { float: right; } } #jianjie .top { margin-bottom: 0.7rem; } @media (min-width: 1200px) { #jianjie .top > .item { float: left; width: 50%; } } #jianjie .top > .item.right > .oppress { margin-top: 0.8rem; } @media (min-width: 1200px) { #jianjie .top > .item.right > .oppress { margin: 0 0 0 0.8rem; } } #jianjie .top > .item.right > .oppress > img { width: 100%; } @media (max-width: 1000px) { #jianjie #about_data { margin: 50px auto 34px; } } @media (max-width: 1000px) { #jianjie #about_data > .col-item { width: auto; float: none; } } @media (max-width: 1000px) { #jianjie #about_data > .col-item > .col-content { margin-right: 0; margin-bottom: 16px; } } #jianjie #about_data .full > .relative { background-color: #1d2978; height: 3px; top: -1px; width: 0; } #jianjie #about_data .row { cursor: pointer; } #jianjie #about_data .row:hover .full > .relative { width: 40%; } #jianjie .bottom { margin-top: 0.7rem; margin-right: 0; } #jianjie .bottom > .swiper { overflow: visible; } #jianjie .bottom > .swiper .container > .title { font-weight: bold; margin-bottom: 1em; } #jianjie .bottom > .swiper .container > .text-node { -webkit-line-clamp: 3; height: 5.4em; } #jianjie .bottom > .swiper .container > .more { margin-top: 0.4rem; } #jianjie .bottom > .swiper .container:hover { color: #fff; background-color: #1d2978; } #jianjie .bottom > .swiper .container:hover > .more { color: #fff; } #jianjie .bottom > .swiper .container:hover > .more > .circle { border-color: #fff; } #jianjie > .swiper-operator { margin-top: 0.7rem; } #jianjie > .swiper-operator > .right { margin-left: 118px; padding: 21.5px 0 21.5px 0.8rem; } #jianjie > .swiper-operator > .right > .swiper-scrollbar { width: 100%; height: 1px; background-color: #e2e4e5; } #jianjie > .swiper-operator > .right > .swiper-scrollbar > .swiper-scrollbar-drag { height: 3px; top: -1px; background-color: #1d2978; } #zhici { color: #fff; min-height: 5rem; } #zhici > .body-container { z-index: 2; } #zhici > .body-container .left { right: auto; width: 3.25rem; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } @media (max-width: 1000px) { #zhici > .body-container .left { position: static; width: auto; } } #zhici > .body-container .left > .section-title { background: url(../images/point.png) no-repeat scroll right center; } #zhici > .body-container .right { margin-top: 50px; } @media (min-width: 1000px) { #zhici > .body-container .right { margin: 0 0 0 4.5rem; } } #jiagou { background-image: url(../images/zuzhi.jpg); background-position: bottom center; } #rongyu { background-image: url(../images/honor.jpg); background-position: bottom center; } #rongyu .swiper .container { background-color: rgba(255, 255, 255, 0.75); } #rongyu .swiper .container > .title { margin-bottom: 1.5em; font-weight: bold; } #rongyu .swiper .container > .clip > .contain-img { padding-top: 65%; } #rongyu .swiper .container:hover { background-color: #1d2978; color: #fff; } #qywenhua .col-item { float: none; } @media (max-width: 1000px) { #qywenhua .col-item { width: auto; display: block!important; } } @media (min-width: 1000px) { #qywenhua .col-content { margin-bottom: 0; } } #qywenhua .col { margin-top: 0.5rem; } @media (min-width: 1000px) { #qywenhua .col { margin-bottom: 0; } } @media (max-width: 1000px) { #qywenhua .col.flex { display: block; margin-bottom: 0.5rem; } } #qywenhua .col.flex .line { height: 1px; background-color: #e2e4e5; margin-top: 0.8rem; } #qywenhua .col.flex .line:after { width: 40%; height: 3px; position: relative; top: -1px; background-color: #1d2978; } #qywenhua .col > .table { display: table; width: 100%; } #qywenhua .col > .table > .col-item { display: table-cell; overflow: hidden; } @media (min-width: 1000px) { #qywenhua .col > .table > .col-item > .col-content > .full { bottom: -500px; } } #qywenhua .col > .table > .col-item > .col-content > .impression { z-index: 1; } #qywenhua .col > .table > .col-item > .col-content > .fade { z-index: 2; background-color: #1d2978; } #qywenhua .col > .table > .col-item > .col-content > .fade > .icon { left: auto; bottom: auto; width: 1.6rem; height: 1.6rem; } #qywenhua .col > .table > .col-item > .col-content > .fade > .icon > .cover-img { z-index: 1; margin: -0.2rem -0.2rem 0 0; -webkit-filter: grayscale(1) brightness(1000%); filter: grayscale(1) brightness(1000%); } #qywenhua .col > .table > .col-item > .col-content > .fade > .icon > .masking { z-index: 2; background-image: -webkit-linear-gradient(left, #1d2978, #1d2978c2); background-image: -moz-linear-gradient(left, #1d2978, #1d2978c2); background-image: -ms-linear-gradient(left, #1d2978, #1d2978c2); background-image: -o-linear-gradient(left, #1d2978, #1d2978c2); background-image: linear-gradient(left, #1d2978, #1d2978c2); } #qywenhua .col > .table > .col-item > .col-content > .relative { z-index: 3; } #qywenhua .col > .table > .col-item > .col-content > .relative > .title { font-size: 18px; margin-top: -0.2rem; line-height: 1.75; } @media (max-width: 1500px) { #qywenhua .col > .table > .col-item > .col-content > .relative > .title { font-size: 16px; } } #qywenhua .col > .table > .col-item > .col-content > .relative > .line { width: 14px; height: 2px; background-color: #1d2978; margin: 0.36rem 0; } #qywenhua .col > .table > .col-item > .col-content:hover { color: #fff; } #qywenhua .col > .table > .col-item > .col-content:hover > .relative > .line { background-color: #fff; } #qywenhua .col > .table > .col-item > .col-content:hover > .relative > .icon-title > .cover-img { -webkit-filter: grayscale(1) brightness(1000%); filter: grayscale(1) brightness(1000%); } #renwen_banner > .cover-img { padding-top: 42%; background-size: auto; background-attachment: fixed; } #qyhuodong > .full { z-index: 1; } #qyhuodong > .full > .left { right: 100%; left: auto; padding-right: 0; } #qyhuodong > .full > .content { width: 25%; min-width: 160px; } #qyhuodong > .body-content { z-index: 2; } #qyhuodong .home-title { color: #fff; } #qyhuodong .swiper { overflow: visible; margin-bottom: 0.2rem; } #qyhuodong .swiper .col-content > .clip { margin: 0 1px; position: relative; z-index: 1; } #qyhuodong .swiper .col-content > .clip > .cover-img { padding-top: 100%; background-position: top center; } #qyhuodong .swiper .col-content > .full { top: auto; } #qyhuodong .swiper .col-content > .full > .title { font-weight: bold; padding: 0.4rem 0 0.2rem; } #qyhuodong .swiper .col-content > .full > .line { width: 35%; height: 2px; background-color: #fff; } #qyhuodong .swiper .col-content > .full > .more { line-height: 1; margin-top: 0.4rem; vertical-align: bottom; } #qyhuodong .swiper .col-content > .full.fade-masking { z-index: 2; padding-top: 10%; height: 4.5em; } #qyhuodong .swiper .col-content > .full.bottom { color: #fff; z-index: 3; padding: 0.4rem; } #qyhuodong .swiper .col-content > .full.content { z-index: 4; background-color: #fff; } #qyhuodong .swiper .col-content:hover { color: #1d2978; } #qyhuodong .swiper .col-content:hover > .full > .more > .circle { width: 48px; } #qyhuodong .swiper .swiper-slide-active .content { opacity: 0; transform: translateY(100%); } @media (max-width:768px){ #news_list .col-item{ width: 50%; } } @media (max-width:500px){ #news_list .col-item{ width: 100%; } } #news_list .col-content { border: 1px solid #e2e4e5; padding-top: 0.64rem; padding-bottom: 0.64rem; } #news_list .col-content > .time { margin-bottom: 1em; } #news_list .col-content > .title { font-size: 1.1em; font-weight: bold; } #news_list .col-content > .text-node { padding-top: 12px; margin-top: 0.18rem; margin-bottom: 0.7rem; } #news_list .col-content:hover { color: #fff; background-color: #1d2978; border-color: #1d2978; } #news_list .col-content:hover > .more { color: #fff; } #news_list .col-content:hover > .more > .circle { border-color: #fff; } #news_list .col-content:hover > .more > .full { background-color: #fff; } #yewu_list .col-content { padding-bottom: 0.4rem; position: relative; } @media (min-width: 768px) { #yewu_list .col-content { border-bottom: 0.1em solid #e2e4e5; } #yewu_list .col-content:not(:hover) > .text-node { height: 0; } } @media (max-width: 768px) { #yewu_list .col-content { margin-top: 0!important; } } #yewu_list .col-content > .clip { margin-bottom: 0.3rem; } #yewu_list .col-content > .clip > .cover-img { padding-top: 65%; } #yewu_list .col-content > .title { font-size: 1.1em; padding-bottom: 0.2rem; font-weight: bold; } @media (max-width: 768px) { #yewu_list .col-content > .title { margin: 10px auto; } } #yewu_list .col-content > .text-node { color: #000; overflow: hidden; } #yewu_list .col-content > .more { margin-top: 0.24rem; } #yewu_list .col-content:hover { margin-top: -50px; color: #1d2978; border-color: #1d2978; } @media (max-width: 1200px) { #yewu_detail .flex { display: block; } } @media (min-width: 1200px) { #yewu_detail .flex > .item { width: 50%; } } #yewu_detail .flex > .item.right > .row-container { padding-right: 0; } @media (max-width: 1200px) { #yewu_detail .flex > .item.right > .row-container { padding-left: 0; margin-top: 0.7rem; } } #yewu_detail .flex > .item.right > .row-container .cover-img { padding-top: 65%; } #yewu_detail .flex > .item.right > .row-container .swiper-change { top: auto; text-align: right; } #yewu_detail .flex > .item.right > .row-container .swiper-change > .fade-masking { z-index: 1; } #yewu_detail .flex > .item.right > .row-container .swiper-change > .swiper-button { z-index: 2; } #yewu_detail .flex > .item.right > .row-container .swiper-change > .swiper-button > svg > .cls-2 { fill: #fff; } #yewu_detail .flex > .item.right > .row-container .swiper-change > .swiper-button > svg > .cls { stroke: #fff; opacity: 0.5; } #yewu_detail .flex > .item.right > .row-container .swiper-change > .swiper-button > svg > .timeline { stroke: #fff; opacity: 1; } #yewu_detail .flex > .item.right > .row-container .swiper-change > .swiper-button:hover > svg > .cls { opacity: 1; } #yewu_detail .flex > .item > #yewu_data { padding-top: 0.1rem; margin-bottom: 0.6rem; font-size: 14px; color: rgba(0, 0, 0, 0.7); } #yewu_detail .flex > .item > #yewu_data > .fl:not(:last-child) { margin-right: 0.7rem; } #yewu_detail .flex > .item > #yewu_data > .fl .year:after { content: "."; } @media (min-width: 1000px) { #dj_top { margin-right: 0; } } #dj_top > .left { right: auto; width: 240px; background-color: #fff; } @media (min-width: 1500px) { #dj_top > .left { width: 360px; } } @media (max-width: 1000px) { #dj_top > .left { position: static; width: auto; } } #dj_top > .left > .full { top: auto; right: auto; } @media (max-width: 1000px) { #dj_top > .left > .full { display: none; } } #dj_top > .left > .full > .iconfont { position: static; margin-top: 0; background-color: #e5e5e5; border-color: #e5e5e5; } #dj_top > .left > .full > .iconfont.swiper-button-prev { margin-right: 1.2em; } #dj_top > .right { margin-left: 240px; } @media (min-width: 1500px) { #dj_top > .right { margin-left: 360px; } } @media (max-width: 1000px) { #dj_top > .right { margin-left: 0; } } @media (min-width: 1000px) { #dj_top > .right > .swiper-pagination { display: none; } } #dj_top > .right > .swiper { margin-bottom: 0; } #dj_top > .right > .swiper .col-content { margin-bottom: 0; } #dj_top > .right > .swiper .col-content .cover-img { padding-top: 58%; } #dj_top > .right > .swiper .col-content .hoz-container { padding-bottom: 0; } @media (max-width: 1000px) { #dj_top > .right > .swiper .col-content .hoz-container { display: none; } } #dj_top > .right > .swiper .col-content .title { font-weight: bold; margin-bottom: 0.6em; } #dj_top > .right > .swiper .col-content .time { font-size: 14px; } #dj_top > .right > .swiper .col-content .text-node { margin-top: 30px; opacity: 0; } @media (max-width: 1000px) { #dj_top > .right > .swiper .col-content .text-node { margin-top: 10px; } } #dj_top > .right > .swiper .col-content:hover { color: inherit; } #dj_top > .right > .swiper .col-content:hover .title { color: #1d2978; } #dj_top > .right > .swiper .col-content:hover .text-node { /*opacity: 0.7;*/ } #dj_top > .right > .swiper .swiper-slide-active .text-node { /*opacity: 0.7;*/ } #dj_list > .relative .line { background-color: #323232; } #dj_list > .relative > .full { background-image: -webkit-linear-gradient(left, #ffffff, transparent); background-image: -moz-linear-gradient(left, #ffffff, transparent); background-image: -ms-linear-gradient(left, #ffffff, transparent); background-image: -o-linear-gradient(left, #ffffff, transparent); background-image: linear-gradient(left, #ffffff, transparent); z-index: 1; } #dj_list > .relative > .body-content { z-index: 2; border-bottom: 1px solid #e2e4e5; } @media (min-width: 1000px) { #dj_list > .relative > .body-content { padding-right: 120px; } } #dj_list > .relative > .body-content > .more { position: absolute; right: 0; top: 50%; margin-top: -18px; color: inherit; } @media (max-width: 1000px) { #dj_list > .relative > .body-content > .more { display: none; } } #dj_list > .relative > .body-content > .clear { max-width: 1260px; } @media (max-width: 1000px) { #dj_list > .relative > .body-content > .clear { margin: -16px auto; } } #dj_list > .relative > .body-content > .clear > .fl { text-align: center; font-family: Arial; } #dj_list > .relative > .body-content > .clear > .fl > .date { font-size: 48px; font-weight: bold; } @media (max-width: 1000px) { #dj_list > .relative > .body-content > .clear > .fl > .date { font-size: 36px; } } #dj_list > .relative > .body-content > .clear > .fl > .time { color: #000; } @media (max-width: 1000px) { #dj_list > .relative > .body-content > .clear > .fl > .time { font-size: 12px; } } #dj_list > .relative > .body-content > .clear > .fl > .line { margin-top: 20px; width: 16px; height: 2px; } #dj_list > .relative > .body-content > .clear > .right { margin-left: 1.6rem; } @media (max-width: 1000px) { #dj_list > .relative > .body-content > .clear > .right { margin-left: 80px; } } #dj_list > .relative > .body-content > .clear > .right > .text-node { color: #000; } #dj_list > .relative > .body-content > .clear > .right > .title { font-size: 16px; margin-bottom: 1em; font-weight: bold; } @media (min-width: 1000px) { #dj_list > .relative > .body-content > .clear > .right > .title { font-size: 20px; } } #dj_list > .relative:hover { color: #1d2978; } #dj_list > .relative:hover .line { background-color: #1d2978; } @media (max-width: 768px) { #js_top .flex { display: block; } } @media (min-width: 768px) { #js_top .flex > .item { width: 50%; } } #js_top .flex > .item > .row-container { padding-right: 0; } @media (max-width: 768px) { #js_top .flex > .item > .row-container { padding-left: 0; margin-top: 16px; } } #js_top .flex > .item > .row-container > .time { margin-bottom: 1em; line-height: 1; } #js_top .flex > .item > .row-container > .title { font-size: 1.5em; font-weight: bold; margin-bottom: 1em; } @media (max-width: 1500px) { #js_top .flex > .item > .row-container > .title { font-size: 1.3em; } } @media (max-width: 1200px) { #js_top .flex > .item > .row-container > .title { font-size: 1.1em; } } #js_top .flex > .item > .row-container > .text-node { -webkit-line-clamp: 4; height: 100px; } #js_top .flex > .item > .row-container > .clear { margin-top: 1.8em; } @keyframes sop2 { 0% { stroke-dasharray: 0, 10.048em; } 100% { stroke-dasharray: 10.048em, 0; } } @keyframes sop3 { 0% { stroke-dasharray: 0, 11.048em; } 100% { stroke-dasharray: 11.048em, 0; } } @media (max-width: 1200px) { #js_top .flex > .item > .row-container > .clear { font-size: 18px; } } #js_top .flex > .item > .row-container > .clear > .fl { padding-top: 12px; } #js_top .flex > .item > .row-container > .clear > .fr { width: 3.2em; height: 3.2em; line-height: 3.2em; text-align: center; } #js_top .flex > .item > .row-container > .clear > .fr > svg { display: block; bottom: auto; height: auto; } #js_top .flex > .item > .row-container > .clear > .fr > svg > .cls { fill: none; } #js_top .flex > .item > .row-container > .clear > .fr > svg > .cls-1 { stroke: #c5c5c5; } #js_top .flex > .item > .row-container > .clear > .fr > svg > .cls-2 { stroke: #1d2978; stroke-dasharray: 0, 10.048em; transform: rotateZ(-90deg); transform-origin: center center; } #js_top .flex > .item > .row-container > .clear > .fr > .swiper-pagination { color: #c5c5c5; line-height: 24px; font-size: 12px; position: static; } #js_top .flex > .item > .row-container > .clear > .fr > .swiper-pagination > span { position: relative; } #js_top .flex > .item > .row-container > .clear > .fr > .swiper-pagination > .swiper-pagination-current { font-size: 16px; color: #1d2978; top: -8px; right: -4px; font-weight: bold; } #js_top .flex > .item > .row-container > .clear > .fr > .swiper-pagination > .swiper-pagination-total { font-size: 14px; left: -4px; bottom: -8px; } #js_top .flex > .item > .cover-img { padding-top: 57%; } @media (min-width: 768px) { #js_top .flex > .item > .cover-img { height: 100px; padding-top: 1.3rem; padding-bottom: 13em; } } #js_top .flex:hover .title { color: #1d2978; } @media (min-width: 1500px) { #js_top .swiper-slide-active .cls-2 { animation: sop2 5.9s linear forwards; } } @media (max-width: 1500px) { #js_top .swiper-slide-active .cls-2 { animation: sop3 5.9s linear forwards; } } #jt_list .col-content { background-color: #fff; } #jt_list .col-content .cover-img { padding-top: 55%; } #jt_list .col-content .title { font-weight: bold; margin: 1.5em auto 1.25em; } #jt_list .col-content .bottom { margin-top: 0.36rem; padding-top: 10px; line-height: 36px; } #jt_list .col-content:hover { box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.2); } #jt_list .col-content:hover .title { color: #1d2978; } #lianxi .container > .title { font-size: 1.2em; font-weight: bold; } #lianxi .container > .flex { margin-top: 2em; color: #585858; } @media (max-width: 1000px) { #lianxi .container > .flex { display: block; } } #lianxi .container > .flex > .wechat { font-size: 16px; line-height: 2; text-align: center; } #lianxi .container > .flex > .wechat > img { width: 110px; max-width: unset; border: 1px solid #e2e4e5; } #lianxi .container > .flex > .item { padding-bottom: 2em; position: relative; } @media (min-width: 1000px) { #lianxi .container > .flex > .item { margin-right: 30px; } } @media (max-width: 1000px) { #lianxi .container > .flex > .item { margin-bottom: 36px; padding-bottom: 16px; } } #lianxi .container > .flex > .item > .full { top: auto; height: 0.1em; background-color: #e5e5e5; } #lianxi .container > .flex > .item:hover > .full { background-color: #1d2978; } #lianxi .container > .flex > .item > .name { margin-bottom: 1em; } #lianxi .container > .flex > .item > .name > span { font-weight: bold; color: #1d2978; } #lianxi .container > .flex > .item > .name > .circle { font-size: 0.8em; width: 2.5em; height: 2.5em; text-align: center; line-height: 2.5em; color: #fff; background-color: #1d2978; } #lianxi .container > .flex > .item > .title { font-size: 0.9em; } #lianxi .container > .flex > .item > .bottom { line-height: 1.5em; } #lianxi .container > .flex > .item .value { font-size: 1.5em; font-weight: bold; } @media (max-width: 1500px) { #lianxi .container > .flex > .item .value { font-size: 1.3em; } } @media (max-width: 1200px) { #lianxi .container > .flex > .item .value { font-size: 1.1em; } } #map { height: 400px; } @media (min-width: 1200px) { #map { height: 600px; } } #map .BMapLabel .content { background-color: #1d2978; color: #fff; -webkit-border-radius: 32px; -moz-border-radius: 32px; border-radius: 32px; font-size: 18px; height: 2.9em; line-height: 2.4em; position: absolute; padding: 0 1.1em; bottom: 100%; margin-bottom: 0.59em; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } @media (min-width: 1200px) { #map .BMapLabel .content { font-size: 22px; } } #map .BMapLabel .content > img { max-width: unset; width: 10em; } #map .BMapLabel .content:after { top: 100%; left: 50%; border-top: 8px solid #1d2978; border-left: 4px solid transparent; border-right: 4px solid transparent; margin-left: -4px; } #article_detail { color: #fff; } @media (max-width: 1200px) { #article_detail { padding-bottom: 48px; } } #article_detail .container { min-height: 4.8rem; text-align: center; } #article_detail .container > .content { width: 100%; } #article_detail .container > .content > .title { font-weight: bold; font-size: 0.4rem; max-width: 1000px; margin: 0 auto 1.25em; } @media (max-width: 1200px) { #article_detail .container > .content > .title { font-size: 24px; } } @media (max-width: 768px) { #article_detail .container > .content > .title { font-size: 20px; } } #article_detail .container > .content > .flex { max-width: 560px; margin: 0 auto; font-size: 14px; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-around; justify-content: space-around; } #article_detail .container > .content > .flex > .item { margin: 0 10px; } @media (max-width: 768px) { #article_detail .container > .content > .flex { font-size: 12px; } } #article_detail .clear { font-size: 20px; line-height: 2em; } @media (max-width: 1000px) { #article_detail .clear { font-size: 16px; } } #article_detail .clear > .left { font-size: 14px; } @media (min-width: 768px) { #article_detail .clear > .left { margin-right: 240px; } } #article_detail .clear > .left a:hover { text-decoration: underline; } #article_detail .clear > .left > .middle-item { display: inline; } #article_detail .clear > .left > .iconfont { font-size: 150%; } @media (max-width: 768px) { #article_detail .clear > .share { float: none; text-align: center; margin-bottom: 24px; } } #article_detail .clear > .share > .middle-item { font-size: 0.8em; } #article_detail .clear > .share > .circle { width: 2.5em; text-align: center; height: 2.5em; background-color: #ffffff; color: #a6a6a6; } @media (min-width: 1000px) { #article_detail .clear > .share > .circle:not(:last-child) { margin-right: 0.8em; } } #article_detail .clear > .share > .circle:hover { color: #1d2978; } #news_detail { padding-top: 1px; z-index: 20; } #news_detail > .container { margin-top: -48px; background-color: #fff; } @media (min-width: 1200px) { #news_detail > .container { margin-top: -1rem; } } #news_detail > .container .content { max-width: 1200px; margin: 0 auto; } #news_detail > .container .content .title{ font-size: 1.3em; text-align: center; line-height: 1.8; font-weight: bold; } @media (max-width:1000px){ #news_detail > .container .content .title{ font-size: 1.2em; } } @media (max-width:768px){ #news_detail > .container .content .title{ font-size: 1.1em; } } #news_detail > .container .content .line{ margin: 24px auto 50px; border-top: 1px solid #f1f1f1; } #zp_detail .section-title .zh { margin-bottom: 0; } #zp_detail .section-title .back { font-size: 14px; /*opacity: 0.8;*/ } #zp_detail .section-title .back .iconfont { font-size: 150%; } #zp_detail .section-title .back:hover { color: #1d2978; opacity: 1; } #zp_detail .container { background-color: #fff; margin-bottom: 70px; } @media (max-width: 1000px) { #zp_detail .container { margin-bottom: 50px; } } #zp_detail .container .fr { font-size: 18px; color: #1d2978; } @media (max-width: 1200px) { #zp_detail .container .fr { font-size: 16px; } } @media (max-width: 1000px) { #zp_detail .container .fr { float: none; margin-bottom: 36px; } } @media (min-width: 1000px) { #zp_detail .container .text-node { margin-right: 240px; } } #zb_list .col-content { border-left: 0.1em solid #e2e4e5; padding: 1.5em 1.5em 1em; } @media (max-width: 500px) { #zb_list .col-content { background-color: #fff; box-shadow: 0.1rem 0.1rem 0.1rem rgba(0, 0, 0, 0.1); border-color: #1d2978; } } #zb_list .col-content > .time { line-height: 1; font-size: 0.7em; } #zb_list .col-content > .title { margin: 0.8em auto; } #zb_list .col-content:hover { background-color: #fff; box-shadow: 0.1rem 0.1rem 0.1rem rgba(0, 0, 0, 0.1); border-color: #1d2978; } #zb_list .col-content:hover > .more .full { animation-name: sport-reset; } #rl_top .line { width: 14px; height: 2px; background-color: #1d2978; margin: 0.5rem 0; } #rl_top .icon-title { padding-top: 0.3rem; } #rl_top .container > .fl { width: 3.9rem; display: none; } @media (max-width: 768px) { #rl_top .container > .fl { float: none; margin-bottom: 36px; width: auto; } } /*@media (min-width: 768px) {*/ /* #rl_top .container > .text-node {*/ /* margin-left: 4.9rem;*/ /* }*/ /*}*/ @media (max-width: 768px) { #rl_list .col-item { width: 100%; } } #rl_list .col-content { position: relative; overflow: hidden; background-color: #fff; font-size: 14px; } #rl_list .col-content > .title, #rl_list .col-content > .information { max-width: 700px; margin: 0 auto; } #rl_list .col-content > .title { line-height: 40px; color: rgba(0, 0, 0, 0.9); font-weight: bold; font-size: 22px; } @media (max-width: 1500px) { #rl_list .col-content > .title { font-size: 20px; } } @media (max-width: 1200px) { #rl_list .col-content > .title { font-size: 18px; } } #rl_list .col-content > .title > .fade { width: auto; margin-left: 20%; vertical-align: middle; } #rl_list .col-content > .information { font-family: 宋体; font-size: 15px; color: #000; } @media (max-width: 768px) { #rl_list .col-content > .information { font-size: 12px; } } #rl_list .col-content > .information > li { float: left; } @media (min-width: 1200px) { #rl_list .col-content > .information > li { width: 48%; } } @media (max-width: 1200px) { #rl_list .col-content > .information > li { width: 50%; } } #rl_list .col-content > .information > li > .content { margin-top: 2em; padding: 0 36px; } @media (max-width: 1500px) { #rl_list .col-content > .information > li > .content { padding: 0 20px; } } #rl_list .col-content > .information > li > .content > .name { /*opacity: 0.5;*/ margin-bottom: 0.8em; } #rl_list .col-content > .information > li > .content > .value { /*opacity: 0.9;*/ line-height: 1.5; height: 1.5em; -webkit-line-clamp: 1; } @media (min-width: 1200px) { #rl_list .col-content > .information > li:nth-of-type(3n-2) { width: 32%; } #rl_list .col-content > .information > li:nth-of-type(3n-2) > .content { padding-left: 0; border-right: 1px dashed rgba(0, 0, 0, 0.2); } } @media (min-width: 1200px) { #rl_list .col-content > .information > li:nth-of-type(3n) { width: 20%; } #rl_list .col-content > .information > li:nth-of-type(3n) > .content { padding-right: 0; border-left: 1px dashed rgba(0, 0, 0, 0.2); } } @media (max-width: 1200px) { #rl_list .col-content > .information > li:nth-of-type(2n-1) > .content { padding-left: 0; border: 0 none; } } @media (max-width: 1200px) { #rl_list .col-content > .information > li:nth-of-type(2n) > .content { padding-right: 0; border-left: 1px dashed rgba(0, 0, 0, 0.2); } } #rl_list .col-content > .full { top: auto; height: 2px; background-color: #1d2978; margin-bottom: -4px; } #rl_list .col-content:hover > .full { margin-bottom: 0; } #rl_list .col-content:hover > .title { color: #1d2978; } #rl_list .col-content:hover > .title > .fade { visibility: visible; opacity: 1; pointer-events: unset; }