@charset "UTF-8";
/*
    Css for PEL,    ver 1.0
    CopyRight By Dongyi Network Technology CO.,Ltd Design Center

    本网站通用布局
*/

/* Css Reset */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
img { padding: 0; margin: 0;}
table { border-collapse: collapse; border-spacing: 0;}
fieldset,
img { vertical-align: top; border: 0;}
address,
caption,
cite,
code,
dfn,
em,
th,
var,
i { font-weight: normal; font-style: normal;}
ol,
ul,
li { list-style: none;}
div,
dl,
dt,
dd,
ol,
ul,
li { zoom: 1;}
caption,
th { text-align: left;}
h1,
h2,
h3,
h4,
h5,
h6 { font-weight: normal; font-size: 100%;}
q:before,
q:after { content: "";}
abbr,
acronym { border: 0;}
pre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; font-size: 16px; line-height: 1.8; font-family:"Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;}
article,
aside,
dialog,
footer,
header,
section,
footer,
nav,
figure,
menu,
time { margin: 0; padding: 0; display: block; zoom: 1;}

/* Public */
body { color: #333; font-size: 16px; line-height: 36px; font-family:"Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif; text-align: center; -webkit-text-size-adjust: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased;}
a { color: #333; text-decoration: none; outline: none;}
a:hover { color: var(--color-background); text-decoration: none;}
.clearbox { border: none; border-top: 1px solid transparent !important; clear: both; font-size: 0; height: 0; line-height: 0; margin-top: -1px !important; visibility: hidden;}
.blank { display: block; height: 40px; font-size: 0px; line-height: 0; overflow: hidden; clear: both;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .clearfix { height: 1%;}
*+html .clearfix { min-height: 1%;}
.fl { float: left !important;}
.fr { float: right !important;}
.hide { display: none;}
input[type="button"],
input[type="submit"],
input[type="file"],
button { cursor: pointer; -webkit-appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}

/* frame */
html {}
body { text-align: center; min-width: 1600px;}
.siteWidth,.container { position: relative; max-width: 1600px; margin: 0 auto;}
#content { clear: both; width: 1600px; min-height: 300px; text-align: left; margin: 0 auto;}


/* header --------------------------------------- */
#header { position: fixed; top: 0; left: 0; right: 0; padding-top: 5px; z-index: 11; min-width: 1600px; }
#header::before { border-top: 8px solid #003F65; display: block; content: ""; background: linear-gradient(180deg, #85191E 0%, rgba(133, 25, 30, 0) 100%); position: absolute; top: 0; left: 0; right: 0; height: 180px; }
#header .container { display: flex; align-items: center; justify-content: space-between; gap: 90px; height: 150px; transition:0.5s; }

#logo { flex-shrink: 0; } 
#logo img { max-width: 400px; transition: 0.4s; }

.navBar { flex: 1 0 0%; min-width: 0; }


/* 主导航 */
.topNav { height:50px; transition:0.5s; position: relative; padding-right: 50px; }
.topNav .mainNav { height:50px; display:flex; justify-content: flex-end; margin: 0 0 0 30px;}
.topNav .mainNav .li1 { position: relative; flex: auto; }
.topNav .mainNav .a1 { display: flex; align-items: center; gap: 8px; justify-content: center; position: relative; white-space: nowrap; font-weight: normal; transition: transform 0.4s; color: #fff; line-height: 50px; font-size: 20px; font-weight: bold; }
.topNav .mainNav .hasUl1 .a1::after { content: "\E615"; font-weight: normal; font-family: iconfont; font-size: var(--text-font-date); }
.topNav .mainNav .ul1 { display: none; position: absolute; border-top: 5px solid var(--color-background); filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.5)); top: 100%; left: -10%; width: 120%; background-color: #fff;}
.topNav .mainNav .li2 { border-bottom: 1px solid #eee; }
.topNav .mainNav .last2 { border-bottom: none; }
.topNav .mainNav .a2 { display: block; font-size: var(--text-font-intro); line-height: 24px; padding: 10px; text-align: center; transition: all ease 0.5s;}
.topNav .mainNav .a2:hover { color: #fff; background: var(--color-background); }
.topNav #li-home { display: none; }
.topNav .mainNav .ul1::before { display: block; content: ""; z-index: 1; position: absolute; left: 50%; top: -19px; transform: translateX(-50%); width: 0; height: 0; border: 7px solid transparent; border-bottom: 7px solid var(--color-background); }


/*翻转*/
.topNav .mainNav .h1 { overflow: hidden;}
.topNav .mainNav .a1:before { position: absolute; top: 100%; content: attr(title); color: #fff; font-weight: bold; }
.topNav .mainNav .li1:hover .a1 { transform: translateY(-100%); }
.topNav .mainNav #li-home:hover .a1 { transform: translateY(0); color: #fff; font-weight: bold; }


/* topBtns */
.navBar .topBtns { font-size: var(--text-font-intro); height: 50px; margin-bottom: 10px; display: flex; align-items:center; justify-content: flex-end; }
.navBar .topBtns > ul { display:flex; gap: 20px; }
.navBar .topBtns ul > li { cursor:pointer; transition: 0.3s; display: flex; align-items: center; }
.navBar .topBtns ul > li > a {background-color: #fff;transition: 0.5s;text-align: center;display: block;padding: 0 15px;border-radius: 40px;height: 30px;line-height: 30px;font-size: var(--text-font-date);}
.navBar .topBtns ul > li.on > a,
.navBar .topBtns ul > li > a:hover { color: #fff; background-color: #E71E24; }
.navBar .topBtns ul > li.sign { background-color: #fff; border-radius: 40px; font-size: var(--text-font-date); padding: 0 7px 0 15px; }
.navBar .userLogged .userDropdown .avatar { display: none;}
.navBar .userLogged .userDropdown .nickname:hover { color: var(--color-background); }
.navBar .userLogged .userDropdown .ud-bd li a:hover { background: none; color: var(--color-background); }

/* topBtn-search */
.topBtn-search { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 50px; text-align: right; }
.topBtn-search::before { position: absolute; display: block; content: ""; left: 8px; top: 50%; transform: translateY(-50%); width: 1px; height: 20px; background-color: #fff; }
.topBtn-search a::before { content: "\E642"; font-family: iconfont; font-size: 30px; line-height: 40px; color: #fff; }
.topBtn-search a:hover::before { color: #E71E24; }


/* fixed-show */
#header.fixed-show { position:fixed; visibility: visible !important; height: 100px; animation: fadeInDown 1s ease 0s 1; box-shadow:0px 0px 12px rgba(0, 0, 0, 0.3); }
#header.fixed-show > .container { transition:0.5s; height: 135px; }
#header.fixed-show::before { height: 135px; background: var(--color-background); }
#header.fixed-show::after { background: var(--color-background); }
#header.fixed-show .mainNav .a1:before,
#header.fixed-show .mainNav #li-home:hover .a1 { color: #fff;  }

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
   }
    100% {
        opacity: 1;
        transform: none;
    }
}



/* 搜索框 */
.searchBar { position: fixed; left: 0; top: -100%; opacity: 0; transition: all ease 0.5s; width: 100%; background-color: rgba(0, 0, 0, 0.7); height: 100vh; }
.searchBar.show { top: 0; opacity: 1; z-index: 12;}
.searchBar .hd { text-align: right; font-size: 0; line-height: 1; }
.searchBar .hd .close { position: absolute; top: 150px; right: 0; width: 50px; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 46px; transition: all ease 0.6s; }
.searchBar .hd .close::before { font-family: iconfont; font-size: 40px; content: "\E617"; }
.searchBar .hd .close:hover { transform: rotate(180deg); }
.searchBar .bd { display: flex; align-items: center; height: 100vh; }
.s-form { margin: 0 auto; width: 80%; display: block; line-height: 1; border-bottom: 1px solid #fff; display: flex; }
.s-form .select-box { display: none; }
.s-form .input-box { position: relative; flex: 1 1 0%; }
.s-form .input-box input { display: block; width: 100%; height: auto; padding: 40px 20px; line-height: 40px; border: 0; outline: none; background: none; color: #fff; font-size: 24px; box-sizing: border-box; }
.s-form .input-box .dropdown-word { position: absolute; top: 100%; width: 100%; left: 0; font-size: 16px; color: #333; border-radius: 5px; border: 1px solid #ddd; }
.s-form .input-box .dropdown-word ul { padding: 10px 0; }
.s-form .input-box .dropdown-word ul li { line-height: 40px; height: 40px; padding: 0 20px; text-indent: 0; }
.s-form .btn-box .btn { background: none; border: none; padding: 0 35px; height: 120px; line-height: 120px; color: #fff; font-size: 50px; }
.s-form .link-box { display: none; }
.s-form .input-box input::-webkit-input-placeholder  { color: #fff; }
.s-form .input-box input:-ms-input-placeholder  { color: #fff; }
.s-form .input-box input::placeholder  { color: #fff; }

/* 弹出式导航 */
.PupNavBar { position: fixed; opacity: 0; height: 100vh; top: -100%; box-sizing: border-box; left: 0; width: 100%; padding: 70px 0; background: rgba(0, 0, 0, 0.85); transition: all ease .5s; }
.PupNavBar.on { top: 0; opacity: 1; z-index: 12; }
.navBox { padding: 80px 0; }
.navBox > .hd { text-align: right; font-size: 0; line-height: 1; }
.navBox > .bd { padding-top: 50px; }
.fa-power-close:before { display: block; content: "\E608"; font-family: "font-webicon"; position: absolute; top: 0; right: 0; width: 50px; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 30px; transition: all ease 0.6s; }
.fa-power-close:hover:before { transform: rotate(180deg);  }

/* box-iconfont */
.box-iconfont .hd { position: fixed; cursor: pointer; transition: 0.5s; width: 170px; height: 170px; right: -70px; top: 50%; border-radius: 100%; margin-top: -85px;; z-index: 5;}
.box-iconfont .hd .bg { display: block; transition: 0.5s; }
.box-iconfont .hd .bg::before { width: 100%; height: 100%; display: block; content: ""; position: absolute; top: 0; left: 0; border-radius: 100%; background: url(../img/red-bg.png) no-repeat center; background-size: 100% 100%; animation: circle 15s linear infinite; }
.box-iconfont .hd h3 { position: relative; z-index: 2; padding-left: 38px; padding-right: 22px; background: url(../img/bg-ax.png) no-repeat center; color: #fff; z-index: 1; font-weight: bold; height: 100%; display: flex; align-items: center; font-size: var(--text-font-title); color: #fff; width: 40px; text-align: center; line-height: 1.2;}
.box-iconfont .hd:hover { transform: scale(1.1); }
.box-iconfont .bd { position: fixed; z-index: 10; height: 100vh; left: 100%; box-sizing: border-box; top: 0; width: 100%; padding: 30px 0; transition: all ease .5s; background: url(../img/bg-blue.jpg) no-repeat center; background-size: cover; }
.box-iconfont .bd.show { left: 0; z-index: 12; overflow: hidden; }
.box-iconfont .container { display: flex; flex-direction: column; justify-content: center; gap: 100px; }
.box-iconfont .pic { display: flex; justify-content: space-between; height: 135px; }
.box-iconfont .pic-logo img { max-height: 100px; }
.box-iconfont .pic-txt { margin-top: auto; margin-left: auto; }
.box-iconfont .icon-list { display: flex; flex-wrap: wrap; column-gap: 1.875%; row-gap: 30px; }
.box-iconfont .icon-list li { width: 15%; transition: 0.5s; }
.box-iconfont .icon-list li a { background-color: rgba(255, 255, 255, 0.1); font-size: 20px; font-weight: bold; color: #fff; padding: 40px 0; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 10px; overflow: hidden; gap: 20px; transition: 0.5s; display: flex; flex-direction: column; }
.box-iconfont .icon-list li a::before { content: "\E689"; font-family: iconfont; font-size: 70px; font-weight: normal; transition: 0.5s; }
.box-iconfont .icon-list .li2 a::before { content: "\E690"; }
.box-iconfont .icon-list .li3 a::before { content: "\E691"; }
.box-iconfont .icon-list .li4 a::before { content: "\E692"; }
.box-iconfont .icon-list .li5 a::before { content: "\E693"; }
.box-iconfont .icon-list .li6 a::before { content: "\E694"; }
.box-iconfont .icon-list .li7 a::before { content: "\E695"; }
.box-iconfont .icon-list .li8 a::before { content: "\E696"; }
.box-iconfont .icon-list .li9 a::before { content: "\E697"; }
.box-iconfont .icon-list .li10 a::before { content: "\E698"; }
.box-iconfont .icon-list .li11 a::before { content: "\E699"; }
.box-iconfont .icon-list .li12 a::before { content: "\E700"; }
.box-iconfont .icon-list li:hover { transform: translateY(-10px);  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);}
.box-iconfont .icon-list li:hover a { background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.4);}
.box-iconfont .icon-list li:hover a::before { transform: rotateY(180deg); }
.box-iconfont .btn-close { padding: 5px; position: absolute; top: 50%; right: -90px; margin-top: -85px; transition: 0.5s; }
.box-iconfont .btn-close::before { display: block; animation: circle 15s linear infinite; content: ""; position: absolute; border-radius: 100%; border: 1px dashed #fff; top: 0; left: 0; right: 0; bottom: 0; }
.box-iconfont .btn-close a { display: flex; align-items: center; padding-left: 20px; box-sizing: border-box; width: 160px; height: 160px; border-radius: 100%; background: var(--color-background); }
.box-iconfont .btn-close a:before { content: "\E617"; font-family: "iconfont"; color: #fff; font-size: 36px; transition: all ease 0.6s; }
.box-iconfont .btn-close:hover { transform: scale(1.05); }
.box-iconfont .btn-close:hover a:before { transform: rotate(180deg);  }
.box-iconfont .btn-close a::after { display: block; content: ""; position: absolute; inset: 0; z-index: 2; }

/* 旋转 */
@keyframes circle{
    0%{transform: rotate(0)}
    100%{transform: rotate(360deg)}
}
@keyframes circle-reverse{
    0%{transform: rotate(0)}
    100%{transform: rotate(-360deg)}
}


/* 首页大广告图-indBanner*/
.indBanner { overflow: hidden; min-height: 200px; position: relative; width: 100%; height: 100vh;}
.indBanner::after { content: ""; display: block; height: 300px; position: absolute; bottom: 0px; left: 0px; right: 0px; background: linear-gradient(180deg, rgba(59, 11, 7, 0) 0%, rgba(59, 11, 7, 0.8) 100%); z-index: 2 }
.indBanner .swiper-slide { overflow: hidden; }
.indBanner .swiper-slide .pic img { width: 100%; min-width: 1400px; height: calc(100vh + 80px); transform: translateY(0); transition: 1s linear 2s; object-fit: cover; }
.indBanner .swiper-slide-active .pic img { transition: 8s linear; transform: translateY(-80px); }
.indBanner .swiper-slide .videoLink { position: absolute; left: 0px; top: 0; right: 0; bottom: 0; display: block; }
.indBanner .swiper-slide video { object-fit: fill; width: 100%; height: auto; max-height: 100vh; }
.indBanner .swiper-slide .title { height: 50px; line-height: 50px; font-size: 24px; color: #fff; padding-left: 15px; position: relative; display: none; }
.indBanner .swiper-pagination { bottom: 40px !important; z-index: 3; position: absolute; display: flex; align-items: center; justify-content: center;  }
.indBanner .swiper-pagination .swiper-pagination-bullet { width: 50px; justify-content: space-between; position: relative; opacity: 1; content: ""; display: flex; align-items: center; background: none; }
.indBanner .swiper-pagination .swiper-pagination-bullet::after { content: ""; border: 1px solid rgba(255, 255, 255, 0.6); width: 10px; height: 10px; border-radius: 100%; }
.indBanner .swiper-pagination .swiper-pagination-bullet::before { width: 30px; height: 1px; display: block; content: ""; background-color: rgba(255, 255, 255, 0.6); }
.indBanner .swiper-pagination .swiper-pagination-bullet-active { width: 68px; }
.indBanner .swiper-pagination .swiper-pagination-bullet-active::after { width: 30px; height: 25px; background: url(../img/on-bg.png) no-repeat center; border: none; border-radius: 0;  }
.indBanner .swiper-pagination .swiper-pagination-bullet:first-child { width: auto; }
.indBanner .swiper-pagination .swiper-pagination-bullet:first-child::before { display: none !important;}



/* footer --------------------- */
#footer { background: url(../img/foot-bg.jpg) no-repeat center; background-size: cover; position: relative; padding-top: 60px; font-size: 15px; }
#footer a:hover { color: #EFBD71; }

/* footNav */
.foot-nav-list { display: flex; justify-content: space-between; align-items: center; padding-bottom: 20px; padding-top: 20px; }
.foot-nav-list li { flex-shrink: 0; }
.foot-nav-list .spe { font-family: simsun; font-size: 12px; opacity: 0.2; }

/* box-copy */
.box-copy { display: flex; justify-content: space-between; align-items: center; padding-bottom: 60px; }
.footlogo { margin-bottom: 20px; }
.footlogo img { max-height: 86px; width: auto; }

.inleft { text-align: left; flex-shrink: 0; color: #666; }
.inleft a { color: inherit; }

.footadd { display: flex; gap: 30px; }
.footadd li { display: flex; align-items: center; gap: 5px; line-height: 40px; }
.footadd li::before { content: "\E713"; font-family: iconfont; font-size: 36px; }
.footadd li.zip::before { content: "\E714"; }

.footadd,
.copyRight { color: #fff; }
.copyRight a { color: inherit; }
.copyRight img { vertical-align: text-bottom; margin-right: 5px; }

.copyRight { border-top: 1px solid rgba(255, 255, 255, 0.3); padding: 25px 0; line-height: 30px; }

.inright { display: flex; gap: 5px; flex-shrink: 0; }
.inright li { flex-shrink: 0; width: 120px; }
.inright .pic { border: 2px solid #fff; background-color: #fff; width: 100px; margin-bottom: 5px; margin: 0 auto; }
.inright .pic img { width: 100px; height: auto; }
.inright .title { color: #666; line-height: 30px; }


/* box-qr */
.box-qr { margin-left: auto; }
.box-qr ul { display: flex; gap: 20px; }
.box-qr li { position: relative; z-index: 3; transition: 0.5s all; }
.box-qr .title { display: flex; color: #fff; width: 100px; height: 100px; justify-content: center; background-color: rgba(255, 255, 255, 0.1); align-items: center; flex-direction: column; cursor: pointer; transition: 0.4s; }
.box-qr .title::before { content: "\E683"; font-family: iconfont; font-size: 50px; line-height: 1; transition: 0.4s; color: #fff; }
.box-qr .li2 .title::before { content: "\E684"; }
.box-qr .li3 .title::before { content: "\E685"; }
.box-qr .li4 .title::before { content: "\E686"; }
.box-qr .li5 .title::before { content: "\E687"; }
.box-qr .li6 .title::before { content: "\E688"; }
.box-qr .pic { display: none; padding: 8px; background-color: #fff; filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.6)); border-radius: 5px; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); }
.box-qr .pic::after { display: block; content: ""; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: 0; height: 0; border: 7px solid transparent; border-top: 7px solid #f5f5f5; }
.box-qr .pic img { width: 120px; height: 120px; }
.box-qr li.on .pic { display: block; }
.box-qr li.on { transform: translateY(-10px); }
.box-qr li:hover .title { background-color: rgba(255, 255, 255, 0.3); }
.box-qr li:hover .title::before { transform: rotateY(180deg); }



/* 当前位置 */
.path { height: 30px; line-height: 30px; color: #fff; margin-bottom: 190px; min-width: 1400px; width: 100%; font-size: 16px; text-align: left; margin-top: -220px; text-shadow: 1px 1px 3px rgba(0,0,0,0.5); }
.path em { background: url(../img/path.png) no-repeat 0px center; padding-left: 35px; display: inline-block; }
.path a,
.path span { margin: 0 5px; color: #fff; display: inline-block; }
.path .container { height: 100%; }

/* page-banner */
.page-banner { height: 600px; width: 100%; position: relative; overflow: hidden; }
.page-banner .container { height: 100%; }
.page-banner .pic img { position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%,-50%); height: 600px; display: block; object-fit: cover; }
.page-banner .title { font-weight: bold; color: #fff; font-size: var(--text-title-lh); line-height: 2; text-align: left; position: absolute; left: 0; top: 50%; transform: translateY(-50%); margin-top: 30px; z-index: 1; }
.page-banner .title::before { width: 44px; height: 1px; background-color: #fff; display: block; content: ""; }
.page-banner .title .back { color: #fff;  font-size: var(--text-font-intro); margin-left: 20px; background-color: #E71E24; border-radius: 30px; font-weight: normal; padding: 8px 20px; transition: 0.4s; position: relative; top: -5px; }
.page-banner .title .back:hover { background-color: var(--color-background);}

/*
.page-jzzn { background: url(../img/page-banner-jzzn.jpg) no-repeat center; background-size: cover; }
.page-jzzn .pic img { display: none; }*/

.leaderListPage .page-banner { background: url(../img/page-banner-zjjs-home.jpg) no-repeat center; background-size: cover; }
.leaderListPage .page-banner img { display: none; }




/* goTop */
#goTop { position: fixed; display: none; _display: none !important; width: 50px; height: 50px; bottom: 60px; right: 5px; z-index: 99; cursor: pointer; margin: 5px; width: 40px; height: 40px; border-radius: 2px; box-shadow: 0 0 5px #9c9c9c; -webkit-box-shadow: 0 0 5px #9c9c9c; opacity: 0.9; background: rgba(0, 0, 0, 0.5);}
#goTop::after { display: block; position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -15px; content: ""; border-width: 10px; border-color: transparent; border-bottom-color: #fff; border-bottom-style: solid; border-style: dashed; display: block; font-size: 0; line-height: 0; width: 0;}

/* winMark */
#winMark { z-index: 1; width: 100%; display: none; height: 100%; position: fixed; background: rgba(0, 0, 0, 0.8); left: 0; top: 0;}

/* 侧栏导航 */
.box-menu { border-bottom: 1px solid #FBF9F4; background-color: #fff; box-shadow: 5px 5px 20px #FBF9F4; margin-bottom: 30px;}
#sideMenu .hd { display: none; }
.menuList { display: flex; gap: 15px; justify-content: center; flex-wrap: wrap; padding: 20px 0; }
.menuList li { flex-shrink: 0; }
.menuList li a { font-size: var(--text-font-3h); padding: 0 30px; border-radius: 5px; transition: 0.3s; display: block; line-height: 50px; border: 1px solid #ddd; }
.menuList li.on a,
.menuList li:hover a { background-color: var(--color-background); color: #fff; border-color: var(--color-background); }


/* 侧栏盒子模型 */
.sideBox { margin-bottom: 20px;}
.sideBox>.hd { height: 54px; line-height: 54px; position: relative; border-bottom: 1px solid #ccc; font-size: 20px;}
.sideBox>.hd .more { width: 26px; height: 26px; float: right; line-height: 26px; font-size: var(--text-font-date); text-indent: 300%; overflow: hidden; background: #ebebeb; margin-top: var(--text-font-date); margin-right: 10px;}
.sideBox>.hd h3 { float: left; height: 53px; border-bottom: 2px solid var(--color-background); padding: 0 20px; color: var(--color-background); font-weight: bold;}
.sideBox>.hd h3 a { color: var(--color-background);}
.sideBox>.hd ul { float: left;}
.sideBox>.hd ul li { float: left; height: 53px; padding: 0 20px;}
.sideBox>.hd ul li a { display: block;}
.sideBox>.hd ul li a:hover { color: var(--color-background);}
.sideBox>.hd ul li.on { border-bottom: 2px solid var(--color-background); font-weight: bold;}
.sideBox>.hd ul li.on a { color: var(--color-background);}
.sideBox>.bd { padding: 15px; overflow: hidden; background: #f7f7f7;}

/* box */
.box .hd { line-height: 80px; height: 80px; padding-right: 5px; position: relative; display: flex; justify-content: space-between; align-items: center;}
.box .hd h3 { font-size: 32px; font-weight: bold; color: var(--color-background); flex-shrink: 0; }
.box .hd h3 a { color: var(--color-background); }
.box .hd .more { display: flex; align-items: center; gap: 5px; color: #D7BC9F; font-size: var(--text-font-date); transition: 0.4s all; }
.box .hd .more::after { content: "\E648"; font-family: iconfont; font-size: 60px; }
.box .hd .more:hover { transform: translateX(5px); color: var(--color-background);}

/* boxA */
.boxA { margin-bottom: 15px;}
.boxA .hd { height: 39px; line-height: 39px; position: relative; border-bottom: 1px solid #e1e1e1; background: #f9f9f9;}
.boxA .hd .more { font-size: var(--text-font-date); position: absolute; right: 10px; color: #999;}
.boxA .hd h3 { position: absolute; color: var(--color-background); font-size: 18px; line-height: 38px; padding: 0 20px; background: #f9f9f9; border: 1px solid #e1e1e1; border-top: 3px solid var(--color-background); border-bottom: 0;}
.boxA .hd h3 a { color: var(--color-background);}
.boxA .hd h3 a:hover { text-decoration: none;}
.boxA .hd ul { position: absolute; height: 40px; overflow: hidden;}
.boxA .hd li { float: left; font-size: var(--text-font-title); height: 39px; line-height: 39px; background: #f9f9f9;}
.boxA .hd li a { display: block; float: left; padding: 0 30px;}
.boxA .hd li a:hover { text-decoration: none;}
.boxA .hd .on { border: 1px solid #e1e1e1; border-top: 3px solid var(--color-background); border-bottom: 0;}
.boxA .bd { padding: 5px; overflow: hidden;}

/* boxB */
.boxB { background: #fff;}
.boxB .hd { height: 39px; line-height: 39px; position: relative; border: 1px solid #e1e1e1;}
.boxB .hd .more { font-size: var(--text-font-date); position: absolute; right: 10px; color: #666;}
.boxB .hd h3 { padding: 0 20px; font-size: 18px; color: #fff; background: var(--color-background); position: absolute; height: 41px; line-height: 41px; left: -1px; top: -1px;}
.boxB .hd h3 a { color: #fff;}
.boxB .bd { overflow: hidden; padding: 10px; border: 1px solid #e9e9e9; border-top: 0;}

/* boxC */
.boxC { margin-bottom: 15px; overflow: hidden;}
.boxC .hd { height: 30px; line-height: 30px; background: #fafafa; border-bottom: 1px solid #e9e9e9; position: relative;}
.boxC .hd .more { position: absolute; right: 10px; top: 0; font-size: var(--text-font-date);}
.boxC .hd .more a { color: #666;}
.boxC .hd ul { overflow: hidden;}
.boxC .hd ul li { float: left;}
.boxC .hd ul a { display: block; float: left; line-height: 16px; padding: 0 20px; margin: 9px 0; border-right: 1px solid #ccc;}
.boxC .hd ul a:hover { text-decoration: none;}
.boxC .hd ul li:last-child a { border-right: 0;}
.boxC .hd .on a { color: var(--color-background);}
.boxC .bd { overflow: hidden; padding: 8px 5px;}

/* boxD */
.boxD { margin-bottom: 20px;}
.boxD .hd { height: 40px; line-height: 40px; background: var(--color-background);}
.boxD .hd h3 { font-size: 18px; color: #fff;}
.boxD .hd h3 a { color: #fff;}
.boxD .hd h3 i { display: block; float: left; width: 42px; height: 40px; margin-right: 10px;}
.boxD .bd { background: #fff; overflow: hidden; border: 1px solid #e9e9e9; border-top: 0;}

/* boxE */
.boxE { margin-bottom: 15px;}
.boxE .hd { height: 40px; line-height: 40px; overflow: hidden; border-bottom: 2px solid var(--color-background);}
.boxE .hd h3 { float: left; padding: 0 20px; background: var(--color-background); color: #fff; font-size: 18px;}
.boxE .hd h3 a { color: #fff; display: block; float: left;}
.boxE .hd .more { float: right;}
.boxE .bd { padding: 10px; overflow: hidden;}


/* box-border */
.box-border .hd { line-height: 80px; height: 80px; border-bottom: 1px solid #eee; margin-bottom: 20px; padding-right: 5px; position: relative; display: flex; justify-content: space-between; align-items: center;}
.box-border .hd h3 { font-size: var(--text-title-3h); font-weight: bold; color: var(--color-background); flex-shrink: 0; border-bottom: 3px solid var(--color-background); }
.box-border .hd h3 a { color: var(--color-background); padding: 0 20px; }
.box-border .hd .more { display: flex; align-items: center; gap: 5px; color: #D7BC9F; font-size: var(--text-font-date); transition: 0.4s all; }
.box-border .hd .more::after { content: "\E648"; font-family: iconfont; font-size: 60px; }
.box-border .hd .more:hover { transform: translateX(5px); color: var(--color-background);}


/* box-icon */
.box-icon > .hd { height: 70px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; }
.box-icon > .hd h3,
.box-icon > .hd ul,
.box-icon > .hd .more { flex-shrink: 0; }
.box-icon > .hd h3 { font-weight: bold; font-size: var(--text-title-3h); line-height: 68px; border-bottom: 3px solid var(--color-background); color: var(--color-background); gap: 5px; display: flex; align-items: center; }
.box-icon > .hd h3 a { color: inherit; }
.box-icon > .hd h3::before,
.box-icon > .hd li a::before { content: "\E659"; font-family: iconfont; font-size: 50px; font-weight: normal; }
.box-icon > .hd .more { display: flex; align-items: center; gap: 5px; color: #D7BC9F; font-size: var(--text-font-date); transition: 0.4s all; }
.box-icon > .hd .more::after { content: "\E648"; font-family: iconfont; font-size: 60px; }
.box-icon > .hd .more:hover { transform: translateX(5px); color: var(--color-background);}
.box-icon > .hd ul { display: flex; gap: 80px; }
.box-icon > .hd li { box-sizing: border-box; font-size: var(--text-title-3h); font-weight: bold; line-height: 68px; }
.box-icon > .hd li a { display: flex; align-items: center; gap: 5px; }
.box-icon > .hd li.on { border-bottom: 3px solid var(--color-background); }
.box-icon > .hd li.on a { color: var(--color-background); }
.box-icon-02 > .hd { margin-bottom: 0; }
.box-icon-02 > .hd h3 { font-size: var(--text-font-2h); border-bottom: none; color: #333; }
.box-icon-02 > .hd h3::before { font-size: 40px; content: "\E650"; color: var(--color-background); }
.box-icon-02 > .bd { padding: 40px 50px; border: 1px solid #eee; }

/* box-default */
.box-default > .hd { display: flex; align-items: center; line-height: 60px; height: 60px; margin-bottom: 30px; }
.box-default > .hd h3 { font-weight: bold; font-size: var(--text-title-lh); display: flex; align-items: center; gap: 10px; }
.box-default > .hd h3::after { content: ""; width: 58px; height: 25px; background: url(../img/h3-bg.png) no-repeat; }
.box-default > .hd .more { font-size: var(--text-font-date); background: url(../img/more-bg.png) no-repeat center top; width: 100px; margin-left: auto; text-align: center; transition: 0.5s; }
.box-default > .hd .more:hover { letter-spacing: 2px; }
.box-default > .center-hd { justify-content: center; position: relative; margin-bottom: 50px; }
.box-default > .center-hd .more { position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.box-default > .center-hd h3 { gap: 15px; }
.box-default > .center-hd h3::before { content: ""; width: 58px; height: 25px; background: url(../img/h3-bg-l.png) no-repeat; }

/*节点归档信息样式*/
.archived-info { float: right;}
.archived-info span { margin: 0 5px;}

/* dateList */
.dateList li { height: 60px; line-height: 30px; font-size: var(--text-font-title); padding: 15px 10px; margin-bottom: 15px; background: #fff; box-shadow: 0px 0px 4px 0px #d5d5d5; transition: 0.5s;}
.dateList li .date { width: 72px; float: left; text-align: center; font-size: var(--text-font-date); color: #999999; border-right: 1px solid #e6e6e6; height: 57px; padding-top: 3px; margin-right: 20px;}
.dateList li .date b { display: block; height: 30px; line-height: 30px; font-size: 24px; color: #333;}
.dateList li .date span { display: block; height: 24px; line-height: 24px;}
.dateList li.last { margin-bottom: 0px;}
.dateList li:hover { box-shadow: 0px 0px 4px 0px var(--color-background);}

/* info-date-list */
.info-date-list { display: flex; gap: 3.5%; }
.info-date-list li { width: 31%; flex-shrink: 0; position: relative; border: 1px solid #eee; border-radius: 20px; box-sizing: border-box; padding: 10px 30px 30px; transition: 0.4s; }
.info-date-list .con { display: flex; gap: 10px; flex-direction: column; }
.info-date-list .title { display: flex; flex-direction: column; gap: 10px; }
.info-date-list .title .date { font-size: var(--text-font-title); display: flex; align-items: center; gap: 5px; color: #999; line-height: 1.5;}
.info-date-list .title .date::before { content: "\E658"; font-family: iconfont; font-size: 32px; }
.info-date-list .title .tit { line-height: 32px; font-size: var(--text-font-title); overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.info-date-list .title .tit::after { display: block; content: ""; left: 0; top: 0; right: 0; bottom: 0; position: absolute; z-index: 1; }
.info-date-list .intro { line-height: 26px; font-size: var(--text-font-intro); color: #999; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.info-date-list li:hover { background-color: var(--color-background); border-color: var(--color-background); }
.info-date-list li:hover .tit,
.info-date-list li:hover .date { color: #fff; }
.info-date-list li:hover .intro { color: rgba(255, 255, 255, 0.5); }

/* letterList */
.letterList { width: 100%;}
.letterList td,
.letterList th { padding: 12px 8px; text-align: center;}
.letterList th { color: #fff; font-weight: bold; font-size: 20px; background-color: var(--color-background);}
.letterList thead { background: #f5f5f5; border-bottom: 1px solid #ddd;}
.letterList tr { border-bottom: 1px dotted #ddd;}
.letterList tr.even { background-color: #f9f9f9;}
.letterList td.title { text-align: left; font-size: var(--text-font-title);}
.letterList .num { display: none;}
.letterList .ico { padding: 8px 5px;}
.letterList .ico img { vertical-align: middle;}
.letterList .dep { width: 150px;}
.letterList .state { width: 150px;}
.letterList .date { width: 150px;}
.letterList i { font-style: normal;}
.letterList .s0,
.letterList .noreply { color: #999;}
.letterList .s1 { color: #17d;}
.letterList .s2 { color: #f60;}
.letterList .isreply,
.letterList .s3 { color: #390;}
.letterList .s4 { color: #999;}

/* infoList-ranking */
.infoList-ranking li { height: 24px; line-height: 24px; overflow: hidden; font-size: var(--text-font-date); margin-bottom: 18px;}
.infoList-ranking li.last { margin-bottom: 0px;}
.infoList-ranking li .number { display: block; width: 24px; height: 24px; float: left; background: #666666; text-align: center; line-height: 24px; font-size: 12px; color: #fff; border-radius: 50%; margin-right: 10px;}
.infoList-ranking li:nth-child(1) .number { background: #db2c10;}
.infoList-ranking li:nth-child(2) .number { background: #e58c00;}
.infoList-ranking li:nth-child(3) .number { background: #e5b700;}

/* sidePicList */
.sidePicList li { overflow: hidden; padding-bottom: 10px; border-bottom: 1px solid #e6e6e6; margin-bottom: 10px;}
.sidePicList li .pic { float: left; margin-right: 15px; width: 110px;}
.sidePicList li .pic img { width: 100%; height: auto;}
.sidePicList li .con { overflow: hidden;}
.sidePicList li .con .title { line-height: 22px; font-size: var(--text-font-date); max-height: 66px; margin-bottom: 10px; overflow: hidden;}
.sidePicList li .con .others { display: none; line-height: 22px; height: 22px; overflow: hidden; font-size: 12px; color: #999999;}
.sidePicList li.last { padding-bottom: 0px; margin-bottom: 0px; border-bottom: none;}

/* detailTable */
.detailTable { margin-bottom: 10px; background: #fff; width: 100%;}
.detailTable,
.detailTable tr,
.detailTable tr td { border: 1px solid #e6e6e6; border-collapse: collapse;}
.detailTable thead tr { border-color: #ddd;}
.detailTable thead th { background: #e5e5e5; height: 60px; line-height: 60px; font-size: 20px; font-weight: bold; text-align: center; border-color: var(--color-background);}
.detailTable tbody td { padding: 10px 15px;}
.detailTable tbody td.tdName { font-weight: bold; background: #f7f7f7; text-align: center; width: 25%; font-size: var(--text-font-title);}
.detailTable .trTitle .tdCon { font-weight: bold; white-space: normal; word-break: break-all; font-size: var(--text-font-title);}
.detailTable .preDiv { width: auto; overflow: auto;}
.detailTable .preDiv pre { font-family: "Microsoft YaHei", 'PingFang SC', Arial, Helvetica, Tahoma, sans-serif; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;}

/* mainBox ------------------------------------------------------------ */
.mainBox .mHd { height: 73px; border-bottom: 1px solid #dedede;}
.mainBox .mHd>h3 { float: left; height: 66px; font-size: var(--text-font-2h); line-height: 66px; padding: 5px 15px 0 0; font-weight: bold; /* color: var(--color-background); border-bottom: 3px solid var(--color-background); */ }
.mainBox .mHd>h3 a { color: var(--color-background);}
.mainBox .mBd { padding: 20px 0;}
.mainBox .singlePage-title { line-height: 70px; text-align: center; font-size: var(--text-title-2h); font-weight: bold; color: var(--color-background); margin-bottom: 30px;}
.mainBox .singlePage-title:after { content: ""; display: block; width: 38px; height: 5px; margin: 0 auto; background: var(--color-background);}
.nodeSearchBar { height: 32px; font-size: var(--text-font-date); float: right; padding-top: 22px;}
.nodeSearchBar .sHd { float: left; line-height: 32px;}
.nodeSearchBar .sBd { overflow: hidden;}
.nodeSearchBar .sBd li { float: left; margin-left: 10px;}
.nodeSearchBar .nodes,
.nodeSearchBar input,
.nodeSearchBar button { float: left; height: 32px; line-height: 32px; border: 1px solid #ddd; font-size: var(--text-font-date); font-family: "Microsoft YaHei", 'PingFang SC'; outline: none; border-radius: 5px;}
.nodeSearchBar .keyword { width: 120px; padding: 0 5px; height: 30px; line-height: 30px;}
.nodeSearchBar button { line-height: 28px; width: 60px; float: left; margin-left: 10px; background: var(--color-background); border-color: var(--color-background); color: #fff;}

/* 友情链接 */
.friendLinks { background: #f2f2f2; padding: 10px 0;}
.friendLinks h3 { float: left; font-size: var(--text-font-date); padding-left: 31px; background: url(../img/icon-link.png) 6px 5px no-repeat;}
.friendLinks ul { overflow: hidden;}
.friendLinks ul li { white-space: nowrap; line-height: 30px; height: 30px; padding: 0 20px; position: relative; float: left; font-size: var(--text-font-date);}
.friendLinks ul li:after { position: absolute; right: 0; top: 10px; height: 11px; width: 1px; background-color: #bebebe; display: block; content: "";}
.friendLinks ul li.last:after { display: none;}

/*验证码*/
div.codeinp input[type="text"] { width: 100px !important; float: left; margin-right: 10px; line-height: 26px;}

/* 通用底部按钮 */
.bot { text-align: center; padding: 0 0 20px 0;}
.bot a,
.bot button { cursor: pointer; display: inline-block; height: 46px; line-height: 46px; padding: 0 5%; font-size: var(--text-font-intro); background: var(--color-background); border: 0; color: #fff; margin: 0 2%; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.bot a:hover,
.bot button:hover { text-decoration: none; background: var(--color-background-click);}

/* 依申请、信访、咨询等通用 查询页样色 */
.queryForm { background: #fff; padding: 3% 0; width: 80%; margin: 30px auto; border: 1px solid #e2e2e2; font-size: var(--text-font-title);}
.queryForm td { padding: 8px 0;}
.queryForm .tdlab { width: 40%; text-align: right;}
.queryForm input[type=text] {
    border:1px solid #ccc;
    width: 56%;
    height: 40px;
    padding: 0 10px;
}
.queryForm input[type=text]:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}
.queryForm .bot { text-align: left;}
.queryForm .bot a { margin: 0; font-size: var(--text-font-title);}
.queryForm .required strong { color: #f00; margin-right: 5px;}
.queryForm .errorMessage { color: #f00;}
.queryForm table { width: 100%; border: 0;}

/* 依申请、信访、咨询等通用 查询结果页样色 */
.queryResult { width: 80%; margin: 30px auto;}
.queryResult .mainBox { margin-bottom: 50px;}
.queryResult .tit h3 { text-align: center; font-size: var(--text-title-2h); line-height: 2; margin-bottom: 30px;}
.queryResult .tips { text-align: center; font-size: var(--text-font-intro); margin-bottom: 50px; border-top: 1px solid #ddd; padding: 50px 0 20px 0;}
.queryResult .number { font-weight: bold; color: #f00;}

/* 标记分类 */
.filter-row{background-color: rgba(54,145,172, 0.05);}
.filter-row .choose-item a:hover,
.filter-row .filter-key{color:var(--color-background); }
.filter-result .filter-criteria-item:hover,
.filter-row .filter-ext-more:hover,
.filter-row .filter-ext-multiple:hover{color:var(--color-background); border-color:var(--color-background)}
.filter-row .filter-ext-more:hover i, .filter-row .filter-ext-multiple:hover i{background-image:url(../img/filter-icons-on.png)}
.filter-result .filter-criteria-item{border-color:rgba(54,145,172, 0.2);background-color: rgba(54,145,172, 0.03); }
.filter-result .filter-criteria-item i{background-image:url(../img/filter-icons.png)}
.filter-result .filter-criteria-item:hover i{background-color:var(--color-background)}


/* .customFormBoxLoop */
.customFormBoxLoop,.customFormBox { max-width: auto !important; }


@media ( max-width: 1680px) {
    .siteWidth,.container { max-width: 1400px; }
    #header .container { gap: 50px; }
    .topNav .mainNav { margin-left: 30px; }
    .topNav .mainNav .a1 { font-size: 18px; }
    .topBtn-search::before { left: 10px; }
    body,
    #header { min-width: 1400px; }
    #content { width: 1400px; }
    
    
    .box-qr ul { gap: 10px; }

}
@media ( max-width: 1440px) {
    
	.box-qr .li6 .pic { left: auto; right: 0;  transform: translateX(0%); }
}