/* Added resources style for 'langwu' on 2024-10-17 */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');
body{background: rgba(240, 240, 240, 1);}
.bg-gray{background: #f5f5f5;}
.mt-md-6{margin-top: 60px;}
.float-left{float: left;}
h1{font-family: 'MB';}
h2,h3,h4{}
h5{font-family: 'Montserrat', sans-serif;font-display: swap;}
.h5-font-size{font-size: 16px;}
.font-text{font-size: 16px;line-height: 25px;}
.text-primary{color: #2549d8 !important;}
.col-md-1-5{flex: 0 0 12.5%;max-width: 12.5%;}
.screen{}
.screen .form-label{font-weight: bold;}
.no-data{text-align: center;width: 500px;margin: 0 auto;line-height: 50px;font-size: 20px;font-weight: bold;}
.no-data .mail{}
#showTime{float:left;}
.blog-breadcrumb{margin-top: 90px;}
.blog-breadcrumb .breadcrumb{background-color: #eee;}
.article_show{float: left;width: 100%;margin:70px 0 100px;z-index: 2;position: relative;font-family: 'Montserrat', sans-serif;font-display: swap;}
.article_show .content a{color:#2549d8; text-decoration: underline;}
.article_show .content a:hover{opacity:0.9;text-decoration: none;}
.article_show .content em{color:#2549d8;}
.article_show .blog-tags{margin: 20px 0 25px 0;}
.article_show .blog-navs{border: 1px solid rgba(201, 201, 201, 1);border-left:0;border-right: 0;display: flex;justify-content: center;gap:60px;padding:20px 0;}
.article_show .blog-navs li{display: flex;justify-content: center;align-items: center;}
.article_show .blog-navs li span{font-size: 16px;font-family: 'Montserrat', sans-serif;font-display: swap;font-weight: 600;}
.article_show .blog-content .left-content{}
.article_show .blog-content .left-content li{font-size: 16px;font-weight: 600;font-family: 'Montserrat', sans-serif;font-display: swap; padding-top: 20px;}
.article_show .blog-content .left-content li a.active{color: rgba(37, 73, 216, 1);}
.article_show .right-content{text-align: center;}
.article_show .right-content .top-title{display: none;border-bottom: 1px solid rgba(201, 201, 201, 1);padding:10px 0;text-align: center;}
.article_show .right-content ul.list{width: 250px;margin:0 auto;}
.article_show .right-content ul.list li{margin-top:20px;}
.article_show .middle-content .social {display: flex;align-items: center;justify-content: center;margin-bottom: 30px;margin-top: 30px;}
.article_show .middle-content .line {width: 200px;height: 1px;background-color: rgba(201, 201, 201, 1);margin: 0 10px;}
.article_show .middle-content .icons {display: flex;gap: 10px;}
.article_show .middle-content .icons img {width: 40px;height: 40px;}
.article_show .middle-content .icons #likes{cursor: pointer;}
.article_show .middle-content img{cursor: pointer;}
.article_show .middle-content .content img{cursor: zoom-in;}
.article_show .two{margin-top:80px;}
.article_show .two ul.related-articles-list{display: flex;gap: 30px;margin-top:20px;}
.article_show .two ul.related-articles-list li{width: 20%;}
.article_show .two ul.related-articles-list h6{padding-top:8px;}
.article_show .three{margin-top:80px;display: flex;margin-bottom: 80px;}
.article_show .three ul.comment-list{margin-top: 20px;}
.article_show .three ul.comment-list li{border-top: 1px solid rgba(201, 201, 201, 1);padding: 15px 0;}
.article_show .three ul.comment-list li .time{font-weight: 600;font-size: 16px;}

/* 点击图片放大样式 */
.lightbox {display: none;position: fixed;z-index: 1000;left: 0;top: 80px;width: 100%;height: 100%;overflow: auto;background-color: rgba(0, 0, 0, 0.9);justify-content: center;align-items: center;}
.lightbox .close {color: #fff;font-size: 30px;position: absolute;top: 15px;right: 35px;cursor: pointer;}
.lightbox .img-container {text-align: center;margin-top: 50px;}
.lightbox img {max-width: 90%;max-height: 80%;margin: auto;}
.lightbox .prev, .lightbox .next {cursor: pointer;position: absolute;top: 50%;width: auto;padding: 16px;color: white;font-weight: bold;font-size: 18px;transition: 0.6s ease;border-radius: 0 3px 3px 0;user-select: none;}
.lightbox .next {right: 0;border-radius: 3px 0 0 3px;}
.lightbox .prev:hover, .lightbox .next:hover {background-color: rgba(0, 0, 0, 0.8);}

/*article list*/
.article-list{margin-top: 0px;font-family: 'Montserrat', sans-serif;font-display: swap;}
.article-list .breadcrumb{background-color: #eee;}
.article-list .form-control{border-radius: 1em;}
.article-list .screen-form{display: flex;justify-content: space-between;}
.article-list .screen-form .btn-off{border: 0px solid #FFFFFF;background: #FFFFFF;}
.article-list .screen-form .btn-switch-left_1{border-top-left-radius: 40%;border-bottom-left-radius: 40%;}
.article-list .screen-form .btn-switch-right_1{border-top-right-radius: 40%;border-bottom-right-radius: 40%;}
.article-list .tab-content .tags{width: 100%;margin-top: 16px;float: left;line-height: 36px;}
.article-list .tab-content .tags .tag{font-size: 19px;/* font-weight: 700; */float: left;padding-right: 16px;font-family: 'Montserrat', sans-serif;font-display: swap;}
.article-list .tab-content .time{/* font-weight: bold; */font-size: 19px;}
.article-list .box .ul li .info .tit{font-family: 'Montserrat', sans-serif;font-display: swap;font-weight: normal;font-weight: bold;}
.article-list .box .more{float: left;width:100%;text-align: center;margin-bottom: 80px;}
.article-list .box .more a{background: rgba(37, 73, 217, 1);border-radius: 10px;color: #FFFFFF;vertical-align: top;line-height: 50px;padding: 0 40px;font-size: 20px;font-family: 'MB';color: #000;display: inline-block;transition:0.5s; cursor: pointer;}
.article-list .box .more a:hover{opacity: 0.9;background: var(--themefive);color: #fff;border: 1px solid var(--themefive);}
.article-list.blog_page .box .more a{background: rgba(37, 73, 217, 1);border-radius: 10px;color: #FFFFFF;}
.article-list.blog_page .box .more a:hover{opacity: 0.9;}

/*FAQ*/
.new_faq_page h1,h2,h3,h4{font-family: 'MB';}
.new_faq_page .tab-content{background: #FFFFFF;margin-bottom: 80px;}
.new_faq_page ul.cate-lists {text-align: center;}
.new_faq_page ul.cate-lists li{flex: 0 0 33.333333%;max-width: 33.333333%;padding:50px 0;}
.new_faq_page ul.cate-lists li .list-box{margin:0 20px;}
.new_faq_page ul.cate-lists li img{height: 120px;width: 120px;/*border-radius: 50%;border: 1px solid rgb(194 196 207);*/padding: 10px;}
.new_faq_page ul.cate-lists li .title{padding-top:30px;}
.new_faq_page ul.cate-lists li .description{padding:20px 50px;}
.new_faq_page ul.cate-lists li .learn-more{font-weight: bold;}
.new_faq_page .box .more{padding-bottom: 50px;background: #FFFFFF;margin-bottom: 0;}

/*FAQ show*/
.faq-breadcrumb .breadcrumb{background-color: rgba(240, 240, 240, 1);}
.new_faq_show .right-content .top-title{cursor: pointer;}
.new_faq_show .middle-content .content img{cursor: pointer;}
.faqs-list {margin: 20px 0 50px 0;}
.faqs-list li {margin-bottom: 14px;}
.faqs-list .title {
    height: auto;
    background: linear-gradient(180deg, rgba(37, 40, 60, 1) 0%, rgba(16, 17, 35, 1) 100%);
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 26px;
    color: rgba(255, 255, 255, 1);
    text-align: left;
    vertical-align: top;
    padding-left: 15px;
    padding-right: 30px;
    min-height: 46px;
    position: relative;
    cursor: pointer;
    align-items: center;
    display: flex;
}
.faqs-list .title b {
    position: absolute;
    right: 13px;
    font-size: 30px;
    cursor: pointer;
    font-family: 'Courier New', monospace;
    display: inline-block;
    top: 2px;
    line-height: 46px;
}
.faqs-list .content {
    padding: 15px;
    background: rgba(255, 255, 255, 1);
    font-size: 16px;
    font-weight: 300;
    line-height: 25px;
    color: rgba(54, 55, 56, 1);
    text-align: left;
    vertical-align: top;
}
/*gallery*/
.gallery_focus .box{display: flex;position: relative;font-family: 'Montserrat', sans-serif;font-display: swap;}
.page_focus.gallery_focus .con .box b.title{position: absolute;text-align: left;bottom: -165px;}
.page_focus .con .box p.content{text-align: left;position: absolute;line-height: normal;width: 900px;bottom: -170px;font-family: 'Montserrat', sans-serif;font-display: swap;}
.page_focus.gallery_focus .con{height: 500px;}
.page_focus.gallery_focus .bg{height: 500px;position: relative;}
.page_focus.gallery_focus .bg img{width: 100%;position: absolute;bottom: 0;}
.gallery_focus .title{}

.gallery{margin-bottom: 80px;font-family: 'Montserrat', sans-serif;font-display: swap;}
.gallery .breadcrumb{background-color: #eee;}
.gallery .waterfall .list-group .list-group-item{border:0;}
.gallery .waterfall .list-group .list-group-item img{cursor: zoom-in;}
.gallery .waterfall .list-group .list-group-content:hover{background: rgba(37, 73, 216, 1);color: #FFFFFF;}
.gallery .waterfall .list-group .tags{width: 100%;margin-top: 0px;float: left;line-height: 36px;}
.gallery .waterfall .list-group .tags .tag{font-size: 16px;/* font-weight: 700; */float: left;padding-right: 16px;font-family: 'Montserrat', sans-serif;font-display: swap;}
.gallery .waterfall .list-group .info{padding:15px 0;float: left;width: 100%;font-weight: bold;}
.gallery .waterfall .list-group .time{/* font-weight: bold; */font-size: 18px;width: 100%;float: left;}

.waterfall .list-group{}
.waterfall .list-group>li:first-child{padding:0;background-color:#fff}
.waterfall .list-group>li:first-child img{width:100%;border-top-right-radius:4px;border-top-left-radius:4px}
.waterfall .list-group>li{background-color:#f5f5f5}

/*Resources All*/
.resources-all .one{margin-top:80px;width: 100%;float: left;}
.resources-all .two{margin-top:80px;width: 100%;float: left;}
.resources-all .two .left-menu .title{color: rgba(37, 73, 216, 1);}
.resources-all .two .left-menu ul{font-size: 20px;font-weight: bold;line-height: 50px;}
.resources-all .two .left-menu ul a{color: rgba(37, 73, 216, 1);}
.resources-all .two .left-menu ul a:hover{opacity: 0.9;}
.resources-all .two  .content-r{background: #FFFFFF; align-items: center;padding:30px;}
.resources-all .two  .content-r .title{text-align: center;}
.resources-all .two  .content-r .learn-more{text-align: center;}
@media (max-width:768px){
    .waterfall .list-group{width:346px}
    .page_focus.gallery_focus .con .box b.title{position: relative;}
    .col-md-1-5{max-width: none;flex:auto;}
    #screen-form{gap:15px;}
    .article-list .breadcrumb{background-color: #FFFFFF;}
    .blog_page .box .ul li{width: 100%}
}
@media (min-width:992px){
    .waterfall .list-group{width:299px}
}
@media (min-width:1200px){
    .waterfall .list-group{width:24%;margin:0 0.485% 15px 0.485%;}
    /*.waterfall .list-group{display:flex;gap:20px;padding: 0;margin:0;}*/
}