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

/** banner **/
.banner{width:100%;}
.banner-item{background-repeat:no-repeat;background-size:cover;padding:135px 0px 105px 0px;}
.banner .banner-item .container{height:100%;overflow:hidden;}
.banner-txt{width:46%;padding-top:140px;float:left;}
.banner-txt .banner-bg{margin-top:10px;height:8px;width:33px;background-repeat:no-repeat;background-size:contain;background-image:url('../../imgs/bundle-banner-ico.png');}
.banner-txt .tle{font-family: Poppins-Bold;font-weight: bold;font-size: 40px;color: #FFFFFF;line-height: 52px;}
.banner-txt .bri{margin-top:25px;font-family: Poppins-Medium;font-weight: 500;font-size: 16px;color: #FFFFFF;line-height: 29px;}
.partners{width:53%;float:right;padding-top:80px;}
.partners img{max-width:100%;height:auto;float:right;}

/** enquiry **/
.enquiry{width:100%;padding:0px;margin-top:120px;margin-bottom:67px;}
.enquiry .equ-body{background:#FBFBFB;width:100%;min-height:500px;background-image:url('../../imgs/enquiry_top_bg.png');background-repeat:no-repeat;background-size:contain;}
.equ-header{margin-top:18px;padding-top:32px;padding-bottom:50px;background-image:url('../../imgs/equ-header.png');background-position:35% 18px;background-size:contain;background-repeat:no-repeat;}
.equ-header .equ-tel{font-family:Montserrat-Bold;line-height:50px;text-align:center;width:100%;font-weight: bold;font-size: 30px;color: #FF7623;font-family:Montserrat-Bold;}
.equ-header .equ-cl{color:#333333;}
.equ-header .equ-brief {max-width:500px;margin:5px auto;text-align:center;font-family: Poppins;font-weight: 400;font-size: 14px; color: #808080;line-height:27px;}
.equ-form{width:100%;padding:0px calc((20% - 40px)/2);margin-top:-50px;}
.equ-form label{width:calc(100% - 40px);margin:11px 20px;}
.equ-form label.hf-label{width:calc(50% - 40px);margin:11px 20px;float:left;}
.equ-form input,.equ-form textarea{width:100%;outline:none;font-family:Poppins;font-size:14px;}
.equ-form input{height: 50px;background: #FFFFFF;border-radius: 8px;border: 1px solid #DAD7D5;padding-left:23px;}
.equ-form textarea{width:100%;height:200px;background: #FFFFFF;padding:20px 24px;border-radius: 8px; border: 1px solid #DAD7D5;line-height:27px;}
.equ-form .btns a{box-shadow:-1px 0px 32px 0px rgba(255,96,0,0.18);display:block;text-align:center;padding:16px 50px;box-shadow:0px 4px 0px 0px #FF6000;width:fit-content;background: #FF7623;border-radius:54px;color:#fff;font-size:18px;margin:0px auto;}
.equ-form select{width:100%;height:40px;background:#FFF;color:#A8A5A0;border:1px solid #DAD7D5;outline:none;padding-left:20px;border-radius:8px;font-family:Poppins;font-size:14px;}


/** sup-pow **/
.sup-pow{width:100%;padding:103px 0px;overflow:hidden;background-repeat:no-repeat;background-size:cover;background-image: url('../../imgs/sp-bg.png');}
.sup-pow .container{margin-top:60px;}
.sup-pow .sp-lf{width:55%;padding-right:35px;float:left;box-sizing:border-box;}
.sup-pow .sp-rt{width:45%;padding-left:30px;float:left;box-sizing:border-box;}
.sup-pow .sp-sig{font-family: Poppins;font-weight: 400;font-size: 26px;color: #000000;line-height: 54px;}
.sup-pow .sp-tle{margin-top:10px;font-family: Poppins-Medium;font-weight: 500;font-size: 32px;color: #000000;line-height: 54px;}
.sup-pow .sp-tle .sp-cl{font-family: Poppins-SemiBold;font-weight: 600;font-size: 52px;color: #FF8400;line-height: 54px;}
.sup-pow .sp-bri{margin-top:25px;font-family: Poppins;font-weight: 400;font-size: 22px;color: #3F3F3F;line-height: 54px;}
.sup-pow .sp-bri .sp-bri-s{font-size:32px;font-family:Poppins-Medium;}
.sup-pow .sp-btn{margin-top:90px;}
.sup-pow .sp-btn a{display:inline-block;padding:25px 30px;font-family: Poppins-Medium;font-weight: 500;font-size: 16px;color:#FFFFFF;background: #FFBF4F;box-shadow: -9px 10px 0px 0px #FF7C41;}
.sup-pow .sp-btn a i{transition:all 0.3s;background-size:contain;background-repeat: no-repeat;background-image:url('../../imgs/sp-btn.png');width:15px;height:15px;margin-left:5px;}
.sup-pow .sp-btn:hover a i{transform:rotate(45deg);}
.sup-pow .sp-rt img{max-width:100%;}

/** case **/
.case{margin-top:110px;margin-bottom:70px;}
.case-ls ul{display:flex;flex-wrap:wrap;}
.case-ls ul li{cursor:pointer;position:relative;width:calc((100% - 36px) / 3);padding-top:80px;padding-bottom:55px;margin-right:13px;margin-bottom:78px;background-repeat:no-repeat;background-size:cover;background-image:url('../../imgs/case-bg.png');}
.case-ls ul li:nth-child(3n){margin-right:0px;}
.case-ls ul li .case-tle{text-align:center;font-family: Poppins;font-weight: 400;font-size: 20px;color: #272727;line-height: 43px;}
.case-tag{position:absolute;top:-30px;right:15px;width:101px;height:101px;border-radius:101px;background-repeat:no-repeat;background-size:contain;background-image:url('../../imgs/case-tag.png');padding:15px 10px;}
.case-tag .ct-1{font-family:Poppins-SemiBold;text-align:center;font-weight: 600;font-size: 24px;color: #FFFFFF;line-height:1.3em;}
.case-tag .ct-2{font-family:Poppins-Medium;text-align:center;font-weight: 500;font-size: 14px;color: #FFFFFF;line-height: 13px;}
.case-ls .case-it .case-img img{max-width:100%;}
.case-ls .case-seemore{position:absolute;top:0px;left:0px;width:100%;height:100%;display:none;}
.case-ls .case-seemore .sm-txt{display:block;color:#ff6058;font-size:18px;line-height:50px;font-family:Poppins-Medium;transition:all 0.3s;text-align:center;position:relative;top:calc(50% - 25px);left:calc(50% - 50px);width:fit-content;height:50px;}
.case-ls li:hover .case-seemore{display:block;}
.case-ls li .case-tle a{color:#000!important;}
.case-ls li .case-tle a:hover{color:#ff6058!important;}
.case-ls ul .case-seemore .sm-txt::after{top:0px;left:calc(50% - 12px);position:absolute;content:'';width:24px;height:2px;background-color:#ff6058;}
.case-ls ul .case-seemore .sm-txt::before{bottom:0px;left:calc(50% - 12px);position:absolute;content:'';width:24px;height:2px;background-color:#ff6058;}
.case-ls .case-it .case-img{position:relative;}
.case-ls li:hover .case-img img{opacity:0.2;filter:blur(2px);}
/** termi **/
.termi{padding:66px 0px;background-repeat:no-repeat;background-size:cover;background-image:url('../../imgs/case-video-bg.png');}
.termi .border-bg{margin:15px auto;}
.termi .blk_bri{max-width:705px;text-align:center;font-family: Poppins;font-weight: 400;font-size: 14px;color: #9A9A9A;line-height:1.5em;margin:0px auto;margin-top:20px;}
.termi .tm-m{margin-top:90px;margin-bottom:25px;overflow:hidden;}
.termi .tm-lf,.termi .tm-rt{width:50%;float:left;position:relative;}
.termi .tm-lf{padding-right:20px;}
.termi .tm-rt{padding-left:20px;}
.termi .tm-lf video,.termi .tm-rt video{width:100%;height:auto;object-fit:cover;}
.tr-video .play-btn{line-height:116px;text-align:center;position:absolute;width:72px;height:72px;border-radius:72px;top:50%;z-index:10001;left:50%;transform:translate(-50%,-50%);background-repeat:no-repeat;background-size:contain;background-image:url('../../imgs/play-bg.png');}
.tr-video .play-btn i{width:50px;height:60px;display:inline-block;background-repeat:no-repeat;background-size:cover;background-image:url('../../imgs/play-ico.png');}
.tr-video::after{content:'';position: absolute;background-repeat:no-repeat;background-size:contain;background-image:url('../../imgs/ab-video-bg.png');height:103px;width:103px;left:-103px;}
.tr-video .play-btn::after{content:'';width:57px;height:60px;display:inline-block;background-repeat:no-repeat;background-size:cover;background-image:url('../../imgs/play-ico.png');}
.termi iframe{width:100%;height:35vh;}

/** css **/
.cus-say{padding:110px 0px  60px 0px;}
.cus-say .css-ls{padding-bottom:50px;}
.css-ls li{position:relative;width:calc(100% / 3);padding:30px;background: #FFFFFF;box-shadow: 0px 6px 29px 0px rgba(0,0,0,0.05);border-radius: 4px;border: 1px solid #EEEEEE;}
.css-ls li:nth-child(3n){margin-right:0px;}
.css-ls li .css-img img{border-radius:50%;width:160px;height:160px;display:inline-block;}
.css-ls li .css-img::after{position:absolute;top:50px;right:25px;content:'';width:130px;height:105px;background-image:url('../../imgs/css-bg.png');}
.css-ls li .css-tle{font-family: Poppins;font-weight: 400;font-size: 18px;color: #010101;margin-top:20px;}
.css-ls li .css-bri{margin-top:12px;font-family: Poppins;font-weight: 400;font-size: 12px;color: #7C8085;line-height:1.8em;}
.css-ls li .css-from{margin-top:20px;font-family:Poppins;font-weight:400;font-size:12px;color:#7C8085;line-height:1.5em;}
.css-ls li .css-from-if{font-family:Poppins;font-weight:400;font-size:12px;color:#7C8085;line-height:1.5em;}


/** grow **/
.grow{margin-top:85px;}
.grow .border-bg{margin:25px auto;}
.gw-ls{margin-top:45px;}
.gw-ls ul{display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap;}
.gw-ls li{margin-bottom:70px;max-width:160px;}
.gw-ls li .gw-it-img img{max-width:100%;filter: grayscale(100%);opacity:0.5;}
.gw-ls li .gw-it-img img:hover{filter: grayscale(0%);opacity:1;}


/** 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);}

.alert-equ{display:none;width:100%;height:100%;background:rgba(0,0,0,0.5);position:fixed;top:0px;left:0px;z-index:2000000001;}
.alert-equ-m{width:800px;max-width:100%;position:relative;padding:20px;min-height:600px;background:#FFF;border-radius:10px;margin:200px auto;}
.alert-equ-active{display:block;}
.alert-equ-header{width:100%;text-align:center;padding:10px 20px;margin-top:30px;}
.alert-equ-header .alert-tle{font-size:28px;font-family:Poppins-Bold;color:#FF6000;}
.alert-equ-header .alert-bri{font-size:15px;font-family:Poppins;color:#666;}
.alert-equ-body{padding:10px 20px;margin:20px auto;}
.alert-equ-body label{width:100%;}
.alert-equ-body label input{width:100%;height:50px;font-size:15px;font-family:Poppins;line-height:50px;border-radius:4px;border:1px solid #efefef;outline:none;padding:0px 20px;margin-bottom:20px;}
.alert-equ-body label input.submit{background:#FF6000;color:#FFF;font-size:16px;cursor:pointer;}
.alert-equ .alert-close{transition:all 1s;top:0px;font-weight:lighter;right:-65px;font-size:40px;cursor:pointer;position:absolute;height:60px;width:60px;border-radius:60px;line-height:60px;text-align:center;background:rgba(255,255,255,0.4);}
.alert-equ .alert-close:hover{transform:rotate(360deg);}


/** expectations **/
.expectations{width:100%;}
.expectations .blk_header{}
.expectations .blk_header .blk_tle{overflow:hidden;padding:54px 0px 45px 0px;background-image:url('../../imgs/exp-bg.png');background-size:cover;background-repeat:no-repeat; width:745px;max-width: 100%;margin: 0px auto;}
.case .blk_header .blk_tle{overflow:hidden;}
.case .case-ls{margin-top:80px;}
.case .blk_header .border-bg{margin:20px auto;}
.expectations .ept-list{margin-top:40px;}
.expectations .ept-list ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.expectations .ept-list ul li{width:calc(33.3% - 35px);margin-bottom:55px;}
.expectations .ept-list ul li .image img{width:100%;}
.expectations .ept-item .title{margin-top:15px;font-family:Poppins-SemiBold;font-weight: 600;font-size:24px;color:#00165E;line-height:1.5;}
.expectations .ept-item .type{font-family: Poppins-SemiBold;font-weight: 600;font-size: 16px;color: #FF7C41;line-height:1.2;}
.expectations .ept-item .brief{max-height:155px;overflow-y:hidden;margin-top:10px;color:#7D7D7D;font-family: Poppins;font-weight: 400;font-size: 16px;}
.expectations .ept-item .brief p{padding:0px;}
.expectations .ept-item .btns{margin-top:18px;}
.expectations .ept-item .btns a{font-family: Poppins;padding:5px 0px;border-bottom:1px solid #00165E;font-weight: 400;font-size: 14px;color: #00165E;line-height: 32px;} 
.expectations .ept-item .btns a::after{position:relative;top:3px;content:'';width:15px;height:15px;display:inline-block;margin-left:5px;background-image:url('../../imgs/case-arrow.png');}
.expectations .ept-item .btns a:hover{color:#00165E!important;font-family:Poppins-SemiBold;}


@media screen and (max-width:1440px) {

}
@media screen and (max-width:1280px) {
    .sup-pow .sp-rt{width:40%;}
    .sup-pow .sp-lf{width:60%;}
}
@media screen and (max-width:1080px){
    .banner-txt{width:56%;}
    .partners{display:none;}
    .banner-item{padding: 65px 0px 135px 0px;}
}
@media screen and (max-width:992px) {
    .banner-txt{width:100%;padding-top:135px;}
    .case-ls ul li{margin-bottom:50px;}
    .case-ls ul li .case-tle{font-size:18px;}
    .case-tag .ct-1{font-size:20px;}
    .termi .tm-m{margin-top:60px;}
    .css-ls li{width:50%;margin-bottom:20px;}
    .cus-say{padding:60px 0px;}
    .gw-ls li{width:calc(20% - 30px);}
    .top-nav{background:#fff;}
    .equ-header .equ-tel{font-size:36px;}
    .equ-form{width:100%;padding:0px 20px;}
    .sup-pow .sp-rt{width:100%;float:right;padding-left:0px;}
    .sup-pow .sp-lf{width:100%;float:right;margin-bottom:60px;padding-right:0px;}
    .sup-pow .sp-sig,.sup-pow .sp-tle,.sup-pow .sp-bri,.sup-pow .sp-btn{text-align:center;}
    .sup-pow .sp-btn{margin-top:30px;}
    .sup-pow .sp-rt .sp-img{width:fit-content;margin:0px auto;}
    .sup-pow .sp-tle{font-size:26px;}
    .sup-pow .sp-tle .sp-cl{font-size:42px;}
    .banner-item {padding: 25px 0px 115px 0px;}
    .banner-txt .tle{font-size:36px;}
    .alert-equ-m{margin-top:100px;}
    .alert-equ .alert-close{top:20px;right:20px;}

    .case{margin-top:80px;}
    .expectations .ept-item .title{font-size:20px;}
    .expectations .ept-item .type{font-size:15px;}
    .expectations .ept-item .brief{font-size:15px;}
    .expectations .ept-list ul li{width:calc(50% - 35px);margin-bottom:45px;}
}
@media screen and (max-width: 768px) {
    .case-ls ul li{width:calc((100% - 30px) / 2);margin-right:0px!important;}
    .case-ls ul li:nth-child(odd){margin-right:20px!important;}
    .termi .tm-lf, .termi .tm-rt {width:100%;padding:0px!important;}
    .gw-ls li{width:calc(25% - 30px);}
    .top-nav{background:#fff;top:0px;}
    .equ-header .equ-tel{font-size:32px;}
    .equ-form label.hf-label{width: calc(50% - 20px);margin: 10px;}
    .equ-form label{width: calc(100% - 20px);margin: 10px;}
    .enquiry{margin-bottom:50px;margin-top:50px;}
    .sup-pow{padding:25px 0px 65px 0px;background:#f8f8f8;}
    .sup-pow .sp-sig{font-size:24px;}
    .sup-pow .sp-tle{font-size:24px;}
    .sup-pow .sp-tle .sp-cl{font-size:36px;}
    .sup-pow .sp-bri{margin-top:18px;}
    .banner-txt .tle{font-size:32px;}
    .sup-pow .sp-btn a{padding:20px 25px;}

    .case{margin-top:50px;}
    .case .case-ls{margin-top:60px;}
    .expectations .blk_header .blk_tle{background:none;padding:50px 0px 20px 0px;}
}
@media screen and (max-width:560px) {

    .case-ls ul li{margin-bottom:30px;}
    .case-ls ul li .case-tle{font-size:16px;}
    .case-tag .ct-1{font-size:18px;}
    .gw-ls li{width:calc(33.3% - 30px);margin-bottom:15px;}
    .termi{padding:40px 0px;}
    .termi .tm-m{margin-top:35px;}
    .css-ls li{width:100%;}
    .cus-say{padding:65px 0px;}
    .banner-txt{padding-top:115px;}
    .banner-txt .banner-bg{margin-top:30px;}
    .banner-txt .tle{font-size:32px;line-height:1.2em;}
    .banner-txt .bri{line-height:1.5em;margin-top:15px;}

    .enquiry{margin-bottom:35px;}
    .equ-form input{height:40px;}
    .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;}
    .banner-item {padding: 25px 0px 85px 0px;}
    .banner-txt .tle{font-size:30px;}
    .case{margin-top:85px;margin-bottom:45px;}
    .sup-pow{padding:40px 0px;}
    .sup-pow .sp-btn a{padding:18px 20px;}
    .alert-equ-body,.alert-equ-header{padding:10px 0px;}

    .case{margin-top:30px;}
    .expectations .ept-item .title{font-size:18px;}
    .expectations .ept-item .type{font-size:14px;}
    .expectations .ept-item .brief{font-size:14px;}
    .expectations .ept-list ul{justify-content:space-around;}
    .expectations .ept-list ul li{width:calc(100% - 35px);margin-bottom:45px;}
}
@media screen and (max-width: 465px) {
    .equ-form label.hf-label,.equ-form label{width: calc(100% - 20px);margin:5px 10px;}
}
@media screen and (max-width:414px) {
    .case-ls ul li{width:calc(100% - 20px);margin:0px 10px 30px 10px!important;}
    .termi{padding:30px 0px;}
    .cus-say{padding:35px 0px;}
    .gw-ls li{width:calc(50% - 30px);margin-bottom:5px;}
    .sup-pow {padding:35px 0px;}
    .equ-header .equ-tel{font-size:26px;}
    .equ-form .btns a{padding:12px 20px;}
    .enquiry{margin-top:50px;}
    .grow{margin-top:55px;}
    .case{margin-top:55px;}
    .banner-txt{padding-top:95px;}
    .banner-item {padding: 25px 0px 55px 0px;}
    .banner-txt .tle{font-size:28px;}
    .sup-pow{padding:0px 0px 65px 0px;background:#f8f8f8;}
    .sup-pow .container{margin-top:35px;}
    .sup-pow .sp-sig{font-size:20px;}
    .sup-pow .sp-tle{font-size:22px;line-height:40px;margin-top:0px;}
    .sup-pow .sp-tle .sp-cl{font-size:30px;}
    .sup-pow .sp-bri{font-size:20px;line-height:1.3;}
    .sup-pow .sp-bri .sp-bri-s{font-size:26px;}
    .sup-pow .sp-btn a{padding:15px 18px;}
    .alert-equ-m{padding:20px 10px;}
    .alert-equ .alert-close {top: 10px;right: 0px;}

    .expectations .ept-list{margin-top:25px;}
    .expectations .ept-item .btns{margin-top:10px;}
}