/** header **/
.top-nav{position:fixed;top:40px;z-index:200000000;}
.fixed_topnav{background:#fff;top:0px;z-index:200000000;}

/** banner **/
.banner-sub{width:100%;padding-bottom:108px;background-image:url('../../imgs/banner-sub.png');}
.banner{min-height:700px;margin-top:0px;background-position-x:100%;background-repeat:no-repeat;background-size:contain;background-image:url('../../imgs/banner-lf.png');}
.bn-rt{width:42%;margin-right:-30px;float:right;margin-top:185px;}
.bn-lf{width:58%;border:none;position:relative;float:left;border-radius:0px 0px 40px 0px;padding:25px;margin-top:100px;background-size:cover;background-repeat:no-repeat;background-image:url('../../imgs/bn-lf-bg.png');}
.bn-lf .bn-flash{width:142px;height:142px;top:0px;right:0px;transform:translate(50%,-50%);position:absolute;background-size:contain;background-repeat:no-repeat;background-image:url('../../imgs/bn-flash.png');}
.bn-rt .bn-rt-tle{font-family: Poppins-Bold;font-size: 40px;color: #FFFFFF;line-height:1.5em;}
.bn-rt .bn-rt-bri{font-family: Poppins;font-weight: 400;font-size: 18px;color: #FFFFFF;line-height:1.5em;margin-top:16px;}
.bn-lf .bn-bdr{margin-top:35px;width:33px;height:8px;background-image:url('../../imgs/bn-bdr.png');}
.bn-lf .bn-tle{margin-top:15px;font-family: Poppins-SemiBold;font-weight: 600;font-size: 26px;color: #FF6101;}
.bn-lf .bn-bri{margin-top:15px;font-family: Poppins;font-weight: 400;font-size: 14px;color: #45484E;line-height: 24px;}
.bn-lf .bn-ls{margin:35px 0px;}
.bn-lf .bn-ls .bn-ls-nm a{font-family: Poppins-Medium;font-weight: 500;font-size: 16px;color: #715038;}
.bn-ls ul{overflow: hidden;}
.bn-lf .bn-ls li{width:33.3%;position:relative;}
.bn-lf .bn-ls li::after{right:45px;top:20px;height:73px;width:2px;content:'';position:absolute;background-repeat:no-repeat;background-size:contain;background-image:url('../../imgs/blog-bn-line.png');}
.bn-lf .bn-ls li:last-child::after{display:none;}
.bn-lf .bn-ls .bn-ls-it{display:inline-block;padding:0px;}
.bn-lf .bn-ls .bn-ls-img{width:fit-content;margin:0px auto;}
.bn-lf .bn-ls .bn-ls-nm{text-align:center;margin-top:15px;}
.bn-btn{position:absolute;bottom:-30px;}
.bn-btn a{font-family:Poppins-Medium;position:relative;padding:20px;color:#FFF;background: #FFBF4F;display:inline-block;box-shadow: -9px 10px 0px 0px #FF7C41;}
.bn-btn a::after{content:'';width:50px;height:50px;position:absolute;bottom:-15px;right:-23px;background-repeat:no-repeat;background-size:contain;background-image:url('../../imgs/bn-ls-btn.png');}

/** ssb **/
.subsribe{margin-top:80px;}
.subsribe .container{overflow:hidden;}
.ssb-lf,.ssb-rt{width:50%;float:left;padding:0px 90px;}
.ssb-lf .num,.ssb-rt .num{font-family:Poppins-Bold;font-weight:bold;font-size:28px;color:#FF7800;text-align:center;}
.ssb-lf .tle,.ssb-rt .tle{font-family: Poppins-SemiBold;font-weight: 600;font-size: 24px;color: #3E3E3E;text-align:center;}
.ssb-lf .bri,.ssb-rt .bri{font-family: Poppins;font-weight: 400;font-size: 20px;color: #565656;text-align:center;}
.ssb-lf  .form,.ssb-lf .form form{width:100%;padding:0px;}
.ssb-lf  .form{margin-top:40px;}
.ssb-rt .btn{margin-top:40px;display:flex;justify-content:center;}
.ssb-lf .form form{position:relative;}
.ssb-lf .form input{width:100%;height:60px;border-radius:30px;outline:none;border:1px solid #D9D9D9;font-family: Poppins;font-weight: 400;font-size: 14px;color: #333;line-height:60px;padding:0px 35px;}
.ssb-lf .form span{height:60px;right:0px;top:0px;display:inline-block;position:absolute;line-height:60px;border-radius:60px;padding:0px 25px;background:#FF7800;color:#FFF;}
.ssb-rt .btn a{color:#000;font-family:Poppins;padding:0px 25px;margin-right:15px;display:inline-flex;align-items:center;height:60px;line-height:60px;border-radius:60px;background: #FFFFFF;border-radius: 30px;border: 1px solid #9D9D9D;}
.ssb-rt .btn a i{margin-right:15px;background-repeat:no-repeat;background-size:contain;}
.ssb-rt .btn a:nth-child(1) i{width:12px;height:22px;background-image:url('../../imgs/ssb-rt-01.png');}
.ssb-rt .btn a:nth-child(2) i{width:20px;height:20px;background-image:url('../../imgs/ssb-rt-02.png');}
.ssb-lf{position:relative;}
.ssb-lf::after{content:'';width:3px;height:200px;background-repeat:no-repeat;background-size:contain;background-image:url('../../imgs/subsribe-line.png');position:absolute;top:0px;right:0px;}


/** discover **/
.discover{padding: 110px 0px 60px 0px;background-repeat:no-repeat;background-size:cover;background-image:url('../../imgs/discover-bg.png');}
.discover .border-bg{margin:10px auto;}
.discover .blk_bri{font-family: Poppins;margin-top:10px;font-weight: 400;font-size: 14px;color: #9A9A9A;、line-height:1.5em;width:100%;max-width:730px;margin:0px auto;text-align:center;}
.discover .dc-m{width:100%;background:#FFF;padding:18px;overflow:hidden;margin-top:55px;}
.discover .dc-lf,.discover .dc-rt{width:50%;float:left;}
.discover .dc-rt{padding-left:30px;}
.discover .dc-lf .dc-img{width:100%;}
.discover .dc-lf .dc-img img{max-width:100%;}
.discover .dc-rt-date{position:relative;margin-top:10px;font-family:Poppins;font-weight:400;font-size:16px;color:#808080;line-height:18px;}
.discover .dc-rt-date::after{width:47px;height:47px;top:0px;left:0px;position:absolute;content:'';background-size:contain;background-repeat:no-repeat;background-image:url('../../imgs/num-bg.png');}
.discover .dc-rt-date span{font-family: Poppins-SemiBold;display:inline-block;font-weight: 600;font-size: 44px;color: #FF7623;line-height:50px;background: linear-gradient(0deg, #FFF111 0%, #FF7623 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.discover .dc-rt-tle{margin-top:35px;}
.discover .dc-rt-tle a{font-family:Poppins;font-weight:400;font-size:17px;color:#010101;line-height:18px;}
.discover .dc-rt-bri{margin-top:20px;font-family:Poppins;font-weight:400;font-size:14px;color:#676D75;line-height:22px;}
.discover .dc-rt-btn{margin-top:35px;}
.discover .dc-rt-btn a{display:inline-block;padding:0px 30px;height:45px;line-height:45px;border-radius:45px;font-family:Poppins;font-weight:400;font-size:14px;color:#FFFFFF;background:#FF7623;}
.discover .dc-ls{margin-top:45px;}
.discover .dc-ls li{width:calc(50% - 10px);padding:0px;margin-bottom:20px;}
.discover .dc-ls li:nth-child(odd){margin-right:10px;}
.discover .dc-ls li:nth-child(even){margin-left:10px;}
.discover .dc-ls ul{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}
.discover .dc-ls li .dc-it{display:flex;justify-content:center;align-items:center;}
.discover .dc-ls li .dc-it-date{text-align:center;position:relative;margin-right:5px;padding:0px;width:fit-content;display:inline-block;}
.discover .dc-ls li .dc-it-date .dc-day{padding:0px 30px;font-family: Poppins;font-weight: 600;font-size:44px;color: #FF7623;line-height:45px;background: linear-gradient(0deg, #FFF111 0%, #FF7623 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.discover .dc-ls li .dc-it-info{width:calc(100% - 80px);float:left;}
.discover .dc-ls .dc-it-tle{margin-bottom:10px;}
.discover .dc-ls .dc-it-tle a{font-family: Poppins;font-weight: 400;font-size: 14px;color: #010101;line-height: 24px;}
.discover .dc-ls .dc-it-bri{font-family:Poppins;font-weight:400;font-size:14px;color:#7C8085;line-height:20px;}
.discover .dc-ls li .dc-it-date::after{width:47px;height:47px;top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;content:'';background-size:contain;background-repeat:no-repeat;background-image:url('../../imgs/num-bg.png');}
.discover .dc-ls li .dc-it-info .dc-it-dt{font-family:Poppins;font-weight:400;font-size:12px;color:#FF7623;line-height:24px;}
.discover .dc-ls li .dc-it-info .dc-it-rm a{border-bottom:1px solid #FF7623;display:inline-block;font-family: Poppins;font-weight: 400;font-size: 12px;color: #FF7623;line-height:25px;}
.discover .dc-ls li .dc-it-info .dc-it-rm a::after{content:'';display:inline-block;width:14px;height:11px;background:url('../../imgs/readmore.png');}
.discover .dc-ls li .dc-it .dc-it-img img{max-width:280px;}
.discover .dc-ls li .dc-it .dc-it-img{margin-right:18px;}

/** blogs **/
.blogs{margin-top:80px;margin-bottom:80px;} 
.blogs .blk_bri{width:100%;max-width:705px;text-align:center;font-family:Poppins;margin:25px auto;font-weight:400;font-size:14px;color: #9A9A9A;line-height:1.5em;}
.blogs .bl-cate{margin-top:30px;}
.blogs .bl-cate ul{display:flex;justify-content:center;align-items:center;gap:35px;flex-wrap:wrap;}
.blogs .bl-cate a{height:46px;min-width:100px;text-align:center;line-height:46px;border-radius:46px;padding:0px 18px;font-family: Poppins;font-weight: 400;font-size:14px;color:#FF7623;border:1px solid #FF7623;display:block;}
.blogs .bl-cate li.active a{background:#FF7623;color:#FFF;}
.blogs .bl-ls{margin-top:40px;}
.blogs .bl-ls ul{overflow:hidden;}
.blogs .bl-ls li{width:100%;display:flex;align-items:center;background:#FFEEE4;margin-bottom:18px;}
.blogs .bl-ls li .bl-lt{display:block;background:none;min-height:80px;padding:15px 5px;text-transform:uppercase;writing-mode:vertical-rl;font-family:Poppins;font-weight: 400;font-size: 12px;color: #FFFFFF;}
.blogs .bl-ls li.lastest .bl-lt{background: #FF7623;}
.blogs .bl-ls li .bl-date{margin-left:80px;padding:0px;}
.blogs .bl-ls li.lastest .bl-date{margin-left:58px;font-family: Poppins;}
.blogs .bl-ls li .bl-tle{width:50%;margin-left:120px;padding:0px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.blogs .bl-ls li .bl-tle a{font-family:Poppins-Medium;color:#4A515E;font-weight:500;}
.bl-cats ul{overflow:hidden;}
.bl-cats li{display:inline-block;font-family:Poppins;font-weight:400;font-size:14px;color:#696C6F;}
.bl-pg ul{width:fit-content;display:flex;align-items:center;justify-content:center;margin:0px auto;}
.bl-pg ul li{padding:15px;}
.bl-pg ul li a{font-family:Poppins;font-weight:400;font-size:14px;color:#2C2C2C;}
.bl-pg ul li.active a{color:#FF7623;}
.bl-ls .bl-ct{width:80%;display:flex;align-items:center;}
.bl-cats a{font-family:Poppins;font-weight:400;font-size:14px;color:#696C6F;line-height:1.5em;border-right:1px solid #696C6F;padding-right:10px;}
.bl-cats a:last-child{border-right:none;}
.bl-ico i{width:20px;height:15px;background-repeat:no-repeat;background-size:contain;background-image:url('../../imgs/arrow_left.png');display:inline-block;}
.bl-ci{display:flex;align-items:center;}
.bl-curr-cate{width:100%;max-width:600px;margin:0px auto;display:inline-block;text-align:center;display:none;}
.bl-curr-cate .bl-curr-tip{font-family:Poppins;font-size:14px;}
.bl-curr-cate .bl-curr-name{font-family:Poppins-Medium;font-size:18px;}

/** crumbs **/
.crumbs{width:100%;background:#FBFBFB;}
.crumbs ul{padding:20px 0px;overflow:hidden;}
.crumbs .home{width:20px;height:20px;background-repeat:no-repeat;background-size:contain;background-image:url('../../imgs/icons/home.png');}
.crumbs li{margin-right:10px;display:inline;float:initial;}
.crumbs .fa-home{color:#999;}
.crumbs .fa-angle-right{color:#777;}
.crumbs li a span{color:#777;position:relative;font-family:Poppins;font-size:15px;display:inline;}
.crumbs li a span:hover{cursor:pointer;color:deepskyblue;}
.crumbs li a h2{color:#333;font-family:Poppins-Medium;font-weight:normal;font-size:15px;display:inline;}

.hv-btn{position:relative;cursor:pointer;overflow:hidden;-webkit-transition:border-color 0.4s, color 0.4s;transition: border-color 0.4s, color 0.4s}
.hv-btn::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:#FF7623;z-index: -1;opacity: 0;-webkit-transform: scale3d(0.7, 1, 1);transform: scale3d(0.7, 1, 1);-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;transition: transform 0.4s, opacity 0.4s;-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);}
.hv-btn:hover{color:#fff!important;border-color:#FF7623;}
.hv-btn:hover::before{opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}


.hv-btn2{z-index:2;border: 1px solid transparent;position:relative;cursor:pointer;overflow:hidden;-webkit-transition:border-color 0.4s, color 0.4s;transition: border-color 0.4s, color 0.4s}
.hv-btn2::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:#FFF;z-index: -1;opacity: 0;-webkit-transform: scale3d(0.7, 1, 1);transform: scale3d(0.7, 1, 1);-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;transition: transform 0.4s, opacity 0.4s;-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);}
.hv-btn2:hover{color:#FF7623!important;border-color:#FF7623!important;}
.hv-btn2:hover::before{opacity:1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}

@media screen and (max-width:1440px) {
    .bn-btn a{padding:15px;}
    .bn-ls-img img{max-width:88px;}
    .ssb-lf .form span{height:54px;line-height:54px;padding:0px 20px;}
    .ssb-lf .form input{height:54px;line-height:54px;}
    .ssb-rt .btn a{padding:0px 20px;height:54px;line-height:54px;}
}
@media screen and (max-width:1280px) {
    .bn-rt .bn-rt-tle{font-size:32px;}
    .bn-rt .bn-rt-bri{font-size:16px;}
    .bn-lf{padding:18px;}
    .bn-lf .bn-ls{margin:25px 0px;}
    .ssb-lf, .ssb-rt{padding:0px 55px;}
}
@media screen and (max-width:1080px){
    .banner{min-height:auto;padding-bottom:30px;overflow:hidden;}
    .bn-lf,.bn-rt{width:100%}
    .bn-rt{margin-top:75px;margin-right:0px;}
    .bn-rt .bn-rt-tle,.bn-rt .bn-rt-bri{color:#3B3B3B;}
    .bn-lf .bn-bdr{display:none;}
    .banner-sub{padding-bottom:75px;}
}
@media screen and (max-width:992px) {
    .top-nav{background:#FFF;}
    .ssb-lf, .ssb-rt{padding:0px 6px;}
    .ssb-lf{margin-bottom:20px;}
    .ssb-rt .btn a{margin-right:8px;}
    .subsribe{margin-top:65px;}
    .discover .dc-lf, .discover .dc-rt{width:100%;}
    .discover .dc-lf .dc-img{width:fit-content;margin:0px auto;}
    .discover .dc-rt{margin-top:20px;}
    .discover .dc-ls li .dc-it{display:flex;flex-wrap:wrap;}
    .discover .dc-ls li .dc-it-date{width:100%;}
    .discover .dc-ls li .dc-it-info{width:100%;margin-top:10px;}
    .bl-ls .bl-ct{width:100%;border-bottom:1px solid #FFF;}
    .bl-ls .bl-ci{position:absolute;bottom:10px;right:18px;}
    .blogs .bl-ls li{flex-wrap:wrap;position:relative;}
    .blogs .bl-cate ul{gap:20px;width:100%;}
    .bn-rt .bn-rt-tle{font-size:30px;}
    .blogs .bl-ls li .bl-lt{position:relative;}
    .blogs .bl-ls li .bl-lt{position:absolute;min-height:auto;padding:5px 20px;letter-spacing:2px;top:0px;transform:translateY(-100%);left:0px;writing-mode:initial;}
    .blogs .bl-ls li{background:none;}
    .blogs .bl-ls .bl-ct{background:#FFEEE4;padding:15px 0px;}
    .bl-ls .bl-ci{width:100%;padding:5px 0px;position:static;border-bottom:1px solid rgba(255,238,228,0.5);}
    .blogs .bl-ls li .bl-date,.blogs .bl-ls li.lastest .bl-date{margin-left:10px;width:90px;}
    .blogs .bl-ls li .bl-tle{width:calc(100% - 100px);margin-left:10px;padding-right:10px;}
    .bl-curr-cate{display:block;}
    
    .discover .dc-ls li .dc-it .dc-it-img img{max-width:100%;}
    .discover .dc-ls li{background: #FFF;padding:18px;}
    .discover .dc-ls{margin-top:30px;}
}
@media screen and (max-width: 768px) {
    .top-nav{top:0px;}
    .bn-lf .bn-ls li::after{display:none;}
    .ssb-lf, .ssb-rt{width:100%;border:none;}
    .banner-sub{padding-bottom:65px;}
    .blogs .bl-ct li a{border:none;border-bottom:1px solid #3B3B3B;border-radius:0px;color:#3B3B3B;}
    .discover{background:#f8f8f8;padding:45px 0px;}
    .discover .dc-m{margin-top:35px;}
    .blogs .bl-cate ul{gap:10px;}
    .blogs{margin-top:45px;}
    .bn-lf .bn-flash{display:none;}
    .bn-lf .bn-ls .bn-ls-nm a{display:inline-block;line-height:1.3;font-size:14px;font-family:Poppins-Bold;}
    .bn-rt .bn-rt-tle{font-size:28px;}
    .ssb-lf::after{display:none;}
    .ssb-lf .form,.ssb-rt .btn{margin-top:25px;}
    .ssb-lf{margin-bottom:35px;}
    .bn-btn a{padding:12px;}
    .bn-ls-img img{max-width:80px;}
    .ssb-lf .form span{height:50px;line-height:50px;padding:0px 15px;}
    .ssb-lf .form input{height:50px;line-height:50px;}
    .ssb-rt .btn a{padding:0px 15px;height:50px;line-height:50px;}
    .discover .dc-ls li{width:calc(50% - 15px);}
    .discover .dc-ls li:nth-child(odd){margin-right:15px;}
    .discover .dc-ls li:nth-child(even){margin-left:15px;}
    .bl-ls .bl-ci{display:none;}
}
@media screen and (max-width: 676px) {
    .discover .dc-ls ul{display:flex;flex-wrap:wrap;}
    .discover .dc-ls{margin-top:25px;}
    .discover .dc-ls li{width:100%;border:none;margin-bottom:5px;background:#FFF;padding:15px 18px;}
    .discover .dc-ls li:nth-child(odd){margin-right:0px;}
    .discover .dc-ls li:nth-child(even){margin-left:0px;}
    .bn-lf .bn-tle{font-size:24px;}
    .bn-rt .bn-rt-tle{font-size:26px;}
    .ssb-lf .tle, .ssb-rt .tle{font-size:22px;}
    .ssb-lf .bri, .ssb-rt .bri{font-size:18px;}
    .discover .dc-ls li .dc-it-date{text-align:left;}
    .discover .dc-ls li .dc-it-date::after{left:40px;}
    .discover .dc-ls .dc-it-tle a{font-size:15px;font-family:Poppins-Medium;} 
}
@media screen and (max-width:560px) {
    .bn-rt .bn-rt-tle{font-size:28px;}
    .blogs .bl-ls li .bl-date{font-size:12px;}
    .discover{padding:65px 0px;}
    .crumbs ul{padding:15px 0px;}
    .crumbs li{margin-right:3px;}
    .crumbs li a span{font-size:14px;}
    .crumbs li a span::after{font-size:14px;}
    .crumbs li a h2{font-size:14px;}
    .bn-rt .bn-rt-tle{font-size:24px;}
    .banner-sub{padding-bottom:45px;}
    .discover .dc-rt-tle{margin-top:25px;}
    .blogs .bl-ls li .bl-tle a{font-size:14px;}
    .blogs{margin-bottom:35px;}
}
@media screen and (max-width:414px) {
    .ssb-rt .btn a{padding:0px 15px;height:50px;line-height:50px;}
    .banner{padding-bottom:30px;}
    .bn-lf{margin-top:90px;}
    .bl-pg ul li{padding:15px 10px;}
    .ssb-lf .form input{padding:0px 18px;height:42px;}
    .ssb-lf .form span{padding:0px 8px;font-size:14px;height:42px;line-height:42px;}
    .discover{padding:35px 0px;}
    .bl-pg{margin-bottom:55px;}
    .ssb-lf .tle, .ssb-rt .tle{font-size:20px;}
    .ssb-lf .bri, .ssb-rt .bri{font-size:16px;}
    .ssb-lf .form,.ssb-rt .btn{margin-top:15px;}
    .discover .dc-m{margin-top:25px;}
    .discover .dc-ls li{padding: 15px 10px;}
    .blogs .bl-cate a{height:38px;line-height:38px;}
    .blogs .bl-ls li .bl-lt{padding:5px 10px;}
    .bl-cats a{font-size:13px;}
    .blogs .bl-ls li.lastest .bl-lt{font-size:10px;}
}
@media screen and (max-width:414px) {
    .blogs .bl-cate a {min-width: 80px;}
    .discover .dc-ls{margin-top:10px;}
}