@charset "utf-8";
/*++++author:智慧云擎******************/
/*+++++time:2024-06-14****************/

/**>>>>>>>>>>>>>>>>>>>首页<<<<<<<<<<<<<<<<<<<<<**/
/***背景视频***/
.indexBanner{width:100%;height:92vh;position: relative;z-index: 5;overflow:hidden;box-sizing: border-box;}
.indexBanner .swiper-container{overflow:hidden;}
.videoBg{ width: 100%; height:92vh;position:relative;z-index: 1}
.videoBg #hero-video{width: 100%;height: 100%;max-width: 100%;max-height: 100%;object-fit: cover;}
.videoBg source{min-width: 100%;min-height: 100%;height: auto;width: auto;}
.videoBgbox{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/banner/img-homebanner04.jpg) no-repeat;background-size:cover;z-index:1;display:none;}
.inner-content {text-align:left;}
.inner-content h2,.inner-content p{color:#000;}
.inner-content h2{font-size: 68px;font-weight:600;padding-bottom: .05rem;text-align: center;}
.inner-content p{font-size: 24px;padding-top: .15rem;text-align: center;}
.indexBanner .swiper-slide{overflow:hidden;height: 100%;position: relative;}
.indexBanner .swiper-slide .pc-img{width: 100%;height: 92vh;overflow:hidden;position:relative;z-index: 1}
.indexBanner .swiper-slide .pc-img img{height:100%}
.indexBanner .swiper-slide .box{position: absolute;top:38%;left:5%;z-index: 2;width: 90%;height:50%;}
.indexBanner .swiper-pagination{ bottom: 40px;z-index: 10}
.indexBanner .swiper-pagination .swiper-pagination-bullet { width: 50px;height: 3px;margin: 0 8px;display: inline-block;border-radius: 1.5px;background: #fff;opacity: .3;}
.indexBanner .swiper-pagination .swiper-pagination-bullet-active{ opacity: 1;}
.indexBanner .swiper-slide .pc-btn{margin-top: .7rem;margin-bottom:0;}


.pc-btn{text-align: center;margin-bottom: .8rem;}
.pc-btn a{display: inline-block;text-transform: uppercase;font-size: 20px;font-family: 'ProximaNova-Extrabld', Arial;font-weight: normal; border-radius: 50px !important;background: #c30707;color: #fff;border: 2px solid #c30707 !important;line-height: 30px !important;letter-spacing: 1px;padding: 8px 20px !important;}
.comon-tit{text-align: center;}
.pc-btn a:hover{background: #fff;color:#c30707;}
.comon-tit span{font-size: 27px;font-weight: 700!important;color: #433F34;display: block;}
.faq-box{padding:.9rem 0;overflow:hidden;}
.faq-box .recruit{overflow:hidden;margin-top: .45rem}
.faq-box .recruit .one_recruit{margin-top: .15rem;background: #F3F3F3;border:1px solid #e5e5e5;}
.faq-box .recruit .one_recruit_title{padding:0 .3rem;position: relative;cursor: pointer;}
.faq-box .recruit .txt1{height: 55px;line-height: 55px;font-size: 16px;color:#c30707 ;text-transform: uppercase;font-weight: 700;font-family: 'proximanova-bold', Arial;padding-left: .3rem}
.faq-box .recruit .one_recruit_title.open{background:#F3F3F3;}
.faq-box .recruit .one_recruit_det{background:#fff;display: none;padding:.3rem;}
.faq-box .recruit .one_recruit_det p{font-size: 16px;color: #444;line-height: 1.7;}
.faq-box .recruit .one_recruit .one_recruit_title::before{content: '';position: absolute;width: 3px; height: 20px; background:#c30707 ;margin: auto; top: 0; bottom: 0;left:30px;-webkit-transition:all 0.15s ease 0s;  -o-transition:all 0.15s ease 0s;  transition:all 0.15s ease 0s;}
.faq-box .recruit .one_recruit .one_recruit_title::after {content: '';position: absolute;width: 20px; height: 3px; background:#c30707 ;margin: auto; top: 0; bottom: 0; left: 22px;}
.faq-box .recruit .one_recruit .one_recruit_title.open::before{ height: 0;}

.mc-box{padding:.9rem 0 0 0 ;overflow:hidden;background: #fff;}
.mc-box .box1{margin-top: .45rem;margin-bottom: .5rem}
.mc-box .box1 p,.mc-box .box2 p{font-size: 16px;line-height: 1.7;padding-bottom: .15rem}
.comon-tit p{color: #c30707;font-size: 18px;padding-top: .06rem}
.mc-box .box2{margin-top: .45rem;}
.mc-box .box2 .font1{float:left;width: 50%;margin-top: .2rem}
.mc-box .box2 .font1 p{}
.mc-box .box2 .img{float:right;}
.mc-box .box2 .font2{clear:both;margin-top: .3rem}
.bpm-box{padding:.75rem 0 0 0 ;overflow:hidden;background: #fff;}
.bpm-box .box1{margin-top: .45rem;margin-bottom: .5rem}
.bpm-box .box1 p{font-size: 16px;line-height: 1.7;padding-bottom: .15rem}
.bpm-box .box1 .img{width: 275px;height: 275px;margin:.3rem auto;}
.bpm-box .box2{display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;}
.bpm-box .box2 .li{width: 48%;margin-bottom: .6rem;text-align: center;}
.bpm-box .box2 .li .imgs{width: 80px;height: auto;margin:0 auto;}
.bpm-box .box2 .li .txt{text-align: center;font-size: 20px;color: #6a8338;margin-top: .15rem;font-weight: 800!important;font-family: 'Campton-Book' !important;}
.bpm-box .box2 .li .p{font-size: 16px;line-height: 1.7;margin-top: .2rem}
.bpm-box .box2 .li7{margin-left: 26%}


.value-box,.guarantee-box,.case-box{padding:.9rem 0  0 0;background: #fff;overflow:hidden;}
.value-box .box1{margin-top: .45rem;margin-bottom: .5rem}
.value-box .box1 p{font-size: 16px;line-height: 1.7;padding-bottom: .15rem}
.value-box .box2{margin-top: -.1rem;margin-bottom: .4rem}
.value-box .box2 .fl-rich-text{width: 48%}
.value-box .box2 p{font-size: 16px;line-height: 1.7;padding-bottom: .15rem}
.value-box .box2 p a{color:#c30707 }
.guarantee-box .box{margin-top: .4rem;overflow:hidden;}
.guarantee-box .box .li{width: 31.3%;margin-bottom: .35rem;}
.guarantee-box .box .li div.img{width:100%;}
.guarantee-box .box .li div.img img{display: inline-block;height: 70px;}
.guarantee-box .box .li div.img span{display: inline-block;font-size:20px;color: #433f34;font-weight: 600;padding-left: 10px;white-space: normal;width: calc(100% - 120px);float: right;}
.guarantee-box .box .li div.txt{font-size: 16px;line-height: 1.7;margin-top: .15rem}
.guarantee-box .imgss{width: 100%;overflow:hidden;}
.case-box .box{margin-top: .45rem;}
.case-box .box p{font-size: 16px;line-height: 1.7;padding-bottom: .15rem}
.case-box .box .boxli {margin-top: .5rem;overflow: hidden;}
.case-box .box .boxli  .li{width: 31.3%;border:1px solid #cccccc;background: #fff}
.case-box .box .boxli  .li div.img{height: 175px;width: 100%;overflow:hidden;}
.case-box .box .boxli  .li .txt{background:#c30707;text-align: center;font-size: 18px;font-weight: 600;height: 60px;color: #fff;line-height:60px;}
.client_result_custom {display: flex;justify-content: center;margin-top:20px;padding: 0px 50px 0 10px;}
.client_result_custom .left-custom.result_custom {border-right: 1px solid #ccc;width: 45%;}
.client_result_custom p.result_psntg{font-size: 22px;color:#c30707;padding-bottom: 5px;line-height: 20px;}
.case-study-info .heading-svg-txt strong {color: #433f34;font-size: 20px;}
.case-study-info .heading-svg-txt {text-align: center;margin-top: .3rem;}
.case-study-info .inner-case-content p {font-size: 16px; margin-bottom: 12px;}
.case-study-info .inner-case-content svg {margin-right: 10px;margin-top: -15px;min-width: 26px;}
.inner-case-content {display: flex;align-items: flex-start;gap: 5px;padding:.3rem;}
.box35{margin: .4rem auto;width: 90%;}
.box35 p{font-size: 16px;line-height: 1.7;padding-bottom: .15rem;}
.box35 .img{width: 100%;margin-top: .3rem}
.conts{background:#f3f3f3;padding:.6rem 0 .2rem 0;width: 100%;overflow:hidden;}
.conts .pc-btn{margin-top: .6rem;margin-bottom: .4rem }

.about-box{padding:.45rem 0 0 0;background: #fff;overflow:hidden;}
.about-box .box h4{color:#444;font-size: 27px;}
.about-box .box .left{width:45%;}
.about-box .box p{margin-top: .45rem;font-size: 17px;line-height: 1.8;}
.video-space{border-radius:10px;overflow:hidden;height:100%;width: 48%;margin-top: .6rem;}
.video-space a{display:block;width:100%;height:100%;position:relative;text-decoration:none}
.video-space a div.cover{width:100%;height:100%;position:absolute;background:rgba(0,0,0,.2);top:0;z-index:4;left:0}
.video-space a .img-cover{width:100%;height:100%;object-fit:cover;transition:all .3s}
.video-space a:hover .img-cover{transform:scale(1.15)}
.video-space a span.play{display:block;width:100px;height:100px;background:url(../images/play.png) no-repeat center;position:absolute;z-index:5;top:50%;margin-top:-50px;margin-left:-50px;left:50%}
.video-space a span.title{color:white;font-size:.8em;background:red;display:block;padding:2px 10px;position:absolute;bottom:0;width:100%}
.about-box .txt{font-size: 17px;line-height: 1.7;margin-top: .25rem}

.messageboxs{width: 100%;padding:.5rem 0;background:#443f35;}
.messageboxs .comon-tit span{color: #fff;}
.messageboxs .box{margin:.65rem 0 .3rem 0 ;overflow: hidden;display: flex;display: -webkit-flex;align-items: center;justify-content: space-between;}
.messageboxs .box div.img{width: 5.65rem;height: 4.04rem;overflow:hidden;}
.messageboxs .box .formbody{background: #6a8338;padding:.35rem;width: 54%;box-sizing: border-box;}
.messageboxs .box .formbody .t{color: #fff;font-size: 20px;text-align: center;}
.messageboxs .box .formbody .boxss{margin-top: .2rem;}
.messageboxs .box .formbody .boxss .inputs{display: block;border-radius: 4px;color: #49453b;padding: 7px 12px;height: 50px; font-size: 18px;width: 100%;text-indent: 15px;border:none;box-sizing: border-box;}
.messageboxs .box .formbody .boxss .li{margin-top: 15px;overflow:hidden;}
#submit-button{ font-family: "proximanova-bold",Arial;border:2px solid #db7803;font-size: 22px;margin: 20px 0 0 0 !important;position: relative;line-height: 26px;padding: 14px 48px 14px 22px ;background-color: #db7803;border-radius: 6px !important;color: #fff;width: 100%;box-sizing: border-box;}
#submit-button:hover{background-color: #fff;border-color: #db7803;color: #db7803}
.entry-content{width: 100%;padding:.3rem 0;background: #556c26;margin-top: .8rem;}
.entry-content .li{width: 33.3%;text-align: center;}
.entry-content .li .img{width:145px;overflow:hidden;margin:0 auto ;}
.entry-content .li .star{height: 24px;width: 133px;margin:10px auto 5px auto;overflow:hidden;display: block;}
.entry-content .li .txt{color: #f2cd23;font-size: 18px;font-weight:600;}

.thrive-breadcrumb {margin-bottom: 20px;border-bottom: 1px solid #ccc;position: relative;font-size: 14px;font-weight: 400;}
.thrive-breadcrumb a {color: #7e953e;padding: 0px 4px;font-size: 14px;font-weight: 400;}
.thrive-breadcrumb::before {width: 0;height: 0;border-left: 15px solid transparent;border-right: 15px solid transparent;border-top: 15px solid #556c26;position: absolute;content: ""; text-align: center;left: 0; right: 0;margin: 0 auto;bottom: 0;z-index: 99; top: auto; display: block !important;}
.thrive-breadcrumb .wrap {padding: 16px 20px 30px 16px !important;font-size: 14px;font-weight: 400;background: #fff !important;margin:0 auto;max-width: 1210px;}
.thrive-breadcrumb p {font-size: 14px;font-weight: 400;color: #7e953e;text-transform: uppercase;text-align: center;line-height: 28px;}
.wrap::after { clear: both;content: " ";display: table;}
.thrive-breadcrumb::after{position:absolute;content:'';left:0;bottom:-17px;z-index:9;background-repeat:no-repeat;border:solid #b1b4ae;border-top-width:medium;border-right-width:medium;border-bottom-width:medium;border-left-width:medium;border-width:0 1px 1px 0;display:inline-block;padding:3px;transform:rotate(45deg);-webkit-transform:rotate(45deg);width:25px;height:25px;background:none #FFF;right:0;margin:auto}

.footer-intro{width: 100%;padding:.2rem 0 0 0 ;background: #fff;}
.footer-intro .box .leftint{width: 35%;}
.footer-intro .box .leftint .logoss{width: 160px;height: 35px;margin-bottom: .3rem}
.footer-intro .box .leftint .txt{color: #444;font-size: 16px;line-height: 1.7;padding-bottom: .3rem}
.footer-intro .box .imgs{height: 200px;}

.footer-intro .box .rightcont{width:35%;}
.contactCode{width: 310px;float:right;height: 50px;overflow:hidden;}
.contactCode a{position:relative}
.contactCode a:hover .contactCode-box{display:block}
.contactCode a .contactCode-box{position:absolute;bottom:35px;left:-10px;z-index:1000;display:none;float:left;width:auto;min-width:140px;padding:10px;margin-top:-1px;font-size:14px;text-align:left;list-style:none;border:0;white-space:nowrap;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}
.contactCode a .contactCode-box img{display:block;width:120px;height:120px;margin:0}
.contactCode a .contactCode-box:after{content:'';display:block;width:10px;height:10px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);position:absolute;bottom:-5px;left:15px}
.footer-call {text-align: right;font-size: 26px; font-family: "ProximaNova-Extrabld", Arial; margin: 73px 0 10px;clear: both;display: block;}
.footer-S{font-size: 18PX;color: #444;font-size: 22px;text-align: right;}





.footermessage{padding-bottom: .9rem;width: 100%;background: #fff;margin:0 auto;}
.footermessage .fl-col-group {margin-top:.45rem;background-color: #fff; border-radius: 20px;border: solid 1px #e3e3e3; padding: 20px 20px 20px 20px;gap: 20px; box-shadow: 0px 20px 40px -4px rgba(145,158,171,.25);}
.footermessage .fl-col-group .img{height: 500px;width:385px;}
.footermessage .fl-col-group .formboxs{width:calc(100% - 430px);}
.footermessage .fl-col-group .formboxs .li{margin-bottom:15px;width: 100%}
.footermessage .fl-col-group .formboxs .li .inputs{display: block;border-radius: 4px;color: #49453b;padding: 6px 12px;height: 50px; font-size: 18px;width: 100%;text-indent: 5px;border:1px solid #ddd;box-sizing: border-box;}
.footermessage .fl-col-group .formboxs .li .lis{width: 48%}
.footermessage .fl-col-group .formboxs .li .cont{display: block;border-radius: 4px;color: #49453b;padding: 6px 12px;height: 80px; font-size: 18px;width: 100%;text-indent: 5px;border:1px solid #ddd;box-sizing: border-box;}
.footer-intro3{width: 100%;background: #443f35;padding:.4rem 0 .2rem 0;}
.footermessage .fl-col-group .formboxs .li select {
 /* 清除默认的箭头样式 */
     appearance: none;
     -moz-appearance: none;
     -webkit-appearance: none;
     border:1px solid #ddd;height: 50px;color: #49453b;padding: 6px 12px;
     /* 右侧添加箭头的背景图  自行调整位置 */display: block;border-radius: 4px;
     background: url(../images/26.png) 99% center no-repeat #fff;
 font-size: 18px;width: 100%;text-indent: 5px;border:1px solid #ddd;box-sizing: border-box;}	

.footermessage .fl-col-group .txt{color: #444;font-size: 18px;text-align: center;}
.footermessage .fl-col-group .txt a{color: #c30707}
.footermessage .fl-col-group .pc-btn{margin-bottom: .2rem;margin-top: .6rem}
.footer-intro3 h4{color: #fff;font-size: 36px;font-weight: 700;text-align: center;text-transform: capitalize;}
.footer-intro3  p.txt{text-align: center;font-size: 18px;padding-top: .2rem;color: #fff;text-transform: capitalize;}
.footer-intro3  p.txt svg {vertical-align: middle;padding:0 4px;}
.footer-intro3 .box{margin-top: .45rem;}
.footer-intro3 .box ul{width: 20%;}
.footer-intro3 .box ul li{font-size: 18px;font-weight: 600;}
.footer-intro3 .box ul li a{color: #fff;line-height: 1.85}
.contactCode a:hover img{opacity: .7}




/****************媒体查询响应手机********************************************************************/
@media screen and (max-width: 1920px){
	

}
@media screen and (max-width: 1680px){
		.blockbox1{min-width: auto;}
		.about-box .box h4,.comon-tit span{font-size:24px}
	
}
@media screen and (max-width: 1440px){
	.blockbox1,.blockbox{padding:0 .3rem;}

}
@media screen and (max-width: 1330px){
	/**banner**/
	.inner-content h2{font-size: 40px;}
	.inner-content p{font-size: 18px;}
	.pc-header .pc-nav{margin-left:2%}
	.pc-btn a{font-size: 18px}
}
@media screen and (max-width: 1200px){
	.pc-header .pc-nav{display: none;}
	.pc-header{height: 58px;display:none;}
	.headerWap {display: block;}

}
/**ipad**/
@media screen and (max-width: 1080px){
	.about-box .box{display: block}
	.about-box .box .left ,.video-space{width: 100%}
	.footer-intro3 .box ul li{font-size: 16px;}
	.footer-intro3 .box ul li{font-size: 14px;}
   .footer-call{font-size: 20px;}
   .footer-S{font-size: 16px;}
}
/*平板竖屏**/
@media screen and (max-width: 980px) {
	.guarantee-box .box .li div.img span{font-size:18px;}
	.guarantee-box .box .li div.txt,.bpm-box .box1 p,.value-box .box2 p,.bpm-box .box2 .li .p,.mc-box .box1 p, .mc-box .box2 p{font-size: 14px}
	.about-box .box h4, .comon-tit span{font-size: 22px;}
	.faq-box .recruit .txt1{font-size: 15px}
	#bottom{display: block;}
	.messageboxs .box .formbody{width:100%;}
	.messageboxs .box div.img{display: none;}
	.footer-intro3 h4{font-size: 32px;}
	.footer-call{font-size: 18px;}

	.footermessage .fl-col-group{display: block;}
	.footermessage .fl-col-group .img{width: 100%;height:100%;}
	.contactCode{width:90%}
	.footermessage .fl-col-group .formboxs{width: 100%;margin-top: .5rem}
	.footer-intro .box .leftint .txt{font-size: 14px;}
	.footer-intro .box .imgs{height: 1.8rem}
}

/**phone*/
@media screen and (max-width: 768px) {



	/**.indexBanner*/
	.indexBanner,.indexBanner .swiper-slide .pc-img,.videoBg{height: 375px;}
	.inner-content h2{font-size: 22px;}
	.inner-content p{font-size: 14px;line-height: 1.5}
	.indexBanner .swiper-pagination{bottom:20px;}
	.indexBanner .swiper-pagination .swiper-pagination-bullet { background: #CCCCCC;width: 20px;margin:0 5px;}
    .indexBanner .swiper-pagination .swiper-pagination-bullet-active {opacity: 1;background: #c30707;}
    .faq-box .recruit .txt1{padding-left: 40px;font-size: 14px;height: auto;padding-top:.1rem ;padding-bottom:.1rem;line-height: 1.7;}
	.faq-box .recruit .one_recruit .one_recruit_title::after{left:25px;width:15px;}
	.faq-box .recruit .one_recruit .one_recruit_title::before{height: 15px;left:31px;}
	.faq-box .recruit .one_recruit_det p{font-size: 14px;}
	.pc-btn a{font-size: 16px}
	.about-box .box h4, .comon-tit span{font-size: 20px;}
	.mc-box .box2 .font1{width:100%;float:none;}
	.mc-box .box2 .img{float:none;width: 100%}
	.mc-box .box2 .img img{width: 100%}
	.guarantee-box .box .li div.img img{height: 60px;}
	.comon-tit p{font-size:14px;}
	.bpm-box .box2 .li7{margin-left: 0}
	.bpm-box .box2 .li .imgs{width:70px;}
	.bpm-box .box2 .li{width: 100%}
	.guarantee-box .box .li{width: 100%}
	   .footer-S{font-size: 14px;}
	   .footermessage .fl-col-group .formboxs .li select,.messageboxs .box .formbody .boxss .inputs,.footermessage .fl-col-group .formboxs .li .inputs{font-size: 14px;}
	.mc-box{padding-top: .6rem}
	.case-box .box p,.about-box .box p,.about-box .txt{font-size: 14px;line-height: 1.7;}
	.value-box .box2 .fl-rich-text{width: 100%}
	.value-box .box2{display: block;}
	.case-box .box .boxli .li{width: 99%;margin-bottom: .45rem}
	.messageboxs .box .formbody .boxss .inputs{font-size: 14px;}
	#submit-button{font-size: 18px}
	.footer-intro .blockbox1 .box{display: block;}
	.footer-intro .box .leftint{width: 100%}
	.footer-intro .box .imgs{height: auto;width: 50%;margin:0 auto;}
	.footer-intro .box .rightcont{width: 100%;margin-top: .4rem}
	.footer-intro .box .rightcont .contactCode{width: 90%;margin:0 auto;float:none;text-align: center;}
	.footer-call{text-align: center;margin:.3rem auto .1rem auto;}
	.footer-S{text-align: center;padding-bottom: .4rem}
	.footer-intro3 .box ul {width: 31.3%;margin-bottom: .3rem}
	.footer-intro3 .box ul:last-child:nth-child(3n + 2){margin-right: calc((100% - 31.3%) / 2);}
	.indexBanner .swiper-slide .pc-btn{display: none}
	.footer-intro3 .box ul:last-child:nth-child(3n + 2){margin-right: calc((100% - 31.3%) / 2);} 
}

@media screen and (max-width: 640px) {
	.entry-content .li .txt{font-size:16px;}
	.footer-intro3 h4{font-size: 24px;}
	.entry-content .box{display: block;}
	.footer-intro3 p.txt{font-size: 14px;}
	#hero-video{display: none;}
	.entry-content .li .img{width: 120px;}
	.footer-intro3 .box ul li{font-size: 13px;}
	.videoBgbox{display: block;}
	.entry-content .li{width:100%;margin-bottom:.5rem}


}