/* 公共部分 */
body { font-family: 'Poppins', sans-serif; color: #7f8a99; font-size: 1rem; line-height: 1.4; }
*{box-sizing:border-box;margin:0;padding:0;}
a,a:visited{color:#333;text-decoration:none;}
a:hover {color:#651e7c;text-decoration:none;}
a { outline:none; cursor:pointer; }
img { max-width: 100%; height: auto; display:inline-block; }
h1,h2,h3,h4,h5,h6 { font-weight:bold; font-family: 'Poppins', sans-serif; }
.custom-container { max-width: 1380px;margin: 0 auto; }
.container.w1200 { max-width: 1200px; margin: 0 auto; position:relative; padding: 0px 15px; }
/* 网站顶部迷你菜单 */
#topbar .inner { position: relative; padding: 6px 0; line-height: 24px; border-bottom: 1px solid #dfdfdf; display: flex; justify-content: space-between; }
#topbar .inner ul { list-style: none; display: flex; gap:12px; margin:0; }
#topbar .inner .badge-primary { background-color: #651e7c; }
#topbar .badge { font-size:14px; font-weight: normal; }
@media (max-width:576px){
    #topbar .inner .topright { display: flex; justify-content: center; width: 100%;}
}
/* 头部导航菜单 */
#whead { background-color: #fff; border-bottom: 1px solid #f5f5f5; white-space: nowrap; }
#whead a, #whead a:visited { color:#333 !important; }
#whead a:hover { color:#651e7c !important; }
#whead .menu>ul>li a.hover { color:#651e7c !important; }
#whead .inside-header { position: relative; z-index: 99; }
#whead .inside-header .logo { position: absolute; height: 72px; display: flex; align-items: center; z-index:9;}
#whead .inside-header .logo img, #whead .menu-mobile img { width:94px !important; height: auto; display: block; }
#whead .menu-mobile{display:none;padding:20px}
#whead .menu-mobile:after{content:""; display:inline-block; width:24px; height:24px; background-image: url(../svg/three-bars-24.svg); padding:0;}
#whead .menu-mobile.on:after{ background-image: url(../svg/x-24.svg); }
#whead .menu-dropdown-icon:before{content:"";display:none;cursor:pointer;width:24px; height:24px; background: url(../svg/plus-24.svg) no-repeat 0 center; position:absolute; top:15px; right:15px; z-index: 999; }
#whead .menu-dropdown-icon.on:before{background: url(../svg/dash-24.svg) no-repeat 0 center; }
#whead .menu>ul{margin:0 auto;width:100%;list-style:none;padding:0;position:relative;box-sizing:border-box;display: flex; justify-content: flex-end;}
#whead .menu>ul:after,#whead .menu>ul:before{content:"";display:table}
#whead .menu>ul:after{clear:both}
#whead .menu>ul>li{float:left;padding:0;margin:0}
#whead .menu>ul>li a.arrow-icon::after {content: ""; margin-left:5px;width:12px; height:12px; background: url(../svg/chevron-down-12.svg) no-repeat 0 0;}
#whead .menu>ul>li a{text-decoration:none;padding:24px;display:inline-flex;position:relative;align-items:center;}
#whead .menu>ul>li:hover{background:#f5f5f5}
#whead .menu>ul>li>ul{display:none;width:100%;background:#f5f5f5;padding:15px;position:absolute;z-index:99;left:0;margin:0;list-style:none;box-sizing:border-box}
#whead .menu>ul>li>ul:after,#whead .menu>ul>li>ul:before{content:"";display:table}
#whead .menu>ul>li>ul:after{clear:both}
#whead .menu>ul>li>ul>li{margin:0;padding-bottom:0;list-style:none;width:18%;background:0 0;float:left;margin-left:1%;margin-right:1%;}
#whead .menu>ul>li>ul>li a{color:#333;padding:5px 0;display:block; width:100%; border-bottom:1px solid #cdcdcd;font-size:18px;}
#whead .menu>ul>li>ul>li>ul{display:block;padding:0;margin:10px 0 0;list-style:none;box-sizing:border-box}
#whead .menu>ul>li>ul>li>ul:after,#whead .menu>ul>li>ul>li>ul:before{content:"";display:table}
#whead .menu>ul>li>ul>li>ul:after{clear:both}
#whead .menu>ul>li>ul>li>ul>li{float:left;width:100%;padding:6px 0;margin:0;font-size:.8em}
#whead .menu>ul>li>ul>li>ul>li a{border:0;font-size:14px;color:#333; padding:0;}
#whead .menu>ul>li>ul.normal-sub{width:260px;left:auto;padding:10px 20px}
#whead .menu>ul>li>ul.normal-sub>li{width:100%}
#whead .menu>ul>li>ul.normal-sub>li a{border:0;padding:6px 0;font-size:16px;}
/* 响应式设置 */
@media only screen and (max-width:959px){
    #whead { box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); }
    #whead .inside-header { display: flex; align-items: center; }
    #whead .inside-header .logo { display:none; }
    #whead .menu-container{width:100%; display: block; }
    #whead .menu-mobile{display:block; display: flex; justify-content: space-between; width: 100%; align-items: center; padding:10px 14px; }
    #whead .menu-mobile img { width:160px; }
    #whead .menu-dropdown-icon:before{display:block;}
    #whead .menu>ul{display:none}
    #whead .menu>ul>li{width:100%;float:none;display:block;position: relative;}
    #whead .menu>ul>li a{padding:1em;width:100%;display:block}
    #whead .menu>ul>li>ul{position:relative;padding:2px 15px 15px 15px;}
    #whead .menu>ul>li>ul.normal-sub{width:100%;padding:2px 20px 15px;}
    #whead .menu>ul>li>ul>li{float:none;width:100%;margin-top:10px}
    #whead .menu>ul>li>ul>li:first-child{margin:0}
    #whead .menu>ul>li>ul>li>ul{position:relative}
    #whead .menu>ul>li>ul>li>ul>li{float:none}
    #whead .menu .show-on-mobile{display:block;position:absolute;background-color:#eee;z-index: 999; }
    #whead .menu>ul>li a.arrow-icon::after { display: none; }
}
/* 通用按钮样式 */
.button-01{display:inline-block;border-radius:6px;background-color:#651e7c;border:none;color:#fff !important;text-align:center;font-size:17px;padding:12px 16px;min-width:fit-content;transition:all .5s;cursor:pointer;margin:5px; white-space: nowrap;}
.button-01 span{cursor:pointer;display:inline-flex; align-items: center; line-height: normal; position:relative;transition:.5s}
.button-01 span::after{content:'';display:inline-block;width:16px;height:16px;background:url(../svg/arrow-right-double-line.svg) no-repeat center;background-size:contain;position:absolute;opacity:0;right:-15px;transition:.5s}
.button-01:hover span{padding-right:15px;}
.button-01:hover span:after{opacity:1;right:-3px;}
/* 响应式设置 */
@media only screen and (max-width:959px){
    .button-01{ padding:6px 16px; }
}
/* 网站底部 */
.main-footer{position:relative;background:#333333;color:#828282}
.main-footer .custom-container { padding-left:15px; padding-right: 15px; }
.main-footer ul { list-style: none; }
.main-footer .widgets-section{position:relative;padding:50px 0px 30px}
.main-footer .footer-widget{position:relative;margin-bottom:40px}
.main-footer .widget-title{position:relative;margin-bottom:30px;padding-bottom:15px}
.main-footer .widget-title h4{position:relative;display:inline-block;line-height:1.3em;font-size:24px;color:#ffffff;text-transform:uppercase;font-weight:400;margin:0}
.main-footer .widget-title:before{content:'';position:absolute;left:0;bottom:0px;width:70px;border-bottom:1px solid rgba(255,255,255,0.20)}
.main-footer .info-widget{position:relative}
.main-footer .info-widget .logo{position:relative;margin-top:-5px;margin-bottom:30px}
.main-footer .info-widget .logo img{height:50px}
.main-footer .about-widget .text{position:relative;margin-bottom:25px}
.main-footer .links-widget{margin-bottom:10px}
.main-footer .links-widget .widget-content{position:relative;}
.main-footer .links-widget .column{position:relative}
.main-footer .links-widget .links li{position:relative;margin-bottom:12px;line-height:24px;font-size:15px;color:#868da5}
.main-footer .links-widget .links li a{position:relative;display:block;color:#828282;font-size:15px;padding-left:20px;text-transform:capitalize;transition:all 0.4s ease;-moz-transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-o-transition:all 0.4s ease}
.main-footer .links-widget .links li a:before{content:"+";font-family:'Playfair Display',serif;position:absolute;left:0;top:0;line-height:22px;font-size:20px;font-weight:400}
.main-footer .links-widget .links li a:hover{color:#651e7c}
.main-footer .info ul{position:relative}
.main-footer .info ul li{position:relative;line-height:24px;color:#828282;font-size:14px;padding-left:25px;margin-bottom:7px}
.main-footer .info ul li .icon{position:absolute;left:0;top:0;width:25px;color:#743c86}
.main-footer .info ul li a{color:#828282}
.main-footer .info ul li a:hover{color:#651e7c;}
.main-footer .social-links{position:relative;padding-top:24px}
.main-footer .social-links ul{position:relative}
.main-footer .social-links li{position:relative;display:inline-block;margin:0px 8px 0px 0px;line-height:44px}
.main-footer .social-links li a{position:relative;display:block;width:44px;height:44px;line-height:44px;background:#464646;color:#ffffff;font-size:14px;text-align:center;border-radius:50%;transition:all 0.4s ease;-moz-transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-o-transition:all 0.4s ease}
.main-footer .social-links li a:hover{color:#ffffff;background:#651e7c}
.main-footer .social-links span.icon img { width: 18px; height: auto; }
.main-footer .gallery-widget .images{position:relative;}
.main-footer .gallery-widget .images .image{position:relative;float:left;width:25%;display:block;margin:0 0 10px;padding:0px 5px}
.main-footer .gallery-widget .images img{width:100%}
.main-footer .gallery-widget .images .lightbox-image{position:absolute;left:13px;top:8px;right:13px;bottom:8px;background:rgba(255,255,255,0.95);text-align:center;color:#651e7c;opacity:0;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;z-index:1}
.main-footer .gallery-widget .image:hover .lightbox-image{opacity:1}
.main-footer .gallery-widget .images .lightbox-image .icon{position:absolute;left:50%;top:50%;margin:-20px 0px 0px -20px;line-height:40px;width:40px;height:40px;font-size:20px}
.main-footer .footer-bottom{position:relative;line-height:24px;padding:12px 0px;text-transform:capitalize;border-top:1px solid rgba(255,255,255,0.10)}
.main-footer .footer-bottom .inner{position:relative;display:block}
.main-footer .footer-bottom .copyright{position:relative;float:left;padding:10px 0px}
.main-footer .footer-bottom .copyright strong{color:#222222}
.main-footer .footer-bottom .bottom-links{position:relative;float:right;padding:10px 0px}
.main-footer .footer-bottom a{color:#828282;transition:all 0.4s ease;-moz-transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-o-transition:all 0.4s ease}
.main-footer .footer-bottom a:hover{color:#651e7c;text-decoration:underline}
/* 网站底部三个按钮链接 */
#iconLink { padding: 40px 0; background-color: #333333; border-bottom: 1px solid #4e4e4e; }
#iconLink .btn-container{border:1px solid #ffffff80;border-radius:8px;padding:35px;margin:5px;text-align:center;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:border .3s ease;position:relative;height:100%; }
#iconLink .btn-container a,#iconLink .btn-container a:visited{display:flex;flex-direction:column;align-items:center;color:#fff;text-decoration:none}
#iconLink .btn-container a:hover{color:#fff}
#iconLink .btn-container a span{font-size:20px;line-height:1.3;font-weight:400; }
#iconLink .btn-container:hover{border:1px solid #fff}
@keyframes pulse-animation{
    0%{box-shadow:0 0 #ffffff26}
    100%{box-shadow:0 0 0 30px #fff0}
}
#iconLink .playBut{width:72px;height:72px;border-radius:50%;background-color:#313334;display:flex;justify-content:center;align-items:center;margin-bottom:10px;position:relative}
#iconLink .playBut:before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;z-index:0}
#iconLink .btn-container:hover .playBut:before{animation:pulse-animation 1.5s}
#iconLink .playBut img{position:relative;z-index:3}
#iconLink .custom-gutters{margin-right:-5px;margin-left:-5px}
#iconLink .custom-gutters>[class*=col-]{padding-right:5px;padding-left:5px}
@media (max-width:576px){
    #iconLink .btn-container a span{font-size:16px}
    #iconLink .sm-mt-4 { margin-top:20px; }
}
/* 页面banner */
.page-banner { position: relative; padding: 0; color:#fff; z-index: 1; }
.page-banner .image-layer { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover;  z-index: 2; }
.page-banner .banner-inner { text-align: center; }
.page-banner .inner-container { position: relative; padding: 130px 0px; z-index: 2; }
.page-banner div.title { position: relative; font-size: 38px; color: #ffffff; line-height: 1.2; font-weight:bold; text-transform: uppercase; }
.page-banner .page-nav { position: absolute; left: 0; bottom: 0; text-align: left; padding-bottom: 15px; }
.page-banner .page-nav a, .page-banner .page-nav a:visited { color: #ffffff; }
.page-banner .page-nav a:hover { color: #ffffff; }
.page-banner .page-nav .nav_crumb { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
ul.bread-crumb { margin-bottom: 0; list-style: none; }
@media (max-width:576px){
    .page-banner .inner-container { padding: 70px 0px; }
    .page-banner div.title { font-size:24px; }
}
/* 分页 */
.styled-pagination { position: relative; list-style: none; font-size:0; margin-bottom: 0; }
.styled-pagination li { position: relative; display: inline-block; vertical-align: top;  margin-right: 10px; margin-bottom: 10px; font-size: 20px; }
.styled-pagination li a { position: relative; display: block; width: 40px; height: 40px; line-height:40px; text-align: center; border: 1px solid #e5e5e5; color: #7b8594; text-transform: uppercase; }
.styled-pagination li a:hover, .styled-pagination li a.active { color: #ffffff; background: #651e7c; border-color: #651e7c; }