/* 最近修改于：2021.12.15 */
/*#Body{width:90%;padding-top:2.6rem;margin:0 auto;background: url(/Portals/33/BatchImagesThumb/2022/1014/638010166432853280.jpg) no-repeat top center !important;background-size: 100% auto !important;background}*/
body { font-family: Microsoft YaHei, SimSun; font-size: 16px; line-height: 2; color: #555; text-size-adjust: 100% !important; -webkit-text-size-adjust: 100% !important; }
@media (max-width: 1024px) {
body { font-size: 14px; }
}
/* 箭头图标 */
@font-face {
font-family: 'icon';
src: url('../fonts/icon/icon.eot?2zgtsn');
src: url()format('embedded-opentype'),
url('../fonts/icon/icon.ttf?2zgtsn') format('truetype'),
url('../fonts/icon/icon.woff?2zgtsn') format('woff'),
url('../fonts/icon/icon.svg?2zgtsn#icomoon') format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
.icon-jt { font-family: 'icon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.icon-jt::before { content: "\25b6"; }
/* 预置样式 */
* { outline: 0;
/* 防止图片缩放模糊 */
/*image-rendering: -moz-crisp-edges; */ /* Firefox */
/*image-rendering: -o-crisp-edges; */ /* Opera */
/*image-rendering: -webkit-optimize-contrast;*/ /* Webkit */
/*image-rendering: crisp-edges; */
/*-ms-interpolation-mode: bicubic;*/ /* IE */
image-rendering:optimizeSpeed; /* Legal fallback */
image-rendering:-moz-crisp-edges; /* Firefox */
image-rendering:-o-crisp-edges; /* Opera */
image-rendering:-webkit-optimize-contrast; /* Safari */
image-rendering:optimize-contrast; /* CSS3 Proposed */
image-rendering:crisp-edges; /* CSS4 Proposed */
/*image-rendering:pixelated; */ /* CSS4 Proposed */
-ms-interpolation-mode:nearest-neighbor; /* IE8+ */
}
html { overflow-x: hidden; }
.base, .base * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
margin: 0; padding: 0; border: 0; vertical-align: baseline; font-weight: inherit;
/* 文字防锯齿 */
-webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased;
}
.base { position: relative; z-index: 1; background:#fff}
a, a:hover { color: inherit; text-decoration: none; }
/* 滚动条 */
::-webkit-scrollbar-track-piece { width: 5px; background: #eee; }
::-webkit-scrollbar { width: 5px; background: #0051a2; }
::-webkit-scrollbar-thumb { width: 5px; background: #0051a2; }
::-webkit-scrollbar-thumb:hover { width: 5px; background: #0051a2; }
/* Base */
ul, li { list-style: none; }
/*.dnnDragHint { display: none; }*/
.news-title { color: inherit !important; }
/* Common */
.wrapper2 { padding: 0 200px; }
.container { position: relative; height: 100%; }
.list > li { float: left; }
/* 加载动画 */
@keyframes new-fadeInUp {
0% { transform: translateY(50%); opacity: 0; }
100% { transform: translateY(0); opacity: 1; }
}
.wow { animation: 1.2s .2s new-fadeInUp ease-in-out both; }
@media (max-width: 1024px) {
.wow { animation: none; }
}
/* 清除浮动 */
.clearfix::after, .list::after { content: ''; display: block; width: 0; height: 0; clear: both; }
/* wrapper */
.wrapper { width: 100%; height: 100%; max-width: 1600px; min-width: 320px; padding: 0 100px; box-sizing: border-box; margin: 0 auto; }
@media (max-width: 1024px) { .wrapper { padding: 0 15px; } }
/* header */
.header { position: relative; z-index: 1000; width: 100%; height: 110px; background: #fff; box-shadow: 0 0 25px rgba(0,0,0,.1); }
@media (max-width: 1366px) { .header { height: 90px; } }
@media (max-width: 1024px) { .header { position: fixed; height: 70px; top: 0; left: 0; } }
/* logo */
.logo { display: inline-block; float: left; height: 100%; box-sizing: border-box; padding: 20px 0; }
.logo img { height: 100%; }
@media (max-width: 1366px) { .logo { padding: 15px 0; } }
@media (max-width: 1024px) { .logo { padding: 12px 0; } }
/* 导航 */
.nav { display: inline-block; float: right; height: 100%; margin: 0; padding: 0; }
.nav > li { height: 100%; margin-left: 30px; }
.nav > li:nth-of-type(1) { margin-left: 0; }
.nav > li > a { position: relative; overflow: hidden; display: inline-block; z-index: 0; height: 100%; line-height: 110px; padding: 0 10px; font-size: 18px; color: #1e3247; transition: color .3s ease-in-out, background .3s ease-in-out; }
.nav > li:hover > a { color: #b42c33; background: #f5f5f5; }
.nav > li.active > a { color: #b42c33; font-weight: bold; }
.nav > li > i { display: none; width: 70px; height: 70px; position: absolute; z-index: 1; top: 0; right: 0; background: url(../img/icon-hasub.png) no-repeat center / 11.5px 6.5px; }
@media (max-width: 1366px) {
.nav > li { margin-left: 15px; }
.nav > li > a { line-height: 90px; font-size: 16px; }
}
@media (max-width: 1024px) {
.nav { position: fixed; width: 75%; height: 100vh; box-sizing: border-box; z-index: 1; top: 70px; right: -75%; -webkit-backdrop-filter: saturate(180%) blur(5px); backdrop-filter: saturate(180%) blur(5px); background: rgba(255,255,255,.9); padding: 15px 15px 140px; transition: right .3s ease-in-out;
overflow-x: auto;
overflow-y:scroll;
}
.nav::-webkit-scrollbar { width: 0; background-color: transparent; }
.nav.active { right: 0; }
.nav > li { margin: 0; width: 100%; border-bottom: 1px solid #ddd; position: relative; height: auto; }
.nav > li > a { display: block; font-size: 16px; color: #5f6266; height: 70px; line-height: 70px; padding: 0; width: 100%; }
.nav > li:hover > a { color: #5f6266; background-color: transparent; }
.nav > li.active > a { color: #b42c33; font-weight: normal; }
.nav > li > i { display: block; }
}
/* 隐藏旧导航(新网站上线后删除) */
/*
.nav > li:nth-of-type(1),
.nav > li:nth-of-type(2),
.nav > li:nth-of-type(3),
.nav > li:nth-of-type(4),
.nav > li:nth-of-type(5),
.nav > li:nth-of-type(6),
.nav > li:nth-of-type(7) { display: none; }
.nav > li:nth-of-type(8) { margin-left: 0; }
.nav > li > a::first-letter { font-size: 0; }
*/
/* 新网站上线后把8改成1 */
.nav > li:nth-of-type(1) i { display: none; }
/* 二级导航 */
.nav ul { overflow: hidden; box-sizing: border-box; font-size: 0; background: #f5f5f5; width: 100%; padding: 0; position: absolute; top: 110px; left: 0; text-align: center; height: 0; }
.nav ul li { display: inline-block; }
.nav ul li a { display: inline-block; margin: 0 20px; text-align: center; line-height: 90px; font-size: 16px; color: #555; transition: color .3s ease-in-out; }
.nav ul li a:hover { color: #b42c33; }
.nav ul i { display: none; }
@media (max-width: 1366px) {
.nav ul { top: 90px; }
.nav ul li a { line-height: 70px; font-size: 14px; margin: 0 15px; }
}
@media (max-width: 1024px) {
.nav ul { position: relative; width: 100%; top: auto; left: 0; background-color: transparent; box-shadow: none; }
.nav ul li { width: 100%; height: 70px; margin-bottom: 1px; }
.nav ul li a { line-height: 70px; font-size: 16px; text-align: left; text-indent: 2em; width: 100%; margin: 0; background: rgba(0,0,0,.04); color: #888; }
.nav ul li a:hover { background: rgba(0,0,0,.04); color: #888; }
}
/* 搜索按钮 */
.header .cn{position: relative;
float: right;
top: 37px;
right: 68px;
color: #1e3247;
font-size: 18px;}
.header-bg .cn:hover,.header .cn:hover{color:#b42c33}
.header-bg .cn{position: relative;
float: right;
top: 37px;
right: 62px;
color: #fff;
font-size: 18px;}
.header-bg .cn:hover{color:#b42c33}
.btn-search { position: relative; display: block; float: right; width: 20px; height: 20px; background: url("../img/icon-search.png") no-repeat center / 20px 20px; transition: background-image .3s ease-in-out; cursor: pointer; margin: 45px 0 0 66px; }
.btn-search.btn-search2 { display: none; }
.btn-search::before { content: ''; display: block; width: 2px; height: 17px; background: #ccc; position: absolute; top: 50%; margin-top: -8px; left: -62px; }
.btn-search:hover { background-image: url("../img/icon-search-red.png"); }
@media (max-width: 1366px) {
.btn-search { width: 18px; height: 18px; background-size: 18px 18px; margin: 37px 0 0 55px; }
.btn-search::before { height: 16px; margin-top: -8px;left: -55px; }
.header-bg .cn, .header .cn{position: relative;top: 30px;font-size: 16px;right: 58px;}
}
@media (max-width: 1024px) {
.btn-search { width: 36px; height: 36px; background-color: rgba(0,0,0,.05); background-size: 20px 20px; border-radius: 3px; margin: 17px 0 0 15px; display: none; }
.btn-search.btn-search2 { display: block; width: 100%; background-position: center; background-size: 16px 16px; }
.btn-search::before { display: none; }
.header-bg .cn, .header .cn{position: absolute; top: 18px; right: 68px; color: #1e3247;font-size: 18px;}
.header-bg,.header{position: relative;}
}
/* 移动端-导航按钮 */
.btn-nav { position: relative; float: right; display: none; width: 30px; height: 36px; margin: 17px 0 0; }
.btn-nav i { display: block; width: 100%; height: 3px; background: #333; position: absolute; left: 0; border-radius: 1.5px; }
.btn-nav i:nth-of-type(1) { top: 15%; transition: top .2s ease-in-out, margin-top .2s ease-in-out, transform .2s ease-in-out; }
.btn-nav i:nth-of-type(2) { top: 50%; margin-top: -1.5px; transition: background .2s ease-in-out; }
.btn-nav i:nth-of-type(3) { bottom: 15%; transition: bottom .2s ease-in-out, margin-bottom .2s ease-in-out, transform .2s ease-in-out; }
.btn-nav.active i:nth-of-type(1) { transform: rotate(45deg); top: 50%; margin-top: -1.5px; }
.btn-nav.active i:nth-of-type(2) { background: transparent; }
.btn-nav.active i:nth-of-type(3) { transform: rotate(-45deg); bottom: 50%; margin-bottom: -1.5px; }
@media (max-width: 1024px) {
.btn-nav { display: block; }
}
.header.header-fixed { position: fixed; }
.header.index-other { background-color: transparent; height: 1.6rem; padding-bottom: .8rem; top: -.8rem; transition: top .3s ease-in-out, padding-bottom .3s ease-in-out, height .3s ease-in-out; }
.header.index-other:hover { top: 0; padding-bottom: 0; height: .8rem; }
.header-index { position: fixed; }
.header-index-1 { background: rgba(30,50,71,.3); }
.header-index-1 .nav > li > a { color: #fff; }
.header-index-1 .nav > li:hover > a { color: #b42c33; }
.header-index-1 .btn-search { background-image: url("../img/icon-search-white.png"); }
.header-index-1 .btn-search:hover { background-image: url("../img/icon-search-red.png"); }
.header-index-2 { height: 160px; cursor: pointer; top: -80px; transition: top .3s ease-in-out; box-shadow: 0 0 0 rgba(0,0,0,0); background: rgba(255,255,255,0); }
.header-index-2:hover { top: 0; }
.header-index-2 .nav > li > a { line-height: 80px; }
.header-index-2 .nav ul { top: 79px; z-index: 1; }
.header-index-2 .btn-search { height: 18px; width: 18px; background-size: 18px 18px; margin-top: 31px; }
.header-index-2 .btn-search::before { height: 16px; margin-top: -8px; }
/*.header-index-2::after { z-index: 0; content: ''; display: block; width: 100%; height: 80px; opacity: 0; position: absolute; left: 0; top: 100%; }*/
.after { display: none; }
.header-bg { background: rgba(255,255,255,0); position: relative; box-shadow: 0 0 0 rgba(0,0,0,0); }
.header-index-2 .header-bg { background: #fff; position: relative; box-shadow: 0 0 10px rgba(0,0,0,.1); }
.header-index-1 .wrapper { height: 110px; }
.header-index-2 .wrapper { height: 80px; }
.header-index-2 .logo { padding: 15px 0; }
.header-index-2 .after { z-index: 0; display: block; width: 100%; height: 80px; opacity: 0; position: absolute; left: 0; top: 80px; }
/* 移动端-二级导航-背景阴影 */
.header .shadow { position: fixed; width: 100%; height: 100vh; -webkit-backdrop-filter: saturate(180%) blur(5px); backdrop-filter: saturate(180%) blur(5px); background: rgba(0,0,0,.5); top: 70px; left: 100%; opacity: 0; display: none; }
.header .shadow.active { left: 0; }
@media (max-width: 1440px) {
/* .header-index-2 { height: 80px; }*/
.header-index-2 .nav > li > a { line-height: 80px; }
.header-index-2 .nav ul { top: 79px; }
.header-index-2 .btn-search { height: 18px; width: 18px; background-size: 18px 18px; margin-top: 31px; }
.header-index-2 .btn-search::before { height: 16px; margin-top: -8px; }
}
@media (max-width: 1366px) {
.header-index-2 { height: 150px; }
.header-index-2 .nav > li > a { line-height: 80px; }
.header-index-2 .nav ul { top: 79px; }
.header-index-2 .btn-search { height: 18px; width: 18px; background-size: 18px 18px; margin-top: 31px; }
.header-index-2 .btn-search::before { height: 16px; margin-top: -8px; }
.header-index-1 .wrapper { height: 90px; }
.header-index-2 .after { height: 70px; }
}
@media (max-width: 1024px) {
.header .shadow { display: block; }
.header-index-1 { background: #fff; }
.header-index-1 .nav > li > a { color: inherit; }
.header-index-2 { top: 0; height: 70px; }
.header-index-2::after { display: none; }
.header-index-2 .btn-search { width: 36px; height: 36px; background-color: rgba(0,0,0,.05); background-size: 20px 20px; border-radius: 3px; margin: 17px 0 0 15px; }
.header-index-2 .btn-search::before { display: none; }
.header-index-1 .btn-search { background-image: url("../img/icon-search.png"); }
.header-index-1 .wrapper { height: 70px; }
.header-index-2 .wrapper { height: 70px; }
}
/* [ 文字溢出显示省略号 ] */
/* 单行 */
.tx1 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; }
/* 多行(默认2行) */
.tx2 { overflow: hidden; display: block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-break: break-all; }
/* [ 文字两端对齐(兼容ie) ] */
.txt, .tx2 { text-align: justify; text-align-last: left; text-justify: distribute; word-break: break-all; }
.txt { font-size: 16px; }
/* 更多按钮 */
.more { display: inline-block; height: 50px; line-height: 44px; padding: 0 5px; border-radius: 25px; border: 2px dotted #b42c33; position: relative; transition: background .75s,color .75s; font-size: 15px; text-align: center; width: 160px; color: #b42c33 !important; }
.more::after { content: '\25b6'; font-family: 'icon' !important; vertical-align: middle; margin-left: 10px; }
.more:hover,
.list-hover:hover a.more { background: #b42c33; color: #fff !important; }
/* 列表 - 其他信息 */
.list .or { position: relative; overflow: hidden; }
/* 列表 - 其他信息 - 查看详情 */
.list .or .icon-jt { display: inline-block; padding-right: .5rem; position: relative; font-size: .16rem; line-height: 2; color: inherit; }
.list .or .icon-jt::before { font-size: .14rem; display: block; width: .3rem; height: .3rem; line-height: .3rem; position: absolute; right: 0; top: 50%; margin-top: -.125rem; }
/* 列表 - 其他信息 - 日期 */
.list .or span { display: inline-block; color: #999; font-size: .14rem; line-height: .32rem; position: absolute; right: 0; top: 50%; margin-top: -.12rem; }
/* 网页加载动画 */
.loading { position: fixed; z-index: 99999999; top: 0; left: 0; width: 100%; height: 100%; background: #F8F8F8; }
.loading-ani { position: absolute; width: 50px; height: 50px; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; overflow: hidden; }
.loading-ani i { display: block; width: 20px; height: 20px; background: #0051A2; position: absolute; opacity: 0; animation: 2.8s loading-ani ease-in infinite; }
.loading-ani .i1 { top: 0; left: 0; }
.loading-ani .i2 { top: 0; right: 0; animation-delay: .7s; }
.loading-ani .i3 { bottom: 0; right: 0; animation-delay: 1.4s; }
.loading-ani .i4 { bottom: 0; left: 0; animation-delay: 2.1s; }
@keyframes loading-ani {
0% { opacity: 1; }
25% { opacity: .66; }
50% { opacity: .33; }
75% { opacity: 0; }
100% { opacity: 0; }
}
/* [ 清除浮动 ] */
.cf::after, .list-news-idx .first::after { content: ''; display: block; width: 0; height: 0; clear: both; }
/* 标题 */
.title { position: relative; color: #1e3247; font-size: 40px; font-weight: bold; letter-spacing: 2px; }
.title .more { position: absolute; top: 50%; margin-top: -25px; margin-left: 20px; font-weight: normal; }
.center { text-align: center; }
.title a { position: relative; display: inline-block; }
@media (max-width: 1366px) {
.title { font-size: 32px; }
}
@media (max-width: 1024px) {
.title { font-size: 22px; letter-spacing: 0; }
.title .more { margin-top: -12px; margin-left: 10px; width: 70px; height: 24px; line-height: 22px; border-radius: 3px; border: 1px solid #b42c33; font-size: 14px; }
.title .more::after { display: none; }
}
/* 内间距 */
.p { position: relative; overflow: hidden; padding: 100px 0 0; }
.p1, .p2, .p7 { padding: 0; }
@media(max-width:1680px) {
.p { padding: 40px 0 0; }
.p1, .p2, .p7 { padding: 0; }
}
@media(max-width: 1366px) {
.p { padding: 50px 0 0; }
.p1, .p2, .p7 { padding: 0; }
}
@media(max-width: 1024px) {
.p { padding: 30px 0; height: auto; }
.p1, .p2, .p7 { padding: 0; }
}
/* Swiper */
.swiper-button-prev, .swiper-button-next { background-image: none; transition: opacity .5s; }
.swiper-button-prev::before, .swiper-button-next::before { transition: color .5s; }
/* 切换按钮 */
.switch { font-size: 0; display: inline-block; margin-top: 24px; }
.switch li { display: inline-block; position: relative; font-size: 16px; padding-left: 25px; cursor: pointer; transition: color .5s; margin-left: .55rem; }
.switch li::before { content: ''; display: block; width: 16px; height: 16px; border: 1px solid transparent; border-radius: 50%; position: absolute; top: 50%; margin-top: -8px; left: 0; transition: border-color .5s; }
.switch li::after { content: ''; display: block; width: 6px; height: 6px; background: transparent; border-radius: 50%; position: absolute; top: 50%; margin-top: -2px; left: 6px; transition: background .5s; }
.switch li.active,
.switch li:hover { color: #b42c33; }
.switch li.active::before { border-color: #b42c33; }
.switch li.active::after { background: #b42c33; }
/*.tabs-page-li { display: none; }*/
.tabs-page-li { display: block; }
.tabs-page-li.active { display: block; }
.tabs-page-li1 .list-news-idx .first .img { background: url(../img/logobg1.jpg) no-repeat center / cover; }
.tabs-page-li2 .list-news-idx .first .img { background: url(../img/logobg2.jpg) no-repeat center / cover; }
.tabs-page-li4 .list-news-idx .first .img { background: url(../img/logobg3.jpg) no-repeat center / cover; }
@media(max-width: 1024px) {
.switch { width: 100%; margin-top: .2rem; }
.switch li { font-size: .26rem; padding-left: 0; margin-left: 0; text-align: center; border: 1px solid #ddd; line-height: 2.5 }
.switch li::before, .switch li::after { display: none; }
}
/* 颜色：文字：#5f6266; 深色：#1e3247; 蓝色：#0051a2; 红色：#b42c33; 背景：#f7f8f9; */
@media (max-width: 1024px) {
.header.index-0 { background: #fff; }
.index-0 { -webkit-backdrop-filter: none; backdrop-filter: none; background: #fff; }
.index-0 .nav > li > a { color: #5f6266; font-weight: normal; }
.index-0 .nav > li > a::before { display: none; }
.index-0 .nav > li.active > a { color: #b42c33; }
.index-0 .nav > li.search { background-image: url("../img/icon-search-grey.png"); }
.header.index-other { top: 0; }
.index-other { -webkit-backdrop-filter: none; backdrop-filter: none; background: #fff; height: 1.1rem; }
.index-other .nav > li { height: auto; }
.index-other .nav > li > ul { top: 0; }
.index-other .nav > li > a { line-height: 1.1rem; font-size: .3rem; }
.index-other .nav > li.search { line-height: 1.1rem; background-position: .32rem center; }
.header-fixed { transition: none; }
.header-fixed .nav > li > a { transition: none; transition: color .5s; }
.header-fixed .nav > li.search { transition: none; transition: background-image .5s; }
}
/* footer */
.footer { position: relative; overflow: visible; }
.footer-top { position: relative; overflow: hidden; background: #0051a2; padding-top: 50px; font-size: 16px; color: #fff; }
.footer-top a { color: #fff; }
.footer-top a:hover { color: #fff; text-decoration: underline; }
.footer-top-logo { height: 90px; }
.footer-top-list-1 li { margin: 40px 75px 30px 0; }
.footer-top-list-2 li { position: relative; margin-right: 20px; }
.footer-top-list-2 li a { color: rgba(255,255,255,.5); }
.footer-top-list-2 li::after { content: ''; display: block; width: 2px; height: 14px; background: rgba(255,255,255,.5); position: absolute; right: -11px; top: 50%; margin-top: -6px; }
.footer-top-list-2 li:nth-last-of-type(1)::after { display: none; }
.footer-top-list-3 { margin: 60px 0 50px; }
.footer-top-list-3 li { position: relative; padding-left: 50px; margin-right: 115px; }
.footer-top-list-3 li::before { content: ''; display: block; width: 38px; height: 38px; position: absolute; top: 50%; margin-top: -19px; left: 0; background: no-repeat left center / 38px 38px; }
.footer-top-list-3 li:nth-of-type(1)::before { background-image: url("../img/icon/icon-foot-1.png"); }
.footer-top-list-3 li:nth-of-type(2)::before { background-image: url("../img/icon/icon-foot-2.png"); }
.footer-top-list-3 li:nth-of-type(3)::before { background-image: url("../img/icon/icon-foot-3.png"); }
.footer-top-btn { width: 85px; height: 85px; position: absolute; top: 0; right: 0; }
a.to_top { display: block; width: 100%; height: 100%; line-height: 81px; text-align: center; font-size: 0; border: 2px dotted #fff; border-radius: 50%; transition: background .5s,color .5s; transform: rotate(-90deg); }
a.to_top::before { font-size: 18px }
a.to_top:hover { text-decoration: none; background: #fff; color: #0051a2; }
.footer-top-2wm { position: absolute; top: 150px; right: 0; width: 150px; min-width: 75px; z-index: 1; }
.footer-top-2wm img { width: 100%; }
.footer-top-2wm p { text-align: center; }
.footer-bottom { background: #fff; font-size: 14px; line-height: 1.5; padding: 30px 0; word-break: break-all; }
.footer-bottom .container > div { display: inline-block; }
.footer-bottom-1 { float: left; }
.footer-bottom-2 { float: right; }
/* 动画 */
.p7 .wow { animation: none; }
.p7.active .footer-top-logo { animation: .8s fadeInUp .5s ease-in-out both; }
.p7.active .footer-top-list-1 { animation: .8s fadeInUp .6s ease-in-out both; }
.p7.active .footer-top-list-2 { animation: .8s fadeInUp .7s ease-in-out both; }
.p7.active .footer-top-list-3 { animation: .8s fadeInUp .8s ease-in-out both; }
.p7.active .footer-top-btn { animation: .8s fadeInUp .5s ease-in-out both; }
.p7.active .footer-top-2wm { animation: .8s fadeInUp .6s ease-in-out both; }
.p7.active .footer-bottom { animation: .8s fadeInUp .9s ease-in-out both; }
.p7.active .footer-top-logo { animation: .8s fadeInUp .5s ease-in-out both; }
.p7.active .footer-top-list-1 { animation: .8s fadeInUp .6s ease-in-out both; }
.p7.active .footer-top-list-2 { animation: .8s fadeInUp .7s ease-in-out both; }
.p7.active .footer-top-list-3 { animation: .8s fadeInUp .8s ease-in-out both; }
.p7.active .footer-top-btn { animation: .8s fadeInUp .5s ease-in-out both; }
.p7.active .footer-top-2wm { animation: .8s fadeInUp .6s ease-in-out both; }
.p7.active .footer-bottom { animation: .8s fadeInUp .9s ease-in-out both; }
/* 网站群 */
.wzq-box { width: 290px; height: 56px; position: absolute; top: 15px; right: 150px; z-index: 2; }
.btn-wzq { width: 100%; height: 100%; border-radius: 28px; border: 2px dotted #fff; color: #fff; padding: 0 30px; font-size: 16px; line-height: 52px; cursor: pointer; }
.p7.active .btn-wzq { animation: .8s fadeInUp .5s ease-in-out both; }
.btn-wzq::after { content: ''; width: 24px; height: 24px; position: absolute; right: 20px; top: 50%; margin-top: -12px; background: url("../img/icon/wzq-icon.png") no-repeat center / 24px 24px; }
.wzq-list { position: absolute; top: 56px; left: 0; width: 100%; height: auto; overflow: hidden; border-radius: 28px; background: #fff; margin-top: 5px; display: none; border: 1px solid #eee; }
.wzq-list ul { padding: 20px 35px; height: auto; overflow-x: hidden; }
.wzq-list ul::-webkit-scrollbar-track-piece { width: 9px; background: #C4D5E6; }
.wzq-list ul::-webkit-scrollbar { width: 9px; background: #B42C33; }
.wzq-list ul::-webkit-scrollbar-thumb { width: 9px; background: #B42C33; }
.wzq-list ul::-webkit-scrollbar-thumb:hover { width: 9px; background: #B42C33; }
.wzq-list a { font-size: 16px; line-height: 2; color: #333; font-weight: bold; transition: color .5s; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; }
.wzq-list a:hover { color: #b42c33; text-decoration: none; }
@media (max-width: 1366px) {
.footer-top-logo { height: 70px; }
}
@media (max-width: 1024px) {
.footer-top { font-size: 14px; padding-top: 30px; }
.footer-bottom { padding: 15px 0; }
.footer-top-logo { height: 50px; }
.footer-bottom-2 { width: 100%; }
.wzq-box { width: 100%; position: relative; top: auto; right: auto; height: 50px; margin-bottom: 30px; }
.btn-wzq { border-radius: 25px; line-height: 46px; }
.wzq-list { top: 50px; }
.footer-top-list-1 { display: none; }
.footer-top-list-2 { display: none; }
.footer-top-list-3 { margin: 10px 0; }
.footer-top-list-3 li { width: 100%; padding-left: 40px; margin-right: 0; margin-bottom: 15px; line-height: 1.5; }
.footer-top-list-3 li::before { width: 30px; height: 30px; margin-top: -15px; background-size: 30px 30px; }
.footer-top-btn { top: 0; right: 0; width: 50px; height: 50px; }
.footer-top-btn a.to_top { line-height: 46px; }
.footer-top-2wm { position: relative; top: auto; right: auto; width: 100%; text-align: center; }
.footer-top-2wm img { width: 120px; }
.footer-top-2wm p { margin-bottom: 10px; }
/* 清除动画 */
.p7.active .footer-top-logo { animation: none; }
.p7.active .footer-top-list-1 { animation: none; }
.p7.active .footer-top-list-2 { animation: none; }
.p7.active .footer-top-list-3 { animation: none; }
.p7.active .footer-top-btn { animation: none; }
.p7.active .footer-top-2wm { animation: none; }
.p7.active .footer-bottom { animation: none; }
.p7.active .btn-wzq { animation: none; }
}
/* 网站地图 */
.siteMap-title { margin-top: .5rem; }
.siteMap { font-size: .3rem; margin-bottom: 1rem; }
.siteMap > li { border-bottom: 1px solid #1D4F91; margin-bottom: .2rem; padding-bottom: .2rem; }
.siteMap a { display: inline-block; color: #1D4F91; }
.siteMap a:hover { color: #b42c33; }
.siteMap > li > a { font-weight: bold; margin-bottom: .2rem; }
.siteMap ul { display: block; }
.siteMap ul::after { content: ''; display: block; width: 0; height: 0; clear: both; }
.siteMap ul li { float: left; width: 20%; font-size: .28rem; margin-bottom: .1rem; }
@media (max-width: 1024px) {
.siteMap ul li { width: 25%; }
}
.dnn_mact > li > ul, .dnn_mact > li > ul * { box-sizing: content-box; }
.banner-fixed.on { margin-bottom: 1.65rem; }
/* banner */
#dnn_SecondBanner { position: relative; }
.banner { position: relative; overflow: hidden; z-index: 1; width: 100%; height: 0; padding-bottom: 20%; background: #eee no-repeat center bottom / cover; }
.banner h1 { position: absolute; z-index: 2; font-weight: bold; color: #fff; font-size: 50px; letter-spacing: 10px; line-height: 2; top: 50%; margin-top: -60px; }
@media (max-width: 1366px) {
.banner h1 { font-size: 40px; margin-top: -40px; letter-spacing: 5px; }
}
@media (max-width: 1024px) {
.banner { margin-top: 70px; padding-bottom: 50%; }
.banner h1 { font-size: 26px; margin-top: -30px; }
}
/* 二级导航 */
.subnav { background: #f5f5f5; position: relative; z-index: 100; border-bottom: 1px solid #e5e5e5; }
.subnav .list { font-size: 0; text-align: center; white-space: nowrap; }
.subnav .list li { float: none; display: inline-block; width: 11.11%; position: relative; overflow: hidden; border-bottom: 2px solid transparent; line-height: 65px; padding-left: 50px; text-align: left; cursor: pointer; font-size: 16px; color: #1e3247; transition: color .3s ease-in-out; }
.subnav .list li .edit-handle { display: none; }
.subnav .list li i { width: 45px; height: 45px; position: absolute; top: 50%; margin-top: -22.5px; left: 5px; background-repeat: no-repeat; background-position: center center; background-size: cover; transition: opacity .3s ease-in-out; }
.subnav .list li i.i1 { opacity: 1; }
.subnav .list li i.i2 { opacity: 0; }
.subnav .list li:hover { color: #b42c33; }
.subnav .list li:hover i.i1 { opacity: 0; }
.subnav .list li:hover i.i2 { opacity: 1; }
.subnav .list li.active { color: #b42c33; border-color: #b42c33; }
.subnav .list li.active i.i1 { opacity: 0; }
.subnav .list li.active i.i2 { opacity: 1; }
@media (max-width: 1366px) {
.subnav .list li { line-height: 55px; padding-left: 45px; font-size: 14px; }
.subnav .list li i { left: 0; }
}
@media (max-width: 1024px) {
.subnav { padding: 10px 0 5px; text-align: left; }
.subnav .list { white-space: normal; text-align: left; }
.subnav .list li { display: inline-block; width: 24%; margin-right: 1.33%; margin-bottom: 5px; font-size: 14px; border: 1px solid #ddd; padding-left: 0; text-align: center; line-height: 35px; }
.subnav .list li:nth-of-type(4n) { margin-right: 0; }
.subnav .list li i { display: none; }
}
/* 二级 简介 */
.sub-jj { margin: .8rem auto .5rem; position: relative; z-index: 2; }
.sub-jj .txt { width: 100%; max-width: 8.6rem; margin: 0 auto; text-align-last: left; }
/*.sub-jj .txt { width: 100%; max-width: 8.6rem; padding: 0 .4rem; margin: 0 auto; text-align-last: center; }*/
@media (max-width: 1024px) {
.subnav-icon { left: .1rem; }
.sub-jj { margin: .6rem auto .4rem; }
.sub-jj .title { text-align: left !important; }
.sub-jj .txt { text-align: left; }
.sub-jj .txt p { text-align: left !important; text-align-last: left !important; }
}
/* p1 视频banner */
@keyframes ani-mouse {
0% { opacity: 1; transform: translateY(0); }
20% { opacity: 1; transform: translateY(100%); }
40% { opacity: 0; transform: translateY(100%); }
60% { opacity: 0; transform: translateY(0); }
80% { opacity: 1; transform: translateY(0); }
}
@media (max-width: 4000px) { .p1 video { width: 4000px; margin-left: -2000px; } }
@media (max-width: 2560px) { .p1 video { width: 2560px; margin-left: -1280px; } }
@media (max-width: 1920px) { .p1 video { width: 1920px; margin-left: -960px; margin-top: -540px; transform: scale(1.1); } }
@media (max-width: 1366px) { .p1 video { width: 1366px; margin-left: -683px; margin-top: -384px; transform: scale(1.1); } }
.p1 { background: #000; text-align: center; }
.p1 video { position: absolute; top: 50%; left: 50%; z-index: 1; }
/*.p1 video { width: auto; height: auto; max-width: 100%; max-height: 100vh; }*/
.p1 .mouse { display: block; position: absolute; width: 50px; height: 50px; left: 50%; margin-left: -25px; bottom: 10%; z-index: 4; animation: ani-mouse 2.5s linear infinite; }
.p1 .mouse img { width: 100%; height: 100%; }
.p1 .mouse:hover { animation-play-state: paused; }
.p1 .shadow { position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,.1); left: 0; top: 0; z-index: 2; }
@media (max-width: 1024px) {
.p1 p { font-size: 0; }
.p1 { padding-top: 70px; }
.p1 video { position: relative; left: 0; margin-left: 0; width: 100%; top: auto; margin-top: 0; z-index: 0; display: none; }
.p1 .mouse { display: none; }
.p1 .shadow { display: none; }
}
/* 主营产品 */
#dnn_indexP3Top { position: relative; z-index: 2; }
#dnn_indexP3Bottom { overflow: hidden; position: relative; z-index: 1; }
.p3 .box { position: relative; }
.p3 .box .top { position: relative; }
.p3 .box .top .txt { margin: .4rem 0 .6rem; }
.p3.active .box .top .txt { margin: .4rem 0 .6rem; animation: .75s fadeInUp .65s ease-in-out both; }
.p3 .swiper-container { overflow: visible; margin-left: -.8rem; animation: .75s fadeOutDown 0s ease-in-out both; }
.p3.active .swiper-container { animation: .75s fadeInUp .75s ease-in-out both; }
.p3 .swiper-container .swiper-slide { padding-left: .8rem; }
.p3 .swiper-slide .img { position: relative; overflow: hidden; width: 100%; height: 0; padding-bottom: 52%; border: 1px solid #eee; }
/*.p3 .swiper-slide .img::after { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,.1); z-index: 2; transition: opacity .5s; }*/
.p3 .swiper-slide .img img { transition: transform .5s; position: relative; z-index: 1; }
.p3 .swiper-slide .img:hover img { transform: scale(1.1); }
/*.p3 .swiper-slide .img:hover::after{ opacity: 0; }*/
.p3 .swiper-slide hr { display: block; width: 100%; height: 2px; background-color: #0586c7; background-image: linear-gradient(to right, #0586c7, #8cc020); margin: .3rem 0 .1rem; }
.p3 .swiper-slide h3 { font-size: .26rem; line-height: 2; color: #363c3c; font-weight: bold; }
.p3 .swiper-slide h3 a { color: #363c3c; }
.p3 .swiper-slide .tx2 { height: 64px; overflow: hidden; min-height: 48px; }
.p3 .top .swiper-button-prev, .p3 .top .swiper-button-next { width: .3rem; height: .3rem; top: 50%; margin-top: -.15rem; line-height: .3rem; font-size: .18rem; color: #b42c33; }
.p3 .top .swiper-button-prev { left: -.5rem; right: auto; transform: rotateY(180deg); }
.p3 .top .swiper-button-next { right: -.5rem; }
.p3 .swiper-button-disabled { opacity: 1; color: #999 !important; }
.p3 .btm .txt:nth-of-type(1) { animation: .75s fadeOutDown 0s ease-in-out both; }
.p3.active .btm .txt:nth-of-type(1) { animation: .75s fadeInUp .5s ease-in-out both; }
/*.p3 .anii { float: right; width: 200px; margin-top: .2rem; }*/
.p3 .anii { float: right; width: 100%; margin-top: .2rem; position: absolute; top: 4rem; }
.p3 .anii { animation: .75s fadeOutRight 0s ease-in-out both; }
.p3.active .anii { animation: .75s fadeInRight .25s ease-in-out both; }
@media(max-width: 1680px) {
.p3.active .box .top .txt { margin: 10px 0 15px; }
}
@media(max-width: 1024px) {
.p3 .top .swiper-button-prev { left: 0; }
.p3 .top .swiper-button-next { right: 0; }
.p3 .top .swiper-button-prev, .p3 .top .swiper-button-next { width: 30px; height: 30px; border-radius: 3px; background: #eee; text-align: center; line-height: 30px; }
.p3 .swiper-slide h3 { font-size: 22px; }
.p3.active .box .top .txt { font-size: 14px; line-height: 1.5; margin: 0 0 25px; }
.p3 .swiper-container { animation: none; }
}
/* 首页 - 新闻中心 */
.p4 { background: url(../img/p4.jpg) no-repeat right bottom / cover; }
.p4 .top { position: relative; }
.p4 .top > div { display: inline-block; }
.p4 .top > div:nth-last-of-type(1) { float: right; }
.p4 .btm { margin-top: .45rem; position: relative; }
.p4 .btm > div { position: absolute; top: 0; left: 0; width: 100%; z-index: 1; opacity: 0; transition: opacity .75s; }
.p4 .btm > div.active { opacity: 1; z-index: 2; }
/*.p4 .tabs { animation: .75s fadeOutRight 0s ease-in-out both; }*/
.p4.active .tabs { animation: .75s fadeInRight .25s ease-in-out both; }
@media (max-width: 1680px) {
.p4 .btm { margin-top: 15px; }
}
/* 党建与纪检 */
.p5 .top { position: relative; }
.p5 .top > div { display: inline-block; }
.p5 .top > div:nth-last-of-type(1) { float: right; }
.p5 .btm { margin-top: .45rem; position: relative; }
.p5 .btm > div { position: absolute; top: 0; left: 0; width: 100%; z-index: 1; opacity: 0; transition: opacity .75s; }
.p5 .btm > div.active { opacity: 1; z-index: 2; }
/*.p5 .tabs2 { animation: .75s fadeOutRight 0s ease-in-out both; }*/
.p5.active .tabs2 { animation: .75s fadeInRight .25s ease-in-out both; }
/* 加入我们 */
.p6 { background: #fff url(../img/pg-dt.jpg) no-repeat center / cover; }
.p6 .wrapper > div { float: left; }
.p6 .left { width: 50%; }
.p6 .right { width: 50%; }
.p6 .right .txt { margin-bottom: .35rem; }
.p6 .btm { width: 100%; }
.p6 .btm .list { margin-left: -.2rem; }
.p6 .btm .list li { width: 20%; padding-left: .2rem; }
.p6.active .btm .list li:nth-of-type(1) { animation: .8s fadeInUp .5s ease-in-out both; }
.p6.active .btm .list li:nth-of-type(2) { animation: .8s fadeInUp .55s ease-in-out both; }
.p6.active .btm .list li:nth-of-type(3) { animation: .8s fadeInUp .6s ease-in-out both; }
.p6.active .btm .list li:nth-of-type(4) { animation: .8s fadeInUp .65s ease-in-out both; }
.p6.active .btm .list li:nth-of-type(5) { animation: .8s fadeInUp .7s ease-in-out both; }
@media (max-width: 1024px) {
.p5 .btm { height: 300px; }
.p6 .btm .list li { width: 100%; margin-bottom: 5px; }
.p6 .btm .list li .img { padding-bottom: 25%; }
}
/*.p6 .left { animation: .75s fadeOutLeft 0s ease-in-out both; }*/
.p6 .right { animation: .75s fadeOutRight 0s ease-in-out both; }
/*.p6 .btm { animation: .75s fadeInUp 0s ease-in-out both; }*/
.active.p6 .left { animation: .75s fadeInLeft .25s ease-in-out both; }
.active.p6 .right { animation: .75s fadeInRight .25s ease-in-out both; }
/*.active.p6 .btm { animation: .75s fadeInUp .5s ease-in-out both; }*/
.list-p6-btm { margin-left: -.2rem; }
.list-p6-btm li { width: 25%; padding-left: .2rem; }
.list-p6-btm li .img { padding-bottom: 130%; cursor: pointer; }
.list-p6-btm li .img img { transition: transform .5s; }
.list-p6-btm li .img::after { background: rgba(0,0,0,.2); }
.list-p6-btm li .img { color: #fff; }
.list-p6-btm li .img h3 { position: absolute; z-index: 3; width: 100%; text-align: center; font-size: .4rem; font-weight: lighter; letter-spacing: .02rem; margin-left: -.02rem; top: 45%; margin-top: -.4rem; color: #fff; }
.list-p6-btm li .img span { position: absolute; z-index: 3; width: 100%; text-align: center; font-size: .16rem; font-weight: lighter; top: 45%; margin-top: .32rem; }
.list-p6-btm li .img:hover img { transform: scale(1.1); }
.list-p6-btm li .img:hover::after { background: rgba(0,0,0,.3); }
/* ul3 */
.ul3 .circle { display: block; width: .9rem; height: .9rem; border-radius: 50%; background: #B32C32; transition: background .5s; position: relative; }
.ul3 .circle:hover { background: #0051A2; }
.ul3 { margin: 4vh 0; }
.ul3 li { width: .9rem; position: relative; float: left; margin-right: .9rem; }
.ul3 .text { display: block; text-align: center; font-size: .16rem; color: #333; margin-top: 3vh; transition: color .5s; }
.ul3 .text:hover { color: #0051A2; }
.p4.active .ul3 li .text,
.p4.active .ul3 li .circle { animation: fadeInUp 1s both ease-in-out; }
.p4.active .ul3 li:nth-of-type(1) .circle { animation-delay: .1s; }
.p4.active .ul3 li:nth-of-type(2) .circle { animation-delay: .3s; }
.p4.active .ul3 li:nth-of-type(3) .circle { animation-delay: .5s; }
.p4.active .ul3 li:nth-of-type(1) .text { animation-delay: .2s; }
.p4.active .ul3 li:nth-of-type(2) .text { animation-delay: .4s; }
.p4.active .ul3 li:nth-of-type(3) .text { animation-delay: .6s; }
@keyframes ani-clxz {
0% { transform: rotate(0deg); }
5% { transform: rotate(36deg); }
10% { transform: rotate(36deg); }
15% { transform: rotate(72deg); }
20% { transform: rotate(72deg); }
25% { transform: rotate(108deg); }
30% { transform: rotate(108deg); }
35% { transform: rotate(144deg); }
40% { transform: rotate(144deg); }
45% { transform: rotate(180deg); }
50% { transform: rotate(180deg); }
55% { transform: rotate(216deg); }
60% { transform: rotate(216deg); }
65% { transform: rotate(252deg); }
70% { transform: rotate(252deg); }
75% { transform: rotate(288deg); }
80% { transform: rotate(288deg); }
85% { transform: rotate(324deg); }
90% { transform: rotate(324deg); }
95% { transform: rotate(360deg); }
100% { transform: rotate(360deg); }
}
@keyframes ani-spxz {
0% { transform: rotateY(0deg); }
100% { transform: rotateY(180deg); }
}
@keyframes ani-gss {
0% { opacity: 1; }
20% { opacity: 0; }
40% { opacity: 1; }
60% { opacity: 1; }
80% { opacity: 0; }
100% { opacity: 1; }
}
.ul3-cl { width: .45rem; height: .45rem; position: absolute; top: 50%; left: 50%; margin-top: -.225rem; margin-left: -.225rem; }
.ul3 .circle:hover .ul3-cl { animation: ani-clxz 6s both linear infinite; }
.ul3-ms { width: .49rem; height: .35rem; position: absolute; top: 50%; left: 50%; margin-top: -.175rem; margin-left: -.245rem; }
.ul3-1 { width: .08rem; height: .18rem; position: absolute; top: 50%; left: 50%; margin-top: -.09rem; margin-left: -.04rem; }
.ul3 .circle:hover .ul3-ms { animation: ani-spxz .5s both ease-in-out; }
.ul3-guang { width: .36rem; height: .46rem; position: absolute; top: 50%; left: 50%; margin-top: -.23rem; margin-left: -.18rem; }
.ul3 .circle:hover .ul3-guang { animation: ani-gss .5s both ease-in-out; }
.ul3-dp { width: .36rem; height: .46rem; position: absolute; top: 50%; left: 50%; margin-top: -.23rem; margin-left: -.18rem; }
/* 点 */
.ul3 li .dian-wz { width: .06rem; height: .9rem; display: block; position: absolute; top: 0; }
.ul3 li .dian-wz:nth-of-type(1) { left: 1.095rem; }
.ul3 li .dian-wz:nth-of-type(2) { left: 1.32rem; }
.ul3 li .dian-wz:nth-of-type(3) { left: 1.575rem; }
.ul3 li .dian { width: .06rem; height: .06rem; border-radius: 50%; background: #B9B5B3; display: block; position: absolute; top: .42rem; }
.ul3 li .dian:nth-of-type(1) { left: 0; }
.ul3 li .dian:nth-of-type(2) { left: 0; }
.ul3 li .dian:nth-of-type(3) { left: 0; }
@keyframes ani-bdbx {
0% { transform: scale(1); }
20% { transform: scale(2); }
40% { transform: scale(1); }
100% { transform: scale(1); }
}
.ul3 li .dian { animation: ani-bdbx 2s both ease-in-out infinite; }
.ul3 li:nth-of-type(1) .dian-wz:nth-of-type(1) .dian { animation-delay: .1s; }
.ul3 li:nth-of-type(1) .dian-wz:nth-of-type(2) .dian { animation-delay: .2s; }
.ul3 li:nth-of-type(1) .dian-wz:nth-of-type(3) .dian { animation-delay: .3s; }
.ul3 li:nth-of-type(2) .dian-wz:nth-of-type(1) .dian { animation-delay: .4s; }
.ul3 li:nth-of-type(2) .dian-wz:nth-of-type(2) .dian { animation-delay: .5s; }
.ul3 li:nth-of-type(2) .dian-wz:nth-of-type(3) .dian { animation-delay: .6s; }
.p4.active .ul3 li .dian-wz { animation: fadeInUp 1s both ease-in-out; }
.ul3 li:nth-of-type(1) .dian-wz:nth-of-type(1) { animation-delay: .15s; }
.ul3 li:nth-of-type(1) .dian-wz:nth-of-type(2) { animation-delay: .2s; }
.ul3 li:nth-of-type(1) .dian-wz:nth-of-type(3) { animation-delay: .25s; }
.ul3 li:nth-of-type(2) .dian-wz:nth-of-type(1) { animation-delay: .35s; }
.ul3 li:nth-of-type(2) .dian-wz:nth-of-type(2) { animation-delay: .4s; }
.ul3 li:nth-of-type(2) .dian-wz:nth-of-type(3) { animation-delay: .45s; }
@media (max-width: 1024px) {
.ul3 { display: none; }
}
@media (max-width: 750px) {
.p6 .left { width: 100%; }
.p6 .right { width: 100%; display: none; }
.p6 .btm { margin-top: .3rem; }
/* .ul3 { display: none; }*/
.ul3 .text { font-size: .36rem; }
.ul3 { margin: .5rem 0; }
.ul3 .circle { width: 1.8rem; height: 1.8rem; margin: 0 auto; }
.ul3 li { width: 33.333%; margin-right: 0; }
.ul3 li .dian-wz { display: none; }
.ul3-guang { width: .72rem; height: .92rem; margin-top: -.46rem; margin-left: -.36rem; }
.ul3-dp { width: .72rem; height: .92rem; margin-top: -.46rem; margin-left: -.36rem; }
.ul3-cl { width: .9rem; height: .9rem; margin-top: -.45rem; margin-left: -.45rem; }
.ul3-1 { width: .16rem; height: .36rem; margin-top: -.18rem; margin-left: -.08rem; }
.ul3-ms { width: .98rem; height: .7rem; margin-top: -.35rem; margin-left: -.49rem; }
}
/* 企业概况 */
.about-00 { background: #F7F8F9; position: relative; height: 100%; height: 100vh; }
.about-00 .wrapper { position: relative; z-index: 1; }
.about-00 .wrapper::after { content: ''; display: block; width: 0; height: 0; clear: both; }
.about-00 > i { display: block; position: absolute; z-index: 0; width: 50%; height: 100%; background: #fff no-repeat center bottom / cover; top: 0; right: 0; }
.about-00 .left { padding: 100px 60% 100px 0; }
.about-00 .text { margin-bottom: 50px; }
.about-00 .text p { margin-bottom: 10px; }
.active .about-00 .title { animation: 1s fadeInUp ease-in-out; }
.active .about-00 .text { animation: 1s fadeInUp ease-in-out; }
.active .about-00 .about-01-list { animation: 1s fadeInUp ease-in-out; }
.active .about-00 .more { animation: 1s fadeInUp ease-in-out; }
@media (max-width: 1680px) {
.about-00 .left { padding: 50px 60% 100px 0; }
}
@media (max-width: 1366px) {
.about-00 .left { padding: 50px 55% 50px 0; }
.about-00 .text { margin-bottom: 40px; }
}
@media (max-width: 1024px) {
.about-00 { height: auto; }
.about-00 > i { width: 100%; opacity: .1; }
.about-00 .text { margin-bottom: 30px; font-size: 14px; }
.about-00 .left { padding-right: 0; padding-top: 30px; }
.active .about-00 .left { padding-right: 0; padding-top: 100px; }
}
/* 公司简介 */
.about-01 { background: #F7F8F9; position: relative; }
.about-01 .wrapper { position: relative; z-index: 1; }
.about-01 .wrapper::after { content: ''; display: block; width: 0; height: 0; clear: both; }
.about-01 > i { display: block; position: absolute; z-index: 0; width: 50%; height: 100%; background: no-repeat center top / cover; top: 0; left: 0; }
.about-01 .right { padding: 100px 0 100px 55%; }
.about-01 .text { margin-bottom: 50px; }
.about-01 .text p { margin-bottom: 10px; }
.about-01-list { font-size: 26px; line-height: 1; margin-bottom: 20px; }
.about-01-list li { width: 50%; margin-bottom: 40px; }
.about-01-list li b { font-size: 46px; font-weight: bold; color: #1e3247; line-height: .8; vertical-align: bottom; margin-right: 10px;white-space: nowrap; }
.about-01-list li b span { display: inline-block; color: #1e3247; }
.about-01-list li b i { font-style: normal; }
.about-01-list li p { display: block; font-size: 16px; margin-top: 15px; font-style: normal; }
.about-01 .text-03::after { content: ''; display: block; width: 0; height: 0; clear: both; }
.about-01 .text-03 p { display: block; float: left; line-height: 1.5; width: 50%; padding: 0 10px; margin-bottom: 10px; background: url(../img/icon/icon-abt-top.png) no-repeat left 5px / 3px 15px; }
@media (max-width: 1366px) {
.about-01 .right { padding: 50px 0 50px 55%; }
.about-01 .text { margin-bottom: 40px; }
.about-01-list { font-size: 22px; }
.about-01-list li { margin-bottom: 30px; }
.about-01-list li b { font-size: 40px; }
}
@media (max-width: 1024px) {
.about-01 > i { width: 100%; opacity: .1; }
.about-01 .text { margin-bottom: 30px; }
.about-01 .right { padding: 30px 0; }
.about-01-list { font-size: 16px; margin-bottom: 10px; }
.about-01-list li b { font-size: 30px; margin-right: 5px; }
.about-01 .text-03 p { width: 100%; }
}
/* 社会责任 */
.about-02 { background: url(/Portals/33/Skins/zhsl-new/themes/img/about-02-bg.jpg) no-repeat center bottom / cover; padding: 100px 0 300px; }
.about-02 .list { margin-left: -100px; }
.about-02 .list li { width: 33.33%; padding-left: 100px; }
.about-02 .list li:nth-of-type(1) { width: 100%; margin-bottom: 100px; }
.about-02 .list li i { display: block; width: 100%; text-align: center; }
.about-02 .list li i img { width: auto; max-width: 100%; }
.about-02 .list li h3 { text-align: center; color: #1e3247; font-size: 26px; text-shadow: 0 0 10px rgba(255,255,255,.2); }
.about-02 .list li .text { color: #1e3247; font-size: 16px; line-height: 1.6; text-indent: 2em; text-shadow: 0 0 10px rgba(255,255,255,.2); }
.about-02 .list li .text p { line-height: 1.6; }
@media (max-width: 1366px) {
.about-02 { padding: 50px 0 150px; }
.about-02 .list { margin-left: -50px; }
.about-02 .list li { width: 33.33%; padding-left: 50px; }
.about-02 .list li:nth-of-type(1) { margin-bottom: 50px; }
.about-02 .list li h3 { color: #000; font-size: 22px; }
.about-02 .list li .text { color: #000; }
}
@media (max-width: 1024px) {
.about-02 { padding: 30px 0 30px; background: #eee; }
.about-02 .list { margin-left: 0; }
.about-02 .list li { width: 100%; padding-left: 0; margin-bottom: 30px; }
.about-02 .list li:nth-of-type(1) { margin-bottom: 30px; }
.about-02 .list li i img { width: 150px; }
.about-02 .list li h3 { color: #1e3247; }
.about-02 .list li .text { color: #1e3247; }
}
/* 总经理致辞 */
.about-03 { width: 100%; max-width: 1300px; min-width: 320px; padding: 0 50px; margin: 100px auto; }
.about-03::after { content: ''; display: block; width: 0; height: 0; clear: both; }
.about-03 .left { float: left; width: 40%; }
.about-03 .left img { width: 100%; height: auto; }
.about-03 .right { float: left; width: 60%; padding-left: 100px; }
.about-03 .right .title { margin-bottom: 30px; }
.about-03 .right .text { font-size: 18px; }
.about-03 .right .text p { margin-bottom: 10px; }
@media (max-width: 1366px) {
.about-03 { max-width: 1366px; margin: 50px auto; }
.about-03 .left { width: 35%; }
.about-03 .right { width: 65%; padding-left: 50px; }
.about-03 .right .text { font-size: 16px; }
}
@media (max-width: 1024px) {
.about-03 { padding: 0 15px; margin: 30px auto; }
.about-03 .left { width: 100%; text-align: center; }
.about-03 .left img { width: auto; max-width: 290px; }
.about-03 .right { width: 100%; padding-left: 0; }
.about-03 .right .title { margin: 10px 0; text-align: center; }
}
/* 市场地位 */
.about-04 { padding: 100px 0; }
.about-04 .list li { width: 33.33%; text-align: center; }
.about-04 .list li img { width: auto; max-width: 100%; }
.about-04 .list li:nth-of-type(1) { width: 100%; margin-bottom: 60px; text-align: left; }
.about-04 .list li:nth-of-type(1) .text p { line-height: 2; }
@media (max-width: 1366px) {
.about-04 { padding: 50px 0; }
.about-04 .list li:nth-of-type(1) { margin-bottom: 30px; }
}
@media (max-width: 1024px) {
.about-04 { padding: 30px 0; }
.about-04 .list li { width: 100%; }
}
/* 其他 */
.about-05 { background: #FAFAFA; }
.about-05 li { width: 50%; height: 1100px; position: relative; padding: 100px 0; }
.about-05 li .title { position: relative; z-index: 1; }
.about-05 li .text { position: relative; z-index: 1; margin-bottom: 50px; }
.about-05 li .text p { line-height: 2; }
.about-05 li img { position: relative; z-index: 1; width: auto; max-width: 100%; }
.about-05 li:nth-of-type(odd) { padding-right: 100px; }
.about-05 li:nth-of-type(even) { padding-left: 100px; }
.about-05 li:nth-of-type(2)::after { content: ''; display: block; width: 50vw; height: 100%; background: #F6F6F6; position: absolute; z-index: 0; top: 0; left: 0; }
.about-05 li:nth-of-type(3)::after { content: ''; display: block; width: 50vw; height: 100%; background: #F6F6F6; position: absolute; z-index: 0; top: 0; right: 0; }
.about-05 li:nth-of-type(4)::after { content: ''; display: block; width: 50vw; height: 100%; background: #FAFAFA url(../img/jrfw-bg.png) no-repeat bottom left / cover; position: absolute; z-index: 0; top: 0; left: 0; }
.about-05 li:nth-of-type(2) img { max-width: 125%; }
.about-05 li:nth-of-type(3) { height: 1000px; }
.about-05 li:nth-of-type(4) { height: 1000px; }
.about-05 li:nth-of-type(4) .text { width: 30%; }
.about-05 li:nth-of-type(4) img { max-width: 95%; margin: -305px 0 0 30px; }
@media (max-width: 1366px) {
.about-05 li { height: 1000px; padding: 50px 0; }
.about-05 li .text { margin-bottom: 30px; }
.about-05 li:nth-of-type(odd) { padding-right: 50px; }
.about-05 li:nth-of-type(even) { padding-left: 50px; }
.about-05 li:nth-of-type(3) { height: 900px; }
.about-05 li:nth-of-type(4) { height: 900px; }
.about-05 li:nth-of-type(4) img { max-width: 92%; }
}
@media (max-width: 1024px) {
.about-05 li { width: auto; height: auto; padding: 30px 0; }
.about-05 li:nth-of-type(odd) { padding-right: 0; }
.about-05 li:nth-of-type(even) { padding-left: 0; }
.about-05 li:nth-of-type(2)::after { width: 100vw; left: -15px; }
.about-05 li:nth-of-type(3)::after { display: none; }
.about-05 li:nth-of-type(4 )::after { width: 100vw; left: -15px; }
.about-05 li:nth-of-type(2) img { max-width: 100%; }
.about-05 li:nth-of-type(3) { height: auto; }
.about-05 li:nth-of-type(4) { height: auto; }
.about-05 li:nth-of-type(4) .text { width: 100%; }
.about-05 li:nth-of-type(4) img { max-width: 100%; margin: 0; }
}
/* 加入我们 - 联系方式 - 加载更多 */
.contact-more { text-align: center; margin-bottom: 1rem; }
/* 工作机会 */
.jobs { width: 100%; max-width: 1390px; padding: 0 1rem; margin: 100px auto; }
.jobs > li { display: block; width: 100%; margin-bottom: .1rem; border: 1px solid #eee; }
.jobs > li.jobs-head .item-head { border-width: 0; background: #0051a2; color: #fff; font-size: .22rem; }
.jobs > li.jobs-head .item-head > h3 { color: #fff; font-size: .22rem; font-weight: normal; }
.jobs > li .item-head { background: #f4f4f4; padding-left: .6rem; line-height: .75rem; position: relative; }
.jobs > li .item-head > h3 { display: inline-block; font-size: 18px; color: #1e3247; font-weight: bold; }
.jobs > li .item-head > span:nth-of-type(1) { position: absolute; height: 100%; width: 3rem; top: 0; left: 50%; margin-left: -1.5rem; text-align: center; }
.jobs > li .item-head > span:nth-of-type(2) { position: absolute; height: 100%; width: 1.5rem; top: 0; right: 2.2rem; text-align: center; }
.jobs > li .item-head > .btn { position: absolute; height: 100%; width: 1.5rem; top: 0; right: 0; border-radius: .375rem 0 0 .375rem; background: #c7c8c9; color: #fff; font-size: .16rem; cursor: pointer; text-align: left; padding-left: .3rem; transition: background .5s; }
.jobs > li .item-head > .btn::after { content: ''; display: block; width: .19rem; height: .19rem; background: url("../img/icon/icon-jobs-open.png") no-repeat center / .19rem .19rem; position: absolute; top: 50%; margin-top: -.095rem; right: .25rem; transition: background .5s; }
.jobs > li .item-head > .btn.active, .jobs > li .item-head > .btn:hover { background: #b42c33; }
.jobs > li .item-head > .btn.active::after, .jobs > li .item-head > .btn:hover::after { background-image: url("../img/icon/icon-jobs-close.png"); }
.jobs > li .item-body { display: none; }
.jobs > li .item-body > h4 { }
.jobs > li .item-body > [class^="item-body-box"] { padding: .1rem 0 .4rem .3rem; }
.jobs > li .item-body > .item-body-box1 span { padding-right: 1rem; }
.jobs > li .item-body > .item-body-box1 span b { font-weight: bold; color: #1e3247; }
.jobs > li .item-body > .item-body-box2, .jobs > li .item-body > .item-body-box3 { padding-left: .5rem; }
.jobs > li .item-body > .item-body-box2 > p, .jobs > li .item-body > .item-body-box3 > p { display: list-item; list-style: decimal; margin-bottom: .2rem; line-height: 1.8; }
.jobs-content { background: #fbfbfb; padding: 30px 60px 50px; display: none; }
.jobs-content p { line-height: 2; }
.jobs-content strong { font-size: 18px; color: #1e3247; font-weight: bold; }
@media (max-width: 1366px) {
.jobs { margin: 50px auto; }
}
@media (max-width: 1024px) {
.jobs { padding: 0 15px; margin: 30px auto; }
.jobs > li .item-head > h3 { font-size: 18px; color: #333; font-weight: normal; display: block; line-height: 1.2; margin-bottom: 5px; }
.jobs > li .item-head { padding: 10px; line-height: 2; font-size: 0; }
.jobs > li .item-head > span:nth-of-type(1) { font-size: 12px; color: #666; background: #ddd; padding: 3px 7px; border-radius: 3px; height: auto; width: 3rem; top: auto; left: auto; margin-left: 0; text-align: left; position: relative; margin-right: 5px; }
.jobs > li .item-head > span:nth-of-type(2) { font-size: 12px; color: #666; background: #ddd; padding: 3px 7px; border-radius: 3px; height: auto; width: 1.5rem; top: auto; right: auto; text-align: left; position: relative; }
.jobs > li .item-head > .btn { border-radius: 0; font-size: 14px; padding-left: 0; text-align: center; line-height: 70px; width: 70px; }
.jobs > li .item-head > .btn::after { display: none; }
.jobs > li.jobs-head .item-head span { display: none; }
.jobs > li.jobs-head .item-head h3 { font-size: 18px; font-weight: normal; margin-bottom: 0; }
.jobs-content { padding: 10px; font-size: 14px; }
.jobs-content strong { font-size: 16px; }
}
/* 加入我们 - 人才理念 */
/* 人才理念 */
.rencai-1 { position: relative; margin-top: 1rem; }
.rencai-1 .title { margin-top: 50px; }
.rencai-1 .box .img { position: relative; z-index: 2; float: left; width: 47%; padding-bottom: 35.25%; }
.rencai-1 .box .text { float: left; width: 53%; padding-left: .8rem; }
.rencai-1 .box .text .sub-title { position: relative; z-index: 2; text-align: left; margin: .7rem 0 .35rem; }
.rencai-1 .box .text .txt { position: relative; padding: .5rem 0 .8rem; }
.rencai-1 .box .text .txt div { position: relative; z-index: 2; }
.rencai-1 .box .text .txt::after { content: ''; display: block; width: 1920px; height: 100%; background: #f4f4f4; position: absolute; z-index: 1; bottom: 0; left: -1000px; }
/* 我们的追求: */
.rencai-4 { position: relative; margin: 1rem 0; }
.rencai-4 .title { margin-top: 50px; }
.rencai-4 .box .img { position: relative; z-index: 2; float: right; width: 47%; padding-bottom: 35.25%; }
.rencai-4 .box .text { float: left; width: 53%; padding-right: 2.05rem; }
.rencai-4 .box .text .sub-title { position: relative; z-index: 2; text-align: left; margin: .7rem 0 .35rem; }
.rencai-4 .box .text .txt { position: relative; padding: .5rem 0 1.1rem; }
.rencai-4 .box .text .txt div { position: relative; z-index: 2; }
.rencai-4 .box .text .txt::after { content: ''; display: block; width: 1920px; height: 100%; background: #f4f4f4; position: absolute; z-index: 1; bottom: 0; right: -1130px; }
@media (max-width: 1024px) {
.rencai-1 { margin-top: 0; }
.rencai-1 .box .img { width: 100%; padding-bottom: 75%; }
.rencai-1 .box .text { width: 100%; padding-left: 0; }
.rencai-4 .box .img { width: 100%; padding-bottom: 75%; }
.rencai-4 .box .text { width: 100%; padding-right: 0; }
.rencai-1 .title { margin-top: 10px; }
.rencai-4 .title { margin-top: 10px; }
}
/* 列表 */
/* 列表 - 鼠标划入 */
.list-hover { cursor: pointer; }
/* 列表 - 标题 */
.list-title { font-size: 24px; color: #1e3247; transition: color .75s; line-height: 1.5; }
.list-hover:hover .list-title { color: #b42c33; }
/* 列表 - 其他信息(查看详情&发布日期) */
.list-info { position: relative; }
/* 列表 - 查看详情 */
a.list-detail { display: inline-block; color: inherit; transition: color .75s; }
/*.list-detail::before { content: '查看详情'; letter-spacing: .01rem; margin-right: .2rem; }*/
.list-detail::after { content: '\25b6'; font-family: 'icon' !important; vertical-align: middle; margin-left: .2rem; }
.list-hover:hover .list-detail { color: #b42c33; }
/* 列表 - 日期 */
.list-date { display: inline-block; position: absolute; top: 0; right: 0; opacity: .7; }
.list-date-top { display: block; }
/*.list-date-top::before { content: ''; }*/
/* 列表 - 分割线 */
.list-hr { position: relative; }
.list-hr::after { content: ''; display: block; width: 100%; height: 2px; background: #5f6266; opacity: .3; position: absolute; bottom: 0; left: 0; z-index: 1; }
.list-hr::before { content: ''; display: block; width: 0; transition: width .75s; height: 2px; background: #b42c33; position: absolute; bottom: 0; left: 0; z-index: 2; }
.list-hover:hover .list-hr::before { width: 100%; }
/* 列表 - 图片 */
.img { position: relative; overflow: hidden; width: 100%; height: 0; padding-bottom: 61.8%; background: #eee; border: 1px solid #eee; }
.img > img { width: 100%; height: auto; min-height: 100%; position: absolute; top: 0; left: 0; z-index: 1; transition: transform .75s; }
.img::after { content: ''; display: none; width: 100%; height: 100%; background: rgba(0,0,0,.2); position: absolute; top: 0; left: 0; z-index: 2; transition: background .75s; }
.list-hover:hover .img > img { transform: scale(1.1); }
.list-hover:hover .img::after { background: rgba(0,0,0,0); }
/* 新闻列表(二级页) */
.list-news { margin: 100px auto; }
.list-news li { position: relative; overflow: hidden; padding-left: 550px; margin-bottom: 60px; }
.list-news li.img_hide { padding-left: 0; }
.list-news li .img { width: 500px; padding-bottom: 0; height: 270px; position: absolute; top: 0; left: 0; }
.list-news li.img_hide .img { display: none; }
.list-news li .text { margin: 15px 0 30px; height: 64px; min-height: 48px; }
.list-news li .list-detail { margin-bottom: 60px; }
.list-news li .list-date { display: none; }
.list-news.list-news-hgsyb li { padding-left: 0; }
@media (max-width: 1366px) {
.list-news { margin: 50px auto; }
.list-news li { padding-left: 405px; margin-bottom: 30px; }
.list-news li .img { width: 375px; height: 202.5px; }
.list-news li .list-title { font-size: 22px; }
.list-news li .text { margin: 10px 0 10px; }
.list-news li a.list-detail { font-size: 14px; margin-bottom: 10px; }
.list-news li .list-date-top { font-size: 14px; }
}
@media (max-width: 1024px) {
.list-news { margin: 30px auto; }
}
/* 新闻列表(首页) */
.list-news-idx { margin-left: -.9rem; }
.list-news-idx li { width: 25%; padding-left: .9rem; margin-bottom: .5rem; }
.list-news-idx li .list-title { height: 78px; min-height: 36px; }
.list-news-idx li .text { margin: .15rem 0 .3rem; height: 64px; min-height: 48px; }
.list-news-idx .first { width: 100%; padding-left: 0; }
.list-news-idx .first > div { width: 50%; float: left; padding-left: .9rem; }
.list-news-idx .first .list-date-top { margin-top: .3rem; }
.list-news-idx .first .list-title { height: auto; min-height: auto; }
.list-news-idx .first .text { -webkit-line-clamp: 3; margin: .15rem 0 .5rem; height: 96px; min-height: 72px; }
.list-news-idx .first .img { padding-bottom: 54%; border: 1px solid #eee; }
.list-news-idx .first .list-info { display: none; }
@media (max-width: 1680px) {
.list-news-idx li { margin-bottom: 20px; }
.list-news-idx li .text { margin: 10px 0 15px; }
}
@media (max-width: 1366px) {
.list-news-idx .first .left { width: 37.5%; }
.list-news-idx .first .right { width: 62.5%; }
.list-news-idx .first .list-date-top { display: none; }
.list-news-idx .first .more { display: none; }
.list-news-idx .first .list-info { display: block; }
}
@media (max-width: 1024px) {
.list-news-idx .first .right { width: 100%; }
.list-news-idx li { width: 100%; padding-left: 0; margin-bottom: 10px; border-width: 0; background: #fff; padding: 10px 15px; }
.list-news-idx li .list-title { -webkit-line-clamp: 1; height: auto; min-height: auto; }
.list-news-idx li .text { display: none; }
.list-news-idx .first { padding-left: 15px; }
.list-news-idx .first > div.left { display: none; }
.list-news-idx .list-info { font-size: 14px; opacity: .7; }
}
/* 新闻列表(首页) - 出场动画 */
.p4.active .btm > div.active .list-news-idx li:nth-of-type(1) { animation: .75s fadeInUp .2s ease-in-out both; }
.p4.active .btm > div.active .list-news-idx li:nth-of-type(2) { animation: .75s fadeInUp .4s ease-in-out both; }
.p4.active .btm > div.active .list-news-idx li:nth-of-type(3) { animation: .75s fadeInUp .45s ease-in-out both; }
.p4.active .btm > div.active .list-news-idx li:nth-of-type(4) { animation: .75s fadeInUp .5s ease-in-out both; }
.p4.active .btm > div.active .list-news-idx li:nth-of-type(5) { animation: .75s fadeInUp .55s ease-in-out both; }
/* 详情页 */
.article { position: relative; width: 100%; max-width: 1100px; padding: 75px 100px; background: #fbfbfb; border: 1px solid #f2f2f2; margin: 50px auto; }
.article #Title { color: #1e3247; font-size: 26px; letter-spacing: 1px; padding: 10px 0 20px; text-align: center; }
.article #SubTitle {font-size:20px;text-align:right; padding-right:5%; margin-bottom: 40px;}
.article #xhx{border-bottom: 2px solid #eee;}
.article-date { color: #999; font-size: 15px; font-family: Arial; }
.article-content { color: #000; font-size: 16px; text-align: justify; text-align-last: left; text-justify: distribute; word-break: break-all; }
.article-content p { margin: 20px 0; text-align-last: auto; text-indent: 2em; }
.article-content p img { width: auto; max-width: 550px; display: block; margin: 30px auto; }
.article-content strong { font-weight: bold; }
@media (max-width: 1024px) {
.article { padding: 30px 15px; margin: 70px auto 0; }
.article #Title { font-size: 22px; line-height: 1.5; }
.article-content p img { max-width: 100%; margin: 20px auto; }
}
/* 网站地图 */
/*
.siteMap > li:nth-of-type(1),
.siteMap > li:nth-of-type(2),
.siteMap > li:nth-of-type(3),
.siteMap > li:nth-of-type(4),
.siteMap > li:nth-of-type(5),
.siteMap > li:nth-of-type(6),
.siteMap > li:nth-of-type(7) { display: none; }
.siteMap > li > a::first-letter { font-size: 0; }
*/
/* 党建与纪检 - 新闻列表(首页&二级页) */
.list-party { margin-left: -80px; margin-top: 100px; margin-bottom: 50px; }
.list-party.list-party-idx { margin-top: 0; }
.list-party li { width: 33.33%; padding-left: 80px; margin-bottom: 60px; }
.list-party li .img { padding-bottom: 50%; border: 1px solid #eee; }
.list-party li .list-title { height: 78px; margin: 35px 0 20px; }
.list-party li .text { -webkit-line-clamp: 3; height: 96px; min-height: 72px; }
.list-party li .list-info { margin-top: 20px; padding-bottom: 20px; }
@media (max-width: 1366px) {
.list-party { margin-left: -30px; margin-top: 50px; margin-bottom: 50px; }
.list-party li { padding-left: 30px; margin-bottom: 30px; }
.list-party li .list-title { font-size: 22px; height: 66px; margin: 10px 0; }
.list-party li .list-info { margin-top: 10px; padding-bottom: 10px; }
}
@media (max-width: 1024px) {
.list-party { margin-top: 30px; margin-bottom: 30px; }
.list-party.list-party-idx { margin-left: 0; }
.list-party.list-party-idx li { background: #fbfbfb; padding: 10px 15px; box-sizing: border-box; margin-bottom: 10px; }
.list-party.list-party-idx li .list-info { font-size: 14px; opacity: .7; padding-bottom: 0; }
.list-party.list-party-idx li .list-hr::after { display: none; }
.list-party.list-party-idx li .list-hr { position: relative; padding-left: 135px; }
.list-party.list-party-idx li .img { width: 125px; padding-bottom: 0; height: 70px; position: absolute; top: 0; left: 0; }
}
.p5.active .btm > div.active .list-party-idx li:nth-of-type(1) .list-item { animation: .75s fadeInUp .3s ease-in-out both; }
.p5.active .btm > div.active .list-party-idx li:nth-of-type(2) .list-item { animation: .75s fadeInUp .35s ease-in-out both; }
.p5.active .btm > div.active .list-party-idx li:nth-of-type(3) .list-item { animation: .75s fadeInUp .4s ease-in-out both; }
/* 元素加载动画(二级页) */
/*.wow, .i-pager { animation: 1s fadeInUp ease-in-out both; }*/
/* 主营产品 */
.product { }
.product .left { width: 50%; float: left; }
.product .right { width: 50%; float: left; }
.product-jj { position: relative; z-index: 2; padding-right: 1.6rem; margin-bottom: .7rem; margin-top: 100px; overflow: hidden; }
.product-jj li { display: none; }
.product-jj li.active { display: block; }
.product-jj h2 { color: #1e3247; font-weight: bold; font-size: .42rem; margin-bottom: .2rem; margin-top: 1.3rem; }
.product-jj .txt p { line-height: 2; margin-bottom: .15rem; }
@media (max-width: 1024px) {
.product-jj { margin: 30px auto; }
}
/* 背景图片(产品中心) */
.pro-bg { position: relative; }
.pro-bg img { position: absolute; width: 100vw; bottom: -2.15rem; left: -9.6rem; z-index: 0; }
.pro-bg .edit-handle { position: relative; z-index: 2; }
.pro-bg .news-title { display: none; }
/* 左右按钮 */
.pro-sw-btn { position: relative; width: 100%; height: .85rem; }
.pro-sw-btn .sw-btn { width: .85rem; height: .85rem; border-radius: 50%; border: 2px dotted #5f6266; line-height: .81rem; text-align: center; font-size: .18rem; position: absolute; top: 0; left: 0; transition: color .5s,border-color .5s,background .5s; }
.pro-sw-btn .sw-btn:hover { color: #fff; border-color: #b42c33; background: #b42c33; }
.pro-sw-btn .sw-btn::after { content: "\25b6"; font-family: icon; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.pro-sw-btn .swiper-button-prev::after { transform: rotate(180deg); }
.pro-sw-btn .swiper-button-next { left: 1.15rem; right: auto; }
/* 产品图片(轮播) */
.pro-sw-box { position: relative; width: 6rem; height: 6rem; border-radius: 50%; border: 1px solid #0051a2; padding: .6rem; z-index: 2; margin-bottom: 1rem; margin-top: 100px; }
.pro-sw { width: 100%; height: 100%; border-radius: 50%; box-shadow: 5px 5px 30px rgba(0,0,0,.1); }
.pro-sw .swiper-slide { position: relative; text-align: center; line-height: 5.7rem; }
.pro-sw .swiper-slide img { position: absolute; top: 0; left: 0; width: 100%; height: auto; min-height: 100%; z-index: 1; }
.pro-sw .swiper-slide .edit-handle { position: relative; z-index: 2; }
.pro-sw .swiper-slide .news-title { display: none; }
/* 文章内容(产品中心) */
.pro-con-w { position: relative; z-index: 2; width: 100%; padding-left: 2.5rem; }
.pro-con-bg { background: #f8f8f8; padding: 1rem 3.5rem 1rem 1rem; }
.pro-con { width: 100%; margin: 0 auto; }
.pro-con-tit { margin-bottom: .5rem; display: none; }
.pro-con-con { font-size: .18rem; color: #333; overflow: hidden; }
.pro-con-con li p { font-size: 18px; color: #333; }
.pro-con-tit .h1 { font-size: .4rem; font-weight: bold; margin-bottom: .1rem; }
.pro-con-tit .en { font-size: .16rem; text-transform: uppercase; opacity: .5; }
.pro-con-lis-2 { margin-left: -.5rem; margin-bottom: .5rem; }
.pro-con-lis-2 li { width: 50%; padding-left: .5rem; }
.pro-con-lis-2 li p { line-height: 1.8; }
.pro-con-lis-2 li p.pro-con-tit2-en { color: #999; font-size: 0; }
.pro-con-con img { width: 100%; }
.pro-con-con > p > img { margin-bottom: .5rem; }
.pro-con-tit2 { font-size: .3rem; font-weight: bold; color: #0051a2; }
.pro-con-tit2-en { font-size: 0; text-transform: uppercase; margin-bottom: .5rem; color: #999; }
.pro-con-hr { border: 0; width: 100%; height: 1px; background: #ccc; margin-bottom: .5rem; }
@media (max-width: 1024px) {
.pro-con-bg { padding: .5rem .1rem; }
.product .left { width: 100%; }
.product .right { width: 100%; }
.product-jj { padding-right: 0; }
.product-jj h2 { margin-top: 0; }
.pro-sw-box { width: 5rem; height: 5rem; margin: -40px auto 30px; }
.pro-bg img { bottom: 0; right: -0.4rem; }
.pro-sw-btn .swiper-button-next { left: auto; right: 0; }
.pro-con-w { padding-left: 0; }
.pro-con { padding: .4rem; }
.pro-con-c img { max-width: 100%; }
.pro-con-lis-2 li { width: 100%; }
.pro-con-lis-2 li p { font-size: 16px; }
.pro-con-tit2 { font-size: 20px; }
.pro-con-con { font-size: 16px; }
}
@media (max-width: 1024px) {
.list-title { font-size: 18px; font-weight: bold; }
.list-hr::after { height: 1px; }
.list-hr::before { height: 1px; }
.list-news li { padding-left: 0; margin-bottom: .4rem; }
.list-news li .img { width: 100%; padding-bottom: 53%; height: 0; position: relative; top: auto; left: auto; }
.list-news li .list-date-top { display: none; }
.list-news li .list-title { margin-top: .15rem; }
.list-news li .txt { margin: .1rem 0; }
.list-news li .text { height: 1.12rem; }
.list-news li .list-detail { margin-bottom: .15rem; }
.list-news li .list-date { display: inline-block; }
.list-news-idx { margin-left: 0; }
.list-news-idx .first > div { width: 100%; padding-left: 0; }
.list-news-idx .first .list-date-top { display: none; }
.list-news-idx .first .text { display: none; }
.list-news-idx .first .more { display: none; }
.list-news-idx .first .list-info { display: block; }
.page > .left { float: left; width: 100%; }
.page > .right { float: left; width: 100%; }
/* 新闻详情页 - 新闻列表 */
.list-page { margin: 0 0 .8rem; padding-right: 0; }
.list-page::before { display: none; }
.list-page li { width: 100%; margin-bottom: .4rem; padding-left: 0; }
.list-page li .list-hr { padding-bottom: .1rem; }
.list-party li { width: 100%; margin-bottom: 40px; }
.list-party li .list-title { -webkit-line-clamp: 1; height: auto; min-height: auto; margin: 15px 0 10px; }
.list-party li .text { -webkit-line-clamp: 2; height: 1.12rem; min-height: 48px; }
.list-party-idx li:nth-of-type(1) .img { display: block; }
.list-party-idx li .text { display: none; }
.list-party-idx li .list-title { margin: 10px 0 0; font-size: 18px; }
.p4 .top > div:nth-last-of-type(1) { display: block; float: none; }
.p4 .btm { margin-top: .2rem; height: 450px; }
.p4 .switch li { width: 23.5%; margin-right: 2%; }
.p4 .switch li:nth-last-of-type(1) { margin-right: 0; }
.p5 .top > div:nth-last-of-type(1) { display: block; float: none; }
.p5 .btm { margin-top: .2rem; }
.p5 .switch li { width: 23.5%; margin-right: 2%; }
.p5 .switch li:nth-last-of-type(1) { margin-right: 0; }
}
/* 搜索页 */
.G-search { width: 100%; max-width: 1100px; padding: 50px; margin: 50px auto; background: #f5f5f5; border: 1px solid #eee; }
.G-search .lbl-common { text-align: left; font-size: 14px; font-weight: bold; color: #666; }
.G-search .txt-common { margin-right: 50px; }
.G-search .cb-common { width: 100px; display: inline-block; margin-bottom: 15px; position: relative; padding-left: 20px; }
.G-search .cb-common input[type="checkbox"] { position: absolute; left: 0; top: 7px; }
.G-search .btn-Save { padding: 5px; margin-left: 20px; }
.G-search .G-result-relative { border-bottom: 1px solid #ddd; margin-bottom: 20px; font-size: 14px; color: #999; padding-bottom: 5px; }
.G-search .G-result-relative span:nth-of-type(1) { padding-left: 0; }
.G-search select { border: 1px solid #ddd; padding: 3px 0; }
.G-search .s-result-item { background: #fff; padding: 20px 30px 25px; margin-bottom: 20px; border-radius: 5px; border: 1px solid #eee; }
.G-search .s-result-item-title { font-size: 20px; font-weight: bold; margin-bottom: 40px; }
.G-search .s-result-item-title a { color: #333; transition: color .3s; }
.G-search .s-result-item-title a:hover { color: #b42c33; }
.G-search .s-result-item-content { font-size: 16px; color: #777; line-height: 1.5; height: 72px; overflow: hidden; text-align: justify; text-align-last: left; text-justify: distribute; word-break: break-all; display: block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
@media (max-width: 1024px) {
.G-search { padding: 15px; margin: 70px auto 0; }
.div-item { height: auto !important; }
.G-search .s-result-item { padding: 10px 15px; margin-bottom: 10px; }
.G-search .s-result-item-title { margin-bottom: 10px; font-size: 18px; }
.G-search .s-result-item-title span { font-size: 16px; font-weight: normal; }
.G-search .s-result-item-title a { width: 100%; height: auto; }
}
/* 分页 */
.i-pager { text-align: center; height: auto; }
.i-pager a { width: 50px; height: 50px; margin: 0 5px; border: 2px dotted #999; border-radius: 5px; text-align: center; line-height: 46px; font-size: 16px; color: #666 !important; background-color: transparent; margin-bottom: 10px; transition: border .3s, color .3s; }
.i-pager a.i-pager-first, .i-pager a.i-pager-prev, .i-pager a.i-pager-next, .i-pager a.i-pager-last { width: auto; padding: 0 20px; font-size: 14px; font-weight: bold; }
.i-pager a:hover, .i-pager a.i-pager-item-active { border: 2px solid #b42c33; background-color: transparent; }
.i-pager a:hover span, .i-pager a.i-pager-item-active span {color: #b42c33; }
.i-pager-info { height: 50px; margin: 0 5px; border: 2px dotted #eee; background: #eee; padding: 0 10px; border-radius: 5px; text-align: center; line-height: 44px; font-size: 14px; }
.i-pager-info span { background: #eee; color: #666; }
.G-search .i-pager { margin-top: 50px; }
.G-search .i-pager a { width: 40px; height: 40px; line-height: 36px; font-size: 14px; }
.G-search .i-pager a.i-pager-first, .G-search .i-pager a.i-pager-prev, .G-search .i-pager a.i-pager-next, .G-search .i-pager a.i-pager-last { width: auto; padding: 0 15px; }
.G-search .i-pager-info { height: 40px; line-height: 34px; padding: 0 5px; }
@media (max-width: 1024px) {
.i-pager a { width: 30px; height: 30px; font-size: 14px; line-height: 26px; border-radius: 3px; }
.i-pager-info { height: 30px; line-height: 24px; }
.G-search .i-pager { margin-top: 30px; }
}
/* 市场地位 */
.scdw { padding: 90px 0; }
.scdw .text { color: #1e3247; font-size: 16px; margin-bottom: 50px; }
.scdw img { width: 100%; }
/* 营销模式&营销网络 */
.yx { position: relative; overflow: hidden; background: #FAFAFA; padding: 90px 0; }
.yx img { width: 100%; }
.yx::after { content: ''; display: block; width: 50%; height: 100%; background: #F6F6F6; position: absolute; top: 0; right: 0; z-index: 0; }
.yx .wrapper > div { float: left; width: 50%; position: relative; z-index: 1; }
.yx .text { color: #1e3247; font-size: 16px; margin-bottom: 50px; }
.yxms { padding-right: 90px; }
.yxwl { padding-left: 90px; }
.yxwl img { width: 125%; }
/* 仓储物流&金融服务 */
.ccjr { position: relative; overflow: hidden; background: #F6F6F6; padding: 90px 0; }
.ccjr img { width: 100%; }
.ccjr::after { content: ''; display: block; width: 50%; height: 100%; background: #FAFAFA url(/Portals/33/Skins/zhsl-new/themes/img/jrfw-bg.png) no-repeat bottom left; position: absolute; top: 0; right: 0; z-index: 0; }
.ccjr .wrapper > div { float: left; width: 50%; position: relative; z-index: 1; }
.ccjr .text { color: #1e3247; font-size: 16px; margin-bottom: 50px; }
.ccwl { padding-right: 90px; }
.jrfw { padding-left: 90px; }
.jrfw .text { width: 30%; }
.jrfw img { position: absolute; top: 60px; width: 77%; right: 0; }
/* 公司简介 */
.gsjj { position: relative; overflow: hidden; background: #F7F8F9; padding: 90px 0; }
.gsjj::after { content: ''; display: block; width: 50%; height: 100%; background: #FAFAFA url(/Portals/33/Skins/zhsl-new/themes/img/gsjj-bg.jpg) no-repeat top right / cover; position: absolute; top: 0; left: 0; z-index: 0; }
.gsjj .wrapper > div { float: left; width: 50%; position: relative; z-index: 1; }
.gsjj .left { opacity: 0; }
.gsjj .right { padding-left: 90px; }
.gsjj .text { color: #1e3247; font-size: 16px; margin-bottom: 50px; }
.gsjj .about-list li { width: 50% !important; }
.gsjj .txt p { display: block; float: left; width: 50%; padding: 0 10px 0 0.1rem; background: url(../img/icon/icon-abt-top.png) no-repeat left 0.09rem / 0.03rem 0.15rem; }
/* 产品详情 图片列表 */
.list-img-3 { margin-left: -20px; }
.list-img-3 li { padding-left: 20px; width: 33.33%; }
.list-img-3 li div { position: relative; width: 100%; height: 0; padding-bottom: 75%; background: #eee; overflow: hidden; cursor: pointer; }
.list-img-3 li div i { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: 1px solid #eee; text-align: center; }
.list-img-3 li div i img { width: 100%; min-height: 100%; }
.list-img-3 li div i b { display: block; width: 100px; height: 30px; background: rgba(0,0,0,.1); position: absolute; right: 0; bottom: 0; font-size: 14px; font-style: normal; color: #999; transition: background .3s, color .3s; }
.list-img-3 li div:hover b { background: #0599D2; color: #fff; }
@media (max-width: 1024px) {
.list-img-3 li { width: 100%; margin-bottom: 10px; }
.list-img-3 li div i b { color: #333; }
}
/* 林浆纸 */
.list-img-3-ljz li:nth-of-type(1) i { padding: 2% 0; }
.list-img-3-ljz li:nth-of-type(1) i img { width: auto; height: 100%; }
.list-img-3-ljz li:nth-of-type(2) i { padding: 2% 0; }
.list-img-3-ljz li:nth-of-type(2) i img { width: auto; height: 100%; }
.list-img-3-ljz li:nth-of-type(3) i { padding: 2%; }
.list-img-3-ljz li:nth-of-type(3) i img { width: 100%; height: auto; }
/* 点击图片放大 */
.list-img-enlarge { position: fixed; z-index: 100; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); text-align: center; padding: 80px; display: none; }
.list-img-enlarge img { width: auto; height: 100%; display: none; position: relative; z-index: 0; }
.list-img-enlarge .btn-close { position: absolute; width: 40px; height: 40px; top: 80px; right: 80px; z-index: 1; cursor: pointer; }
.list-img-enlarge .btn-close i { width: 100%; height: 4px; background: #eee; position: absolute; top: 50%; margin-top: -2px; left: 0; display: block; font-size: 0; }
.list-img-enlarge .btn-close i:nth-of-type(1) { transform: rotate(45deg); }
.list-img-enlarge .btn-close i:nth-of-type(2) { transform: rotate(-45deg); }
.ul-scdw li { width: 33.33%; text-align: center; }
.ul-scdw li img { width: auto; max-width: 100%; }
@media (max-width: 1024px) {
.list-img-enlarge { padding: 10px; }
.list-img-enlarge img { height: auto; max-width: 100%; margin: 100px 0; }
.list-img-enlarge .btn-close { top: 70px; right: 10px; }
}
/* 人才素质 */
@keyframes join-02-ani {
0% { width: 100%; height: 100%; margin-top: -50%; margin-left: -50%; opacity: .5; }
50% { width: 200%; height: 200%; margin-top: -100%; margin-left: -100%; opacity: 0; }
50.01% { width: 100%; height: 100%; margin-top: -50%; margin-left: -50%; opacity: 0; }
100% { width: 100%; height: 100%; margin-top: -50%; margin-left: -50%; opacity: .5; }
}
.join-02 { background: url("../img/join-02-bg.jpg") no-repeat center bottom / contain; padding-bottom: 300px; margin-top: 100px; }
.join-02 .list li { width: 25%; text-align: center; }
.join-02 .list li:nth-of-type(1) { width: 100%; margin-bottom: 80px; }
.join-02 .list li h3 { position: relative; z-index: 0; font-size: 58px; color: #0051a2; font-weight: bold; margin-bottom: 50px; }
.join-02 .list li h3 span { display: block; position: relative; width: 170px; height: 170px; line-height: 164px; border-radius: 50%; border: 3px solid #0152A3; text-align: center; margin: 0 auto; }
.join-02 .list li h3 span b { position: relative; z-index: 1; display: block; width: 100%; height: 100%; border-radius: 50%; background: #fff; }
.join-02 .list li h3 span i { display: block; z-index: 0; width: 170px; height: 170px; border-radius: 50%; border: 3px solid #0152A3; position: absolute; top: 50%; left: 50%; margin-top: -85px; margin-left: -85px; opacity: .5; }
.join-02 .list li h3 span i:nth-of-type(1) { animation: 3s join-02-ani ease-in-out infinite; }
.join-02 .list li h3 span i:nth-of-type(2) { animation: 3s join-02-ani ease-in-out infinite .5s; }
.join-02 .list li .text { position: relative; z-index: 1; font-size: 18px; color: #000; }
.join-02 .list li .text p { line-height: 2; }
@media (max-width: 1024px) {
.join-02 { padding-bottom: 30px; margin-top: 30px; }
.join-02 .list li { width: 50%; margin-bottom: 30px; }
.join-02 .list li:nth-of-type(1) { margin-bottom: 30px; }
.join-02 .list li h3 { font-size: 20px; margin-bottom: 20px; }
.join-02 .list li h3 span { width: 70px; height: 70px; line-height: 64px; }
.join-02 .list li .text { font-size: 16px; }
}
/* 联系方式 */
.contact { background: url("../img/join-03-bg.png") no-repeat center / cover fixed; overflow: hidden; }
.join-03 { }
.join-03 .list { margin-left: -60px; }
.join-03 .list li { width: 33.33%; padding-left: 60px; margin-bottom: 60px; }
.join-03 .list li .item { position: relative; overflow: hidden; padding: 0 45px; height: 380px; background: #f4f4f4; }
.join-03 .list li .item h3 { font-size: 32px; color: #1e3247; margin-top: 15px; font-weight: bold; }
.join-03 .list li .item h4 { font-size: 26px; color: #1e3247; margin-bottom: 30px; }
.join-03 .list li .item .el { padding-left: 50px; background: no-repeat 0 center / 40px 40px; margin-bottom: 20px; }
.join-03 .list li .item .el.dz { background-image: url("../img/icon/icon-contact-dz.png"); background-position: 0 top; min-height: 62px; }
.join-03 .list li .item .el.dh { background-image: url("../img/icon/icon-contact-dh.png"); }
.join-03 .list li .item .el.cz { background-image: url("../img/icon/icon-contact-cz.png"); }
@media (max-width: 1024px) {
.join-03 .list li { width: 100%; margin-bottom: 15px; }
.join-03 .list li .item { padding: 15px; height: auto; }
.join-03 .list li .item h3 { font-size: 22px; margin-top: 5px; }
.join-03 .list li .item h4 { font-size: 18px; margin-bottom: 10px; }
}
/* 首页手机banner */
.m-index-banner { display: none; font-size: 0; }
.m-index-banner img { width: 100%; }
@media (max-width: 1024px) {
.m-index-banner { display: block; }
}
/* 产品中心手机banner */
@media (max-width: 1024px) {
.pro-banner { background-image: url("../img/pro-banner.png") !important; }
}
#subnav { position: absolute; left: 0; bottom: 0; }
@media (max-width: 1024px) {
#subnav { bottom: 70px; }
}
#QuoteTitle { font-size: 22px; text-align: center; }
@media (max-width: 1024px) {
#QuoteTitle { font-size: 16px; }
}