.inbanner { position: relative; overflow: hidden; padding: 50px 0; width: 100%; background: #fff linear-gradient(180deg, #fff, #eeeeee); box-sizing: border-box; z-index: 3; }
.inbanner .page-heading { display: flex; flex-direction: column; justify-content: center; }
.inbanner .page-heading strong { color: #444; font-size: 44px; position: relative; font-weight: 900; letter-spacing: -.05em; font-weight: 600; line-height: 1.3; text-transform: uppercase; display: block; font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; }
.inbanner .page-heading p { text-transform: uppercase; font-size: 16px; color: #aaaaaa; margin: 10px 0 7px 0; font-weight: normal; letter-spacing: 0px; }
.inbanner .page-project { display: flex; align-items: center; width: 50%; justify-content: space-between; }
.inbanner .page-project p { display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 20px; color: var(--secondary); opacity: 0.1; }
.inbanner .page-project p i { font-size: 50px; }
.breadcrumbs { font-size: 14px; box-shadow: 0 1px 2px #e6e6e6; border-top: 1px solid #e6e6e6; margin-bottom: 30px; position: relative; color: #aaaaaa; background: #fff; }
.breadcrumbs a { position: relative; display: inline-block; padding: 12px 0; font-weight: bold; padding-right: 30px; margin-right: 30px; font-size: 14px; color: #444444; }
.breadcrumbs a::before, .breadcrumbs a::after { position: absolute; content: ""; width: 1px; right: 0; height: 33px; background-color: #e6e6e6; }
.breadcrumbs a::before { top: -5px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.breadcrumbs a::after { bottom: -5px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.breadcrumbs span { font-family: "Roboto", Helvetica, Arial, sans-serif; }
.breadcrumbs span > span { padding: 12px 0; display: inline-block; }
/*inbody*/
.inbody { position: relative; margin: 40px 0 40px; z-index: 10; }
.inbody .in_con_tit { margin-bottom: 40px; position: relative; text-align: center; }
.inbody .in_main { display: flex; justify-content: space-between; gap: 30px; }
.in_main .in_nav { width: 250px; flex-shrink: 0; }
.in_main .in_nav ul { display: flex; flex-direction: column; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 10px; }
.in_main .in_nav ul li { background-color: #ffffff; transition: transform 0.15s, box-shadow 0.15s; position: relative; overflow: hidden; font-size: 16px; }
.in_main .in_nav ul li.cur, .in_main .in_nav ul li:hover { background: linear-gradient(-215deg, var(--theme2), var(--theme)); color: var(--text); }
.in_main .in_nav ul li:hover { /*transform: translateY(-10px);*/ box-shadow: 0 5px 15px var(--theme-light-2); }
.in_main .in_nav ul li::before { content: ""; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, var(--theme-light-2), transparent); transition: left 0.15s; }
.in_main .in_nav ul li:hover::before { left: 100%; }
.in_main .in_nav ul li a { padding: 10px 20px; line-height: 28px; display: block; }
.in_main .in_nav ul li:hover a { color: #fff; }
.in_main .in_nav ul li.cur a { color: #fff; }
.in_main .in_content { width: 100%; background-color: #ffffff; padding: 30px 30px; transition: transform 0.3s, box-shadow 0.3s; /*  border: 1px solid rgba(0, 212, 255, 0.1);*/ position: relative; overflow: hidden; line-height: 32px; font-size: 16px; color: var(--text-secondary); font-family: "Roboto", Helvetica, Arial, sans-serif; }
.in_main .in_content .in_content_head { margin: -30px -30px 30px; border: 5px solid transparent; border-image: linear-gradient(210deg, var(--secondary), var(--theme2), var(--secondary), var(--theme2)) 1; }
.in_main .in_content .in_content_head img { width: 100%; height: 100%; display: block; }
.in_main .in_content h1 { font-size: 28px; color: var(--text); font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; font-weight: 900; letter-spacing: -.05em; text-transform: uppercase; }
.in_main .in_content p { font-family: "Roboto", Helvetica, Arial, sans-serif; }
.in_main .in_content ul { margin-left: 2em; }
.in_main .in_content ul li { list-style-type: square; }
.in_main .in_content_a { font-size: 14px; line-height: 28px; }
.in_main .in_content_a p { margin-top: 0.8rem; margin-bottom: 0.8rem; }
.philo_content { display: flex; flex-direction: column; gap: 30px; }
/* ռλͼƬ */
.philo_content .placeholder-img { width: 200px; height: 200px; object-fit: cover; border: 1px solid #eee; }
/* ÎÄ×ÖÄÚÈÝ */
.philo_content .text-area { flex: 1; }
.philo_content .philo_section { margin-bottom: 20px; display: flex; align-items: center; gap: 30px; }
.philo_content h2 { color: #333; margin-bottom: 8px; }
.philo_content p { color: #555; line-height: 1.6; margin: 0; }
.feedback p { margin-top: 1rem; display: flex; align-items: center; height: 50px; line-height: 50px; position: relative; padding: 0 15px 0 20px; margin-bottom: 0 !important; position: relative; border: 1px solid #eee; background: #f4f4f4; }
.feedback p i { font-size: 16px }
.feedback p input { width: 100%; height: 100% }
.feedback .tarea { width: 100%; height: 160px; padding-top: 15px; padding-bottom: 15px; line-height: 1.6; align-items: inherit; margin-bottom: 10px; margin-top: 0!important; }
.feedback i { color: #a0a0a0; font-style: normal; font-size: 1rem; margin-right: 10px }
.feedback textarea { width: 100%; height: 100% }
.feedback .code { margin-top: 1rem; display: flex; align-items: center; gap: 5px; }
.feedback .code input { height: 50px; line-height: 50px; border: 1px solid #eee; background: #f4f4f4; }
.feedback .code .c { width: 20%; padding: 0 15px }
.feedback .code img { padding: 5px; height: 50px; border: 1px solid #eee; background: #f4f4f4; margin-left: -1px }
.feedback .code .sub { background: #fb7109; width: 30%; cursor: pointer; transition: all .3s; color: #fff; border: 1px solid #fb7109; font-size: 16px }
.feedback .sub:hover { background: #b30600 }
.in_main .in_content .art-list { margin-left: 0; display: flex; gap: 30px; flex-direction: column; }
.in_main .in_content .art-list .art-item { position: relative; background: #fff; list-style-type: none; }
.art-list .art-item > a { height: 100%; display: flex; justify-content: space-between }
.art-list .art-item .art-message { display: flex; align-items: flex-start; justify-content: space-between; flex-direction: column; box-sizing: border-box; flex: 1; padding-top: 5px }
.art-list .art-item .art-title { font-family: "Roboto", Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 600; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 24px; margin-bottom: 13px; word-break: break-all }
.art-list .art-item .art-desc { font-size: 14px; font-weight: 400; line-height: 20px; color: #888; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: break-all }
.art-list .art-item .art-txt, .art-list .art-item .art-infomation { width: 100% }
.art-list .art-item .art-infomation { display: flex; justify-content: space-between; align-items: center; color: #888; font-size: 14px; font-family: 'Montserrat' }
.art-list .art-item .art-infomation i { font-size: 18px }
.art-list .art-item .art-infomation i:hover { color: #fb7109 }
.art-list .art-item .art-author { color: #888 }
.art-list .art-item .art-author img { border-radius: 100%; display: block }
.art-list .art-item .art-author .face-box { margin-right: 6px }
.art-list .art-item .art-author .author-name { margin-right: 20px }
.art-list .art-item:hover .art-img::before { background-color: transparent }
.art-list .art-item .art-tags { flex-wrap: wrap; overflow: hidden; display: flex; justify-content: flex-end; position: absolute; bottom: 20px; right: 100px; line-height: 24px }
.art-list .art-item .art-tags > a { background: #f4f4f4; padding: 3px 8px; margin-left: 8px; border-radius: 3px; line-height: 26px; box-sizing: content-box; font-size: 14px; color: #888 }
.art-list .art-item .art-tags > a:hover { color: #fff; background: #fb7109 }
.art-list .art-img { width: 250px; height: 150px; overflow: hidden; flex-shrink: 0; margin-right: 20px; position: relative }
.art-list .art-img img { min-width: 100%; min-height: 100%; transition: all .4s }
.art-list .art-item > a:hover .art-img img { transform: scale(1.3, 1.3); transition: all .4s }
.art-list .art-img::before { transition: all 0.2s linear; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(1,1,1,0.1); z-index: 3 }
.tips_a a { display: inline-block; background: #999; color: #fff; font-size: 14px; text-align: center; line-height: 2.2; margin-right: 5px; border-radius: 3px; padding: 0 8px }
.tips_a a:hover { color: #fff; background: #fb7109 }
.page-nav-wrap { margin: 40px 0 10px; display: flex; justify-content: center; align-items: center; }
.page-nav-wrap ul { font-size: 16px }
.page-nav-wrap ul li { display: inline-block }
.page-nav-wrap ul li a { display: inline-block; width: 40px; height: 40px; line-height: 40px; background: #f5f5f5; transition: all 0.3s ease-in-out; margin: 0 2px; text-align: center; }
.page-nav-wrap ul li a.current { background-color: #fb7109; color: #fff }
.page-nav-wrap ul li a i { margin-top: 2px }
.page-nav-wrap ul li a:hover { background-color: #fb7109; color: #fff }
.showTie { margin-bottom: 30px; text-align: center; margin-top: 10px }
.showTie h2 { font-size: 22px; color: #333; margin-bottom: 15px; font-weight: 600; font-family: "Roboto", Helvetica, Arial, sans-serif; }
.showTie .bshare-custom { margin-top: -30px }
.newsShow .showTie .txt { font-size: 0.75rem; color: #999; gap: 20px; justify-content: center }
.newsShow .showTie .txt span { color: #454545; position: relative; font-size: 1.143em }