@charset "UTF-8";
/* Css for PEL, ver 1.0 CopyRight By Dongyi Network Technology CO.,Ltd Design Center
   本网站通用布局
*/

/* Css 初始化 */
html { font-size: 0.52px; }
body { font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif; color: #333; }
pre { white-space: pre-wrap; word-wrap: break-word; font-size: inherit; line-height: inherit; font-family: inherit; }
ul, ol, li { padding: 0; list-style: none; margin: 0; }
dl, dt, dd { margin: 0; font-weight: normal; }
p, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: inherit; line-height: inherit; font-size: inherit; }
i, em { font-style: normal; }
a { color: #333; text-decoration: none; }
a:hover { color: #B42C2B; text-decoration: underline; }

/* 公共 */
.iconfont{ font-size: inherit; line-height: inherit; }
.iconsvg { width: 1em; height: 1em; vertical-align: -0.15em; fill: currentColor; overflow: hidden; }
.form-control::-webkit-input-placeholder { color: #d2d2d2; }
.form-control::-moz-placeholder { color: #d2d2d2; }
.pic img{ width: 100%; height: auto; min-height: 100%; }

/* 框架 */
body { font-size: 170%; }
#content { position: relative; z-index: 1; padding: 0 30rem 30rem; min-height: 400rem; }
.container::after, .container::before, #content::after, #content::before { display: table; content: " "; clear: both; }
.row { --bs-gutter-x: 20rem; --bs-gutter-y: 20rem; }

/* 顶部 */
#header { position: fixed; left: 0; top: 0; width: 100%; z-index: 2; background:#B42C2B; padding: 0 2%; }
#header .logo { flex-grow: 1; }
#header .logo a { display: block; padding: 25rem 0; }
#header .logo img { width: auto; height: 80rem; }
#header .logo img.fixed-logo-pic{display: none;}
.navbar { position: relative; align-items: stretch;}
.navbar .navbar-collapse { margin: 0 -2%; background: #F2F2F2; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.5);}


/* 主导航 */
.nav-main{margin:3%;}
.nav-main .li1 { position: relative; margin-bottom: 15rem; }
.nav-main .li1 .h1{ border: 1px solid #dadada;}
.nav-main .li1:last-of-type { border-bottom: none; }
.nav-main .a1 { display: block; line-height: 50rem; padding: 20rem 30rem; font-size: 18em; font-weight: bold; color: #333; text-decoration: none; }
.nav-main .dropdown1 { display: none; padding: 0 30rem 20rem; }
.nav-main .dropdown1 .pic { display: none; }
.nav-main .dropdown1 .ul1 {margin-top: 15rem; display: flex; flex-wrap: wrap; }
.nav-main .dropdown1 .li2 {flex-basis: 33.3%;}
.nav-main .dropdown1 .a2 { display: block; padding: 10rem 20rem; font-size: 16em; color: #666; }
.nav-main .dropdown1 .a2:hover{color: #333; text-decoration: none;}
.nav-main .hasUl1 .drop { position: absolute; right: 0; top: 0; width: 86rem; height: 86rem; }
.nav-main .hasUl1 .drop::after,
.nav-main .hasUl1 .drop::before { position: absolute; content: ""; display: block; right: 30rem; top: 50%; margin-top: -1px; height: 2px; width: 30rem; background: #4d4d4d; }
.nav-main .hasUl1 .drop::before { transform: rotate(90deg); }
.nav-main .hasUl1 .show .drop::before { display: none; }

.nav-main #li-zyjs .dropdown1 .li2{
    flex-basis: 50%;
}

/* 导航下-其他信息 */
.nav-info{
    display: flex;
    justify-content: space-between;
    padding: 30rem 3%;
    border-top: 1px solid #ccc;
}
.nav-info .links{
    display: flex;
    flex-direction: column;
}
.nav-info .links a{
    font-size: 16em;
    line-height: 1.8;
}
.nav-info .links a::before {
    content: "\e65b";
    display: inline-block;
    vertical-align: top;
    font-family: "iconfont";
    margin-right: 6rem;
}
.nav-info .links a.kszl::before{
    content: "\e660";
}
.nav-info .links a:hover{
    text-decoration: none;
}
.nav-info .site-info{
    font-size: 18em;
    line-height: 1.6;
    font-weight: bold;
    font-style: italic;
    color: #B42C2B;
}





/* 导航折叠按钮 */
#header .navbar-toggler {margin-top: 24rem; margin-left: 24rem; border: none; color: #fff; outline: none; width: 70rem; height: 70rem; font-size: 50rem; line-height: 70rem; box-shadow: none; border-radius: 6rem; background: rgba(0, 0, 0, 0.2);border-radius: 4px;}
#header .navbar-toggler[aria-expanded=true] { background: rgba(0, 0, 0, .2); }

/* 搜索按钮 */
.nav-panel { position: relative; z-index: 1; }
.nav-panel .btn-search {margin-top: 24rem; margin-left: 18rem;font-size: 48rem;width: 70rem;height: 70rem;line-height: 70rem;color: #fff;font-weight: normal;cursor: pointer;text-align: center;transition: all ease 0.3s; background: rgba(0, 0, 0, 0.2);border-radius: 4px;}
.nav-panel .btn-search:hover { transform: scale(1.2); }

/* 搜索弹框 */
#modal-search { background: rgba(0, 0, 0, .4); }
#modal-search .modal-backdrop{ display: none !important; }
#modal-search .modal-dialog{ max-width: none; justify-content: center; }
#modal-search .modal-content{ width: 80%; background: none; box-shadow: none; border: none; border-radius: 0; }
#modal-search .btn-close{ position: absolute; z-index: 1; right: 100rem; top: 100rem; padding: 20rem; color: #fff; font-size: 60rem; color: #fff; pointer-events: auto; text-align: center; line-height: 1; opacity: 1; box-shadow: none; background: none; border: none; transition: all ease .4s; }
#modal-search .btn-close:hover{ transform: rotate(180deg); }
.s-form{ display: flex; }

/* 搜索站点选择 */
.s-form .select-box { position: relative; margin-right: 15rem; }
.s-form .select-box .s-option { display: block; line-height: 2; font-size: 16em; text-decoration: none; padding: 15rem 25rem; background: #fff; border-radius: 500px; }
.s-form .select-box .s-option::after { display: inline-block; content: ''; vertical-align: middle; margin: 0.25em 0 0 0.5em; width: 0; height: 0; border: 0.5em solid transparent; border-top-color: #999; }
.s-form .select-box .arrow-dn { display: none; }
.s-form .select-box ul { position: absolute; display: flex; flex-wrap: wrap; left: 0; top: 100%; width: 350em; background: #fff; padding: 15rem 20rem; margin: 5rem 0 0; border-radius: 10rem; }
.s-form .select-box li { min-width: 33.3333%; padding: 0 10rem; font-size: 14em; line-height: 2.5; cursor: pointer; border-radius: 5rem; }
.s-form .select-box li:hover { background: #f5f5f5; color: #B42C2B; }

/* 搜索输入框 */
.s-form .input-box{ position: relative; width: 1%; flex-grow: 1; background: #fff; border-radius: 500px; }
.s-form .input-box .iconfont { position: absolute; left: 1em; top: 50%; font-size: 20em; color: #999; transform: translateY(-50%); }
.s-form .input-box input{ position: relative; width: 100%; height: auto; vertical-align: top; padding: 15rem 1.5em 15rem 3.2em; line-height: 2; border: 0; outline: none; background: none; font-size: 16em; }
.s-form .input-box .dropdown-word { position: absolute; top: 100%; width: auto; left: 30rem; right: 0; background: #fff; max-height: 190rem; overflow-y: auto }
.s-form .input-box .dropdown-word li { padding: 0 10rem; font-size: 15em; line-height: 2.5; cursor: pointer; }
.s-form .input-box .dropdown-word li:hover { background: #f5f5f5; color: #B42C2B; }
.s-form .btn-box { display: none; background: linear-gradient(180deg, #B42C2B, #9c2222); border-radius: 0 500px 500px 0; }
.s-form .btn-box input{ height: auto; line-height: 1.7778; padding: 15rem 1.5em; overflow: hidden; border: none; outline: none; color: #fff; background: none; font-size: 18em; text-align: center; }
.s-form .btn-box input:focus{ outline: none; box-shadow: none; }
.s-form .link-box{ text-align: right; font-size: 14px; }

/* 顶部面板 */
.top-panel { position: absolute; z-index: 3; right: 42rem; top: 36rem; padding-right: 10rem;}
.top-panel::before{position: absolute; z-index: 1; right: 0; top: 50%; content: ""; width: 2px; height: 18rem; float: left; margin-top: -9rem; line-height: 18rem; background-color: #fff;}
.list-panel > li {position: relative; z-index: 1; height: 24rem; color: white; margin: 0 4rem; }
.list-panel > li a { color: inherit; text-decoration: none; }
.list-panel #siteLast dt,
.list-panel > li a { display: block; font-size: 14rem; height: 24rem; line-height: 24rem; padding: 0 8rem; border-radius: 4px; }
.list-panel #siteLast:hover dt,
.list-panel > li:hover>a { background: rgba(0, 0, 0 , .1); color: #fff; }
.list-panel #siteLast dt::before,
.list-panel > li a::before { display: inline-block; vertical-align: top; font-family: "iconfont"; font-size: 18rem; margin-right: 6rem; }
.list-panel > li .pic{
    display: none;
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 34rem;
    float: left;
    margin-left: -60rem;
    padding: 10rem;
    width: 110rem;
    height: 110rem;
    background-color: #fff;
    box-shadow: 0 0 10rem rgba(0, 0, 0 , 0.15);
}
.list-panel > li.phone>a::after {display: none; position: absolute; left: 50%; top: 100%; margin-left: -6rem; content: ''; width: 0; height: 0; border: 6rem solid transparent; border-top-color: rgba(0, 0, 0 , .1); }
.list-panel > li.phone:hover>a::after{
    display: block;
}
.list-panel > li:hover .pic{
    display: block;
}
.list-panel > li.site-info{
    font-size: 16em;
    font-weight: bold;
    line-height: 23rem;
    font-style: italic;
}

/* 面板图标 */
.list-panel > li.kszl a::before { content: '\e660'; }
.list-panel > li.go-home a::before { content: '\e65b'; }
.list-panel #siteLast dt::before { content: '\e65a'; }
.list-panel > li.phone a::before { content: '\e65c'; }


/* 站群导航-公共 */
#siteLast{position: relative; }
#siteLast dt {cursor: pointer; }
#siteLast dd{display:none; width:600px; position:absolute;  background:#fff; text-align:left; color:#333; max-height:500px; overflow:auto; padding:10px}
#siteLast dd h3{ text-align:left; margin:0 10px; position:relative; font-size:14px; font-weight:bold; line-height:34px; display:block; overflow:hidden; }
#siteLast dd h3.h i{display:none; }
#siteLast dd h3 span{float:left; height:34px; line-height:34px; padding:0 15px 0 0; background:#ffffff; position:relative; z-index:2; }
#siteLast dd h3 i{ content:""; display:block; height:1px; line-height:0; font-size:0; background:#eeeeee; top:16px; right:0; width:100%; position:absolute; z-index:1; }
#siteLast dd table{border-collapse: collapse;border-spacing: 0; font-size:12px; width:100%}
#siteLast dd table td{padding-top:10px; padding-bottom:10px; overflow:hidden}
#siteLast dd table .tdlab{width:90px; text-align:right; padding-right:20px; vertical-align:middle; line-height:26px; font-weight:bold; }
#siteLast dd ul{overflow:hidden; }
#siteLast dd ul li{width:23%; margin-left:2%; float:left; height:26px; line-height:26px; overflow:hidden}
#siteLast dd ul li a{color:#333}
#siteLast dd ul li a:hover{color:#c00; }
#siteLast dd table.up{background:#f7f7f7}
#siteLast.on dd{display:block; }

/* 站群导航-个性 */
#siteLast { z-index: 2; padding-bottom: 10rem; }
#siteLast dt { position: relative; }
#siteLast:hover dt::after { position: absolute; left: 50%; top: 100%; margin-left: -6rem; content: ''; width: 0; height: 0; border: 6rem solid transparent; border-top-color: rgba(0, 0, 0 , .1); }
#siteLast:hover dd { display: block; }
#siteLast dd { right: 0; top: 100%; width: 800rem; max-height: 800rem; padding: 10rem; box-shadow: 0 0 20rem rgba(0, 0, 0 , .15); }
#siteLast dd h3 span a { font-size: 14px; padding: 0; }
#siteLast dd ul li a { font-size: 12px; padding: 0; }
#siteLast dd h3 span a:hover,
#siteLast dd ul li a:hover { background: none; color:#B42C2B; }

/* 顶部登录注册 */
.list-panel .userLogged { margin: 0; height: auto; float: none; }
.list-panel .loggedin,
.list-panel .notlogged { display: flex; }
.list-panel .userLogged .split { width: 0; font-size: 0; margin: 0 4rem; }
.list-panel .userLogged .userDropdown .ud-hd { display: flex; align-items: center; width: auto; height: auto; padding-left: 8rem; border-radius: 4px; }
.list-panel .userLogged .userDropdown:hover .ud-hd { background: rgba(0, 0, 0 , .1); color: #fff; }
.list-panel .userLogged .userDropdown .avatar { width: 24rem; height: 24rem; margin-right: 0; }
.list-panel .userLogged .userDropdown .avatar img { vertical-align: top; width: 100%; height: 100%; }
.list-panel .userLogged .userDropdown .nickname { height: 30rem; padding-right: 8rem; }
.list-panel .userLogged .userDropdown .nickname:hover { background: none; color: #fff; }
.list-panel .userLogged .userDropdown .nickname::after { position: static; margin: 0 0 0 6rem; display: inline-block; vertical-align: top; background: none; width: auto; height: auto; font-size: 12rem; font-family: "iconfont"; content: "\e648"; color: #fff; }
.list-panel .userLogged .userDropdown .ud-bd { left: 0; top: 100%; }
.list-panel .userLogged .userDropdown .ud-bd li a { height: auto; line-height: inherit; font-size: 14px; padding: 0; background: none; }
.list-panel .userLogged .loggedin .myMsg { width: auto; height: 30rem; background: none; }
.list-panel .userLogged .loggedin .myMsg::before { margin-right: 0; }
.list-panel .userLogged .loggedin .myMsg:hover { background: rgba(0, 0, 0 , .1); }


/* 滚动-网站顶部效果 */
#header.header-fixed{
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.5);
}
.header-fixed .nav-main .a1{
    color: #333;
}
.header-fixed .nav-main .on1 .a1{
    color: #B42C2B;
}
.header-fixed .list-panel > li{
    color: #666;
}
.header-fixed .nav-panel .btn-search{
    color: #666;
}
.header-fixed .top-panel::before{
    background-color: #d8d8d8;
}
.header-fixed .list-panel > li>a,
.header-fixed .list-panel #siteLast dt{
    color: #666;
}
.header-fixed .list-panel > li:hover>a,
.header-fixed .list-panel #siteLast dt:hover { background:#dadada; color: #B42C2B; }
.header-fixed #siteLast:hover dt::after,
.header-fixed .list-panel > li.phone>a::after{
    border-top-color: #dadada;
}
#header.header-fixed .logo img.logo-pic{display: none;}
#header.header-fixed .logo img.fixed-logo-pic{display: block;}

/* 底部 */
#footer { position: relative; z-index: 1; background: #B42C2B; background-size: cover; color: #fff; text-align: center; }
#footer a { display: block; color: white; }
#footer a:hover{text-decoration: none; color: rgba(255, 255, 255, 0.8);}
.box-friendly{position: relative; z-index: 1; padding: 12rem 20rem 2rem; font-size: 16em; line-height: 36rem; background-color: rgba(0, 0, 0 , 0.1);}
.box-friendly::after{position: absolute; z-index: 0; left: 0; top: 0; content: ""; width: 100%; height: 3px; line-height: 3px; float: left; overflow: hidden; border-bottom: 1px solid white; background-color: #95252A;}
.box-friendly strong{font-weight: normal;}
.friend-list{ flex: 1;}
.friend-list li{margin-right: 20rem; margin-bottom: 10rem;}
.footer-nav { margin-bottom: 10rem; justify-content: center;}
.footer-nav li { font-size: 16em; line-height: 1.8; }
.footer-nav li.spe { padding: 0 1.5em; }
.footer-bar {padding: 30rem 20rem; line-height: 1; }
.copyRight{ line-height: 2; font-size: 16em; color: #fff; }
.footer-qrcode {margin-top: 20rem; vertical-align: middle; justify-content: center;}
.footer-qrcode li {width: 160rem; position: relative; margin: 0 10rem; }
.footer-qrcode li .pic{padding: 5rem; background-color: #fff;}
.footer-qrcode li img{width: 100%; height: auto;}
.footer-qrcode li p{padding-top: 10rem; font-size: 15em; line-height: 1.6;}

/* banner */
.banner { position: relative; height: auto; margin-top: 130rem; overflow: hidden; }
.banner .swiper-slide { overflow: hidden; }
.banner .pic img { width: 100%; height: auto; }
.banner .bg { display: block; width: 100%; height: 65vh; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.banner .bg a { display: block; width: 100%; height: 100%; }
.banner .con { display: none; }
.banner .swiper-pagination { bottom: 8%; text-align: center; padding: 0 2.6%; }
.banner .swiper-pagination-bullets .swiper-pagination-bullet { vertical-align: top; width: 16rem; height: 16rem;  margin: 0 10rem; opacity: 1; background: rgba(0, 0, 0, 0.2); border: 1px solid #FFFFFF; border-radius: 8rem; }
.banner .swiper-pagination-bullets .swiper-pagination-bullet-active { background-color: black;}
.banner .down { position: absolute; left: 50%; transform: translateX(-50%); bottom: 9%; line-height: 1; cursor: pointer; font-size: 36rem; color: #fff; z-index: 10; padding: 10rem; animation: down 2s linear 0s infinite; }
.banner .swiper-button-next,
.banner .swiper-button-prev{
    width: 36rem;
    height: 36rem;
    margin-top: -25rem;
    line-height: 36rem;
    text-align: center;
}
.banner .swiper-button-next{
    right: 3%;
}
.banner .swiper-button-prev{
    left: 3%;
}
.banner .swiper-button-next:after,
.banner .swiper-button-prev:after{
    font-size: 36rem;
    font-family: "iconfont";
    color: rgba(255, 255, 255, 0.65);
}
.banner .swiper-button-next:after{
    content: "\e64e";
}
.banner .swiper-button-prev:after{
    content: "\e646";
}
.banner .swiper-button-next:hover:after,
.banner .swiper-button-prev:hover:after{
    color: white;
    border-color: white;
}

/* 内页Banner */
.page-banner { height: 510rem; background-image: url(/content/zsb/base/img/page-banner.jpg); background-position:center 0; background-repeat: no-repeat;background-size: cover; }


/* 侧栏和主栏 */
.side{
    width: 240rem;
    float: left;
    margin-right: 26rem;
}
.main {overflow: hidden;}

/* 当前位置 */
.path { width: 100%; text-align: left; margin: 0 0 20rem; line-height: 1.5; font-size: 14em; color: #999; background: #f8f8f8; padding: 20rem 25rem; }
.path em { font-style: normal; }
.path a { padding: 0 6rem; color: inherit; }
.path a:hover { color: inherit; }

/* 侧栏菜单 */
#side-menu { position: relative; margin-top: -100rem; }
#side-menu > .hd { display: flex; align-items: center; justify-content: center; height: 100rem; padding: 0; background: #B42C2B; text-align: center; }
#side-menu > .hd h3 { max-height: 2.6em; font-size: 32rem; line-height: 1.3; color: #fff; text-align: center; overflow: hidden; }
#side-menu > .bd { background: #fff; }

/* box-main */
.box-main { background: #fff; padding: 0; }
.box-main.no-bg { background: none; padding: 0; }
.box-main.no-bg > .hd { border-bottom-color: #ddd; }
.box-main > .hd { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; border-bottom: 1px solid #ddd; }
.box-main > .hd h3 { position: relative; min-width: 0; max-width: 100%; line-height: 100rem; font-size: 36em; color: #B42C2B; margin: 0; padding-left: 20rem; font-weight: bold; }
.box-main > .hd h3 span { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
/* .box-main > .hd h3::after { position: absolute; left: 0; bottom: -1px; content: ''; width: 100%; height: 3px; border-radius: 500px; background: #B42C2B; } */
.box-main > .hd h3 a { display: block; color: inherit; text-decoration: none; }
.box-main > .bd { padding: 30rem 0; }
.box-main > .bd::after, .box-main > .bd::before { display: table; content: " "; clear: both; }
.noSideContent .box-main>.bd{padding:0;}

/* box - 盒子 */
.box{border: 1px solid #ddd; padding: 0 20rem; border-top: 2px solid #B42C2B;}
.box > .hd { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; border-bottom: 1px solid #ddd; }
.box > .hd h3 { position: relative; text-align: center; min-width: 0; max-width: 100%; padding: 0 15rem; line-height: 2.8em; font-size: 20em; font-weight: bold;}
.box > .hd h3::before { position: absolute; content: ''; left: 0; bottom: -1px;  width: 100%; height: 2px; line-height: 2px; margin: auto; background: #B42C2B; }
.box > .hd h3 span { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.box > .hd h3 a { text-decoration: none; color: inherit; }
.box > .hd .more {position: relative; z-index: 1; order: 1; height: 30rem; line-height: 30rem; width: 0; overflow: hidden; padding-right: 46rem; margin-left: 20rem; font-size: 0; color: #666; }

.box > .hd .more::after,
.box > .hd .more::before{
    content: "";
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
    width: 30rem;
    height: 30rem;
    float: left;
}
.box > .hd .more::before{
    width: 37rem;
    background:  url(/content/zsb/base/img/ind-box-icon-2.png) left center no-repeat;
    background-size: contain;
    right: 5rem;
}
.box > .hd .more::after{
    z-index: 2;
    background:  url(/content/zsb/base/img/ind-box-line.png) left top no-repeat;
    animation:icon-rotate 5s linear infinite;
    background-size: contain;
}
.box > .bd { padding: 15rem 0; }
@keyframes icon-rotate{
    100%{
        transform:rotate(360deg);
    }
}


/* box-default - 盒子 - 默认的 */
.box-default > .hd { position: relative; }
.box-default > .hd ul { box-sizing: content-box; overflow-y: hidden; overflow-x: auto; white-space: nowrap; }
.box-default > .hd ul::-webkit-scrollbar { height: 0 !important; width: 0 !important }
.box-default > .hd h3,
.box-default > .hd li { position: relative; display: inline-block; vertical-align: top; line-height: 1.4; font-size: 32em; color: #999; }
.box-default > .hd h3 span,
.box-default > .hd li span { position: relative; display: inline-block; vertical-align: top; height: 100%; }
.box-default > .hd li::before { display: inline-block; vertical-align: top; content: '/'; text-align: center; margin: 0 22rem; font-weight: normal; color: #999; }
.box-default > .hd li:first-of-type::before { display: none; }
.box-default > .hd h3,
.box-default > .hd li.on { color: #B42C2B; font-weight: bold; }
.box-default > .hd h3 a,
.box-default > .hd li a,
.box-default > .hd li.on a { text-decoration: none; color: inherit; }
.box-default > .hd .more { position: absolute; right: 0; top: 50%; font-size: 16em; color: #999; transform: translateY(-50%); }
.box-default > .bd { padding: 24rem 0 0; }


/* 日历式列表 */
.list-info-date { margin: -30rem 0 0; }
.list-info-date li { padding: 30rem 0 0; }
.list-info-date li a { display: block; display: flex; align-items: center; padding: 11rem; background: #fff; border: 1px dashed #E0E7EC; border-radius: 5px; }
.list-info-date li a:hover { border-color: #B42C2B; color: #B42C2B; text-decoration: none; }
.list-info-date li .date { margin-right: 11rem; padding: 9rem 18em; line-height: 1; background: #7c93c1; color: #fff; text-align: center; border-radius: 5px; }
.list-info-date li .date .dd { display: block; font-size: 30em; }
.list-info-date li .date .ym { display: inline-block; width: 90%; margin-top: 0.3em; padding-top: 0.5em; font-size: 16em; border-top: 1px solid #fff; }
.list-info-date li a:hover .date { background: #B42C2B; }
.list-info-date li .tit { width: 1%; flex-grow: 1; padding: 9rem; }
.list-info-date li .tit span { display: block; line-height: 1.7; max-height: 3.4em; overflow: hidden; font-size: 18em; }


/* goTop */
#goTop { position: fixed; display: none; 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: .9; background: rgba(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, .8); left: 0; top: 0; }


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

/* 通用底部按钮 */
.bot { text-align: center; padding: 0 0 20rem 0; }
.bot a,
.bot button { cursor: pointer; display: inline-block; height: 2.8em; line-height: 2.8em; padding: 0 1.2em; font-size: 16em; background: #B42C2B; border: 0; color: #fff; margin: 0 10rem; border-radius: 2px; }
.bot a:hover,
.bot button:hover { text-decoration: none; background: #9e1c1c; }

/* 依申请、信访、咨询等通用 查询页样色 */
.queryForm { padding: 3% 0; margin: 30rem auto; }
.queryForm td { padding: 8px 0}
.queryForm .tdlab { min-width: 7em; text-align: right; font-size: 16em; line-height: 1.4em; padding: 0.6em 0.5em 0.6em 0; }
.queryForm input[type=text] { width: 100%; height: auto; font-size: 16em; line-height: 1.4em; padding: 0.6em 0.7em; border: 1px solid #ddd; border-radius: 3px; outline: none; }
.queryForm .bot { text-align: left; }
.queryForm .bot a { margin: 0; }
.queryForm .required strong { color: #f00; margin-right: 0.5em; }
.queryForm .errorMessage { color: #f00; }
.queryForm table { width: 100%; border: 0; }

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

/* 登录注册 */
.userlogincomment { width: auto !important; max-width: 880px; left: 20rem !important; right: 20rem; margin: auto !important; }
.userlogincomment .user-mainbox .hd h3,
.userlogincomment .user-mainbox .top h3 { color: #B42C2B; border-bottom-color: #B42C2B;}
.userlogincomment .user-mainbox .loginBtn { background: #B42C2B; }
.userlogincomment .user-mainbox .loginBtn:hover { background: #9e1c1c;}
.userlogincomment .loginCookie dd .cookie-time { color: #B42C2B; }
.userlogincomment .login-tip .registerlink a,
.userlogincomment .login-tip .forget-password a { color: #B42C2B; }
.userlogincomment .user-mainbox .bd { padding: 47rem 35rem 20rem; background-position: 999% 999%; }
.userlogincomment .user-panel { width: 100%; padding: 0; }
.userlogincomment .login-tip { float: left; margin: 5% 0 0; width: 100%; height: auto; padding: 0 0 30rem; background-size: contain; background-position: right bottom; }
.userlogincomment .user-panel-login input.form-control { height: auto; width: 100%; box-sizing: border-box; }
.userlogincomment .user-panel-login #Password { width: 100%; }
.userlogincomment .user-mainbox .loginBtn { width: 100%; }
.userlogincomment .login-select { width: auto; margin-top: 25rem; }
.userlogincomment .loginCookie { padding-top: 20rem; }

/* 评论列表 */
.commentForm { font-size: 16em; line-height: 1.8; }
.commentForm .commentTitle { font-size: 1.5em !important; line-height: 1.5; }
.commentForm .commenttitle,
.commentForm h3.title { margin-bottom: 0 !important; font-size: 1.1em !important; line-height: 2.5; }
.commentForm .comments ul { padding: 10rem 0 10rem 40rem; }
.commentForm .tips,
.commentForm .comments .commenttime,
.commentForm .comments .operate a,
.commentForm .commentstatus { font-size: 0.9em !important; }

/* 无障碍 */
#free_Web_box { font-size: 16px; line-height: 1.9; }
#free_Web_box_sub + .wrap #header { top: 96px; }

/* layui */
.layui-layer { font-size: 16px; }

/* 验证码弹窗 */
#simCaptcha-layer { font-size: 16px; }


/* 媒体查询 */
@media (max-width:992px) {
}
@media (max-width:767px) {
    .side{
        width: 100%;
        margin-right: 0;
        float: none;
    }
    #side-menu > .hd h3 { font-size: 40rem; }
    #side-menu > .bd { padding: 25rem; }
    #side-menu .list-menu { overflow: hidden; width: 100%; overflow-x: scroll; white-space: nowrap; }
    #side-menu .list-menu::-webkit-scrollbar { height: 0 !important; width: 0 !important }
    #side-menu .list-menu li { display: inline-block; margin: 0 8rem; }
    #side-menu .list-menu::-webkit-scrollbar { display: none;}
    #side-menu .list-menu li a {
        display: block; background: #fff3f3; color: #B42C2B; border-radius: 4px; padding: 0 1.2em; text-decoration: none; font-size: 18em; line-height: 2.3;
    }
    #side-menu .list-menu li.on a { border-color: #B42C2B; background: #B42C2B; color: #fff; border-right: 0;}

}
@media (min-width:768px) {
    html { font-size: 0.6px; }
    body { font-size: 140%; }



    /* 搜索输入框 */
    .s-form .input-box { border-radius: 500px 0 0 500px; }
    .s-form .btn-box { display: block; }

    /* banner */
    .banner{width: 100%; height: 65vh; }

    #content .container{
        position: relative;
    }
    /* path */
    .path {position: absolute;z-index: 9; left: 0; top: -70rem; display: flex;align-items: center; line-height: 24rem; height: auto; color: #666; width: 100%; text-align: right;margin:0;background: none;padding: 26rem 20rem 20rem; background-color: #fff;}
    .path em::before{margin-right: 10rem; content: "\e656"; font-family: "iconfont"; color: #999;}

    /* 侧栏菜单 */
    #side-menu{margin-top: 30rem;}
    #side-menu .list-menu li{border-left: 1px solid #D9D9D9;}
    #side-menu .list-menu li a { position: relative; display: block; margin-left: 31rem; padding: 26rem 10rem 26rem 0; text-align: left; font-size: 18rem; line-height: 28rem; overflow: hidden; border-bottom: 1px solid #d9d9d9;}
    #side-menu .list-menu li.on{ border-left-width: 2px; border-left-color: #B42C2B;}
    #side-menu .list-menu li.on a {margin-left: 30rem; color: #B42C2B; text-decoration: none; border-right-color: white;}
    #side-menu .list-menu li.on a::after { color: #999; }

    /* box-main */
    .box-main > .hd h3 { max-width: 40%; }

    /* 登录注册 */
    .userlogincomment .user-mainbox .bd { background-position: 51% center; }
    .userlogincomment .user-panel { width: 40%; padding: 0 5% 0 4%; }
    .userlogincomment .login-tip { margin: 5% 0 0 8%; width: 42%; padding: 0 0 220rem 0; }

}
@media (min-width:992px) {
    html { font-size: 0.68px; }
    body { font-size: 100%; }
    #header{background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(165, 165, 165, 0) 100%);}
    .banner{margin-top: 0;}

    #content { padding-left: 0; padding-right: 0; }

    /* 主导航 */
    .navbar .navbar-collapse { margin: 0; box-shadow: none; background: none;}
    .nav-main { display: flex; border: none; background: none; margin: 52rem 0 0; max-height: 42rem; overflow: visible; }
    .nav-main .li1 { margin: 0 16rem; height: 60rem; border-bottom: none; }
    .nav-main .li1 .h1{position: relative; border: none;}
    .nav-main .a1 {position: relative; z-index: 1; padding:0; line-height: 42rem; color: white;}
    .nav-main .hasUl1 .a1::after{
        margin-left: 8rem;
        display: inline-block;
        font-family: "iconfont";
        content: "\e626";
        transform: scale(0.8);
    }
    .nav-main .hasUl1 .drop { display: none; }
    .nav-main .dropdown1 { position: absolute; left: 0; top: 100%; }

    /* 导航下拉菜单 */
    .nav-main .dropdown1 { width: 380rem; left: 50%; padding: 20rem; background: #fff; margin-left: -180rem; box-shadow: 0 0 20rem rgba(0, 0, 0 , .15); }
    .nav-main .dropdown1::after{
        content: "";
        width: 0;
        height: 0;
        float: left;
        overflow: hidden;
        position: absolute;
        z-index: 1;
        left: 50%;
        top: -20px;
        margin-left: -34px;
        border-style: solid;
        border-width: 10px;
        border-color: transparent transparent  white transparent ;
    }
    .nav-main .dropdown1 .pic { float: left; display: block; position: relative; margin-right: 20rem; }
    .nav-main .dropdown1 .pic img { width: 135rem; height: 90rem; }
    .nav-main .dropdown1 .ul1 {margin-top: 0; overflow: hidden; align-items: center; align-content: space-around; }
    .nav-main .dropdown1 .ul1 li a { display: block; padding: 0; line-height: 30rem; font-size: 16em; color: #333; }
    .nav-main .dropdown1 .ul1 li a:hover { text-decoration: none; color: #B42C2B; }
    .nav-main .dropdown1 .li2{flex-basis: 50%;}

    /* 专业介绍 */
    .nav-main #li-zyjs .dropdown1{
        width: 890rem;
        margin-left: -430rem;
    }
    .nav-main #li-zyjs .dropdown1 .li2{
        flex-basis: 25%;
    }
    /*国际航班*/
    .nav-main #li-gjbzs .dropdown1{
        margin-left: -300rem;
    }
    .nav-main #li-gjbzs .dropdown1::after{
        margin-left: 86rem;
    }


    /* 搜索按钮 */
    .nav-panel {position: absolute; z-index: 1; right: 0; top: 36rem;}
    .nav-panel .btn-search {margin-top: 0; font-size: 20rem; width: 24rem; height: 24rem; line-height: 24rem; background: none;}

    /* 搜索弹窗 */
    #modal-search .modal-content { width: 550rem; }

    .footer-bar{text-align: left;}
    .footer-nav{justify-content:left;}
    .footer-bar .container{position: relative; z-index: 1; }
    .footer-qrcode{position: absolute; right: 0; top: 0; margin-top: 0; text-align: center;}
    .footer-qrcode li{width: 100rem;}

    /* 侧栏和主栏 */
    .box-main{padding-top: 30rem;}

    /* 依申请、信访、咨询等通用 查询结果页样色 */
    .queryResult { width: 80%; }

    /* 依申请、信访、咨询等通用 查询页样色 */
    .queryForm { width: 80%; }
    .queryForm .tdlab { width: 40%; }
    .queryForm input[type=text] { width: 56%; }
}
@media (min-width:1200px) {
    html { font-size: 0.84px; }
}
@media (min-width:1300px) {
    html { font-size: 0.92px }
    .container { max-width: 1200px; }
}
@media (min-width:1400px) {
    html { font-size: 1px; }

}
@media (min-width:1500px) {
    .container { max-width: 1200px; }

    /* 顶部 */
    #header .logo img { height: 80rem; }
}



/* 动画库 */
@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
   }
    100% {
        opacity: 1;
        transform: none;
    }
}

@keyframes pagination {
    0% {
        transform: scaleX(0);
    }
    100% {
        transform: scaleX(1);
    }
}
@keyframes down{
    0%{
        transform: translate(-50%,0);
        opacity: 0;
    }
    20%{
        transform: translate(-50%,3px);
        opacity: 1;
    }
    80%{
        transform: translate(-50%,10px);
        opacity: 1;
    }
    90%{
        transform: translate(-50%,10px);
        opacity: 0;
    }
    100%{
          transform: translate(-50%,10px);
        opacity: 0;
    }
}