/*CSS路径：/www/wwwroot/sunfans.com/Public/saifan/css/huang.css*/


/*图片路径：/Public/saifan/images20250226/jiantou1.png*/


/*黄老师基础样式*/

.touper{text-transform: uppercase;}
.tolower{text-transform: lowercase;}
.tocapit{text-transform: capitalize;}
.oe{display: block;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;}
.dot2{overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.dot3{overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.dot4{overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.dot5{overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.bgcov,.bg100{display: block;width: 100%;background-repeat: no-repeat !important;background-position: center center !important;}
.bgcov{background-size: cover !important;}
.bg100{background-size: 100% 100% !important;}
.imgcov{width: 100%;height: 100%;max-width: 100%;max-height: 100%;-o-object-fit: cover;object-fit: cover;}
.banXin1200{width: 1200px;margin: 0 auto;}
.anitop{ -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
@media (any-hover: hover){
	/*--*/
	.anitop:hover{-webkit-transform: translate3d(0, -3%, 0);transform: translate3d(0, -3%, 0);cursor: pointer;}
	}
@media screen and (max-width: 1000px){
	/*--*/
	.anitop:active{-webkit-transform: translate3d(0, -3%, 0);transform: translate3d(0, -3%, 0);cursor: pointer;}
	}
.anisca{cursor: pointer;overflow: hidden;}
.anisca img{cursor: pointer;-webkit-transition: all 0.8s;-o-transition: all 0.8s;transition: all 0.8s;-webkit-transform: scale(1, 1);-ms-transform: scale(1, 1);transform: scale(1, 1);}
@media (any-hover: hover){
	/*--*/
	.anisca:hover img{-webkit-transform: scale(1.2, 1.2);-ms-transform: scale(1.2, 1.2);transform: scale(1.2, 1.2);}
	}
@media screen and (max-width: 1000px){
	/*--*/
	.anisca:active img{-webkit-transform: scale(1.2, 1.2);-ms-transform: scale(1.2, 1.2);transform: scale(1.2, 1.2);}
	}

/*公共类标题*/

.commTitles1{width: 100%;padding-bottom: 40px;box-sizing: border-box;}
.commTitles1 .dd1{width: 100%;display: flex;align-items: center;}
.commTitles1 .dd1 span{font-size: 14px;color: #9e9e9e;padding-right: 30px;box-sizing: border-box;}
.commTitles1 .dd1 img{width: 16px;height: 16px;}
.commTitles1 .dd2{width: 100%;display: flex;align-items: center;color: #d9090c;font-size: 26px;padding-top: 17px;box-sizing: border-box;}
.commTitles1.ifWhite .dd1 span{color: #fff;}
.commTitles1.ifWhite .dd2{color: #fff;}

/*服务范围的盒子~~~基础样式*/

.fuWuFanWeiDiv1{background: #f5f5f5;box-sizing: border-box;padding: 55px 0 80px 0;}
.fuWuFanWeiList{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.fuWuFanWeiList .itembox{width: 390px;background-color: #c11e21;box-sizing: border-box;padding: 40px 20px 0 20px;height: 230px;margin-top: 16px;}
.fuWuFanWeiList .itembox .dd1{width: 100%;display: flex;justify-content: center;}
.fuWuFanWeiList .itembox .dd1 img{height: 36px;}
.fuWuFanWeiList .itembox .dd2{width: 100%;color: #fff;font-size: 24px;padding-top: 16px;padding-bottom: 20px;text-align: center;}
.fuWuFanWeiList .itembox .dd3{width: 100%;box-sizing: border-box;padding: 0 14%;text-align: center;color: #fff;font-size: 13px;line-height: 25px;max-height: 50px;overflow: hidden;}
.fuWuFanWeiList .itembox:last-child:nth-child(3n + 2){margin-right: calc((100% - 390px) / 2);}
.fuWuFanWeiList .itembox .dd4{display: none;}
.fuWuFanWeiList .itembox:nth-child(1){margin-top: 0;}
.fuWuFanWeiList .itembox:nth-child(2){margin-top: 0;}
.fuWuFanWeiList .itembox:nth-child(3){margin-top: 0;}
.fuWuFanWeiList .itembox:nth-child(3n){margin-right: 0;}

/*服务范围的盒子~~~选中了*/

.fuWuFanWeiList .itembox.on{background: #fff;padding: 0;display: flex;justify-content: center;align-items: center;}
.fuWuFanWeiList .itembox.on .dd1{display: none;}
.fuWuFanWeiList .itembox.on .dd2{display: none;}
.fuWuFanWeiList .itembox.on .dd3{display: none;}
.fuWuFanWeiList .itembox.on .dd4{display: inline-block;}
.fuWuFanWeiList .itembox.on .dd4 img{height: 130px;}

/*服务范围的盒子~~~hover方法*/

@media (any-hover: hover){
	/*--*/
	/*.fuWuFanWeiList .itembox:hover{background: #fff;padding: 0;display: flex;justify-content: center;align-items: center;}
	.fuWuFanWeiList .itembox:hover .dd1{display: none;}
	.fuWuFanWeiList .itembox:hover .dd2{display: none;}
	.fuWuFanWeiList .itembox:hover .dd3{display: none;}
	.fuWuFanWeiList .itembox:hover .dd4{display: inline-block;}*/
	}
@media screen and (max-width: 1000px){
	/*--*/
	/*.fuWuFanWeiList .itembox:active{background: #fff;padding: 0;display: flex;justify-content: center;align-items: center;}
	.fuWuFanWeiList .itembox:active .dd1{display: none;}
	.fuWuFanWeiList .itembox:active .dd2{display: none;}
	.fuWuFanWeiList .itembox:active .dd3{display: none;}
	.fuWuFanWeiList .itembox:active .dd4{display: inline-block;}*/
	}

/*服务流程的盒子~~~基础样式*/

.fuWuLiuCheng1{background: #fff;box-sizing: border-box;padding: 70px 0 155px 0;}

/*服务流程的盒子~~~列表*/

.fuWuLiuChengList{width: 100%;display: flex;justify-content: space-between;align-items: center;}
.fuWuLiuChengList p img{height: 43px;}
.fuWuLiuChengList .itembox{border: 0px solid red;flex: 1;}
.fuWuLiuChengList .itembox .dd1{font-size: 20px;color: #333;text-align: center;padding-bottom: 16px;}
.fuWuLiuChengList .itembox .dd2{display: flex;align-items: center;}
.fuWuLiuChengList .itembox .dd2 i{flex: 1;height: 4px;background: #dcdcdc;}
.fuWuLiuChengList .itembox .dd2 b{width: 26px;height: 26px;border-radius: 100%;border: 2px solid #dcdcdc;position: relative;overflow: hidden;}
.fuWuLiuChengList .itembox .dd2 b:after{content: "";position: absolute;width: 12px;height: 12px;background: #c11e21;top: 50%;left: 50%;transform: translate(-50%, -50%);border-radius: 100%;}
.fuWuLiuChengList .itembox .dd3{font-size: 14px;color: #666;text-align: center;padding-top: 26px;}

/*我们的优势*/

.youShiDiv1{box-sizing: border-box;padding: 50px 0 220px 0;}
.youShiList{display: flex;justify-content: space-around;align-items: center;box-sizing: border-box;padding-top: 80px;}
.youShiList .fls{display: flex;align-items: center;width: calc(100% - 550px);border: 0px solid red;justify-content: space-between;box-sizing: border-box;padding-right: 60px;}
.youShiList .fls .itembox{border: 0px solid red;position: relative;overflow: hidden;}
.youShiList .fls .itembox>img{position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;z-index: 1;width: 47px;height: 117px;}
.youShiList .fls .itembox:first-child{margin-left: 0;}
.youShiList .fls .itembox .dd1{width: 100%;display: flex;justify-content: center;align-items: center;padding-bottom: 33px;}
.youShiList .fls .itembox .dd1 img{width: 30px;height: 30px;}
.youShiList .fls .itembox .dd2{width: 100%;display: flex;align-items: center;justify-content: center;}
.youShiList .fls .itembox .dd2 .ss1{font-size: 34px;color: #fff;}
.youShiList .fls .itembox .dd2 .ss2{font-size: 31px;color: #fff;}
.youShiList .fls .itembox .dd3{width: 100%;display: flex;justify-content: center;padding-top: 15px;padding-bottom: 6px;}
.youShiList .fls .itembox .dd3 p{font-size: 13px;color: #fff;text-align: center;box-sizing: border-box;width: 45px;line-height: 20px;border: 0px solid red;padding: 0 5px;}
.youShiList .fls .itembox:last-child .dd3 p{padding: 0;}
.youShiList .fls .itembox:nth-child(1) .dd2 .ss1{font-size: 30px;}
.youShiList .fls .itembox:nth-child(2) .dd2 .ss2{font-size: 30px;}
.youShiList .fls .itembox:nth-child(3) .dd2 .ss2{font-size: 30px;}
.youShiList .fls .itembox:nth-child(4) .dd2 .ss1{font-size: 30px;}
.youShiList .frs{background: rgba(255, 255, 255, 0.2);box-sizing: border-box;padding: 15px 20px;width: 490px;}
.youShiList .frs p{font-size: 16px;color: #fff;line-height: 30px;padding-top: 6px;}
.youShiList .frs p:first-child{padding-top: 0;}

/*成功案例*/

.successCaseDiv1{width: 100%;background: #fff;padding: 130px 0 180px 0;box-sizing: border-box;}
.successCaseList{overflow: hidden;}
.successCaseList .itembox{width: 294px;margin-right: 8px;margin-top: 8px;float: left;overflow: hidden;position: relative;}
.successCaseList .itembox:nth-child(1){margin-top: 0;}
.successCaseList .itembox:nth-child(2){margin-top: 0;}
.successCaseList .itembox:nth-child(3){margin-top: 0;}
.successCaseList .itembox:nth-child(4){margin-top: 0;}
.successCaseList .itembox .blackMask{position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.7);display: flex;flex-direction: column;justify-content: space-between;box-sizing: border-box;padding: 16px;transition: all 0.5s;opacity: 0;}
.successCaseList .itembox .blackMask .dd1{width: 100%;display: flex;justify-content: flex-end;}
.successCaseList .itembox .blackMask .dd1 img{width: 36px;height: 36px;}
.successCaseList .itembox:nth-child(4n){margin-right: 0;}
.successCaseList .itembox .blackMask .dd2{border-top: 1px solid #fff;font-size: 16px;padding: 10px 0;color: #fff;display:none;}
.successCaseList .itembox .textdiv{border-top: 1px solid #fff;font-size: 16px;color: #fff;position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:calc(100% - 20px);box-sizing:border-box;padding:10px 0 15px 0;}

/*成功案例~~~鼠标悬浮或者加了on*/

.successCaseList .itembox.on .blackMask{opacity: 1;}
@media (any-hover: hover){
	/*--*/
	.successCaseList .itembox:hover .blackMask{opacity: 1;}
	}
@media screen and (max-width: 1000px){
	/*--*/
	.successCaseList .itembox:active .blackMask{opacity: 1;}
    .successCaseList .itembox .textdiv{font-size: 0.26rem;padding:0.15rem 0;}
	}

/*查看更多*/

.lookMoreDiv{width: 100%;display: flex;justify-content: flex-end;box-sizing: border-box;padding-top: 55px;}
.lookMoreDiv a{color: #9e9e9e;font-size: 14px;border: 1px solid #9e9e9e;height: 30px;border-radius: 30px;box-sizing: border-box;padding: 0 10px;transition: all 0.5s;display: inline-flex;justify-content: center;align-items: center;}
@media (any-hover: hover){
	/*--*/
	.lookMoreDiv a:hover{color: #d9090c;border: 1px solid #d9090c;}
	}
@media screen and (max-width: 1000px){
	/*--*/
	.lookMoreDiv a:active{color: #d9090c;border: 1px solid #d9090c;}
	}

/*移动端的响应式布局*/

@media screen and (max-width: 1300px){
	/*--*/
	.banXin1200{width: 95%;}
	.fuWuFanWeiList .itembox{width: 32%;margin-right: 2%;}
	.successCaseList .itembox{width: 23.5%;margin-right: 2%;margin-top: 20px;}
	.youShiList .fls{padding-right: 0;width: 60%;justify-content: space-around;}
	.youShiList .frs{width: 40%;}
	.lookMoreDiv{justify-content: center;}
	.youShiDiv1,.fuWuLiuCheng1,.successCaseDiv1{padding-bottom: 120px;}
	}
@media screen and (max-width: 1200px){
	/*--*/
	.fuWuLiuChengList p{display: none;}
	.youShiDiv1,.fuWuLiuCheng1,.successCaseDiv1{padding-bottom: 110px;}
	}
@media screen and (max-width: 1100px){
	/*--*/
	.youShiDiv1,.fuWuLiuCheng1,.successCaseDiv1{padding-bottom: 100px;}
	}
@media screen and (max-width: 1000px){
	/*--*/
	.youShiDiv1,.fuWuLiuCheng1,.successCaseDiv1{padding-bottom: 80px;}
	}
@media screen and (max-width: 950px){
	/*--*/
	.fuWuFanWeiList .itembox:nth-child(3n){margin-right: 1%;}
	.fuWuFanWeiList .itembox{width: 49%;margin-right: 1%;margin-top: 0.2rem;padding: 0.3rem 0.2rem;height: inherit;}
	.fuWuFanWeiList .itembox:nth-child(3){margin-top: 0.2rem;}
	.fuWuFanWeiList .itembox:nth-child(2n){margin-right: 0%;}
	.fuWuFanWeiList .itembox .dd2{font-size: 0.3rem;padding: 0.2rem 0;}
	.fuWuFanWeiList .itembox .dd1 img{height: 0.6rem;}
	.fuWuFanWeiList .itembox.on .dd4 img{height: 1.6rem;}
	.youShiList .fls,.youShiList .frs{width: 100%;}
	.successCaseList .itembox{width: 49%;margin-right: 1%;}
	.successCaseList .itembox:nth-child(2n){margin-right: 0%;}
	.commTitles1{padding-bottom: 0.6rem;}
	.commTitles1 .dd2{padding-top: 0.2rem;font-size: 0.36rem;}
	.fuWuFanWeiDiv1{padding: 0.6rem 0;}
	.youShiDiv1, .fuWuLiuCheng1, .successCaseDiv1{padding-bottom: 0.6rem;}
	.fuWuLiuChengList{flex-wrap: wrap;flex: inherit;display: block;overflow: hidden;}
	.fuWuLiuChengList .itembox{width: 33.33%;flex: inherit;float: left;margin-top: 0.3rem;}
	.fuWuLiuChengList .itembox .dd1{font-size: 0.26rem;font-weight: 700;}
	.fuWuLiuChengList .itembox .dd3{padding-top: 0.3rem;height: 0.8rem;line-height: 0.4rem;box-sizing: border-box;padding: 0 10%;}
	.fuWuLiuChengList .itembox .dd2 b{width: 20px;height: 20px;}
	.fuWuLiuChengList .itembox:last-child:nth-child(3n + 2){margin-right: calc((100% - 33.33%) / 2);}
	.fuWuLiuChengList .itembox:nth-child(2){margin-top: 0;}
	.fuWuLiuChengList .itembox:nth-child(3){margin-top: 0;}
	.fuWuLiuChengList .itembox:nth-child(4){margin-top: 0;}
	.fuWuLiuCheng1{padding: 0.6rem 0;}
	.youShiList{padding-top: 0;display: block;}
	.youShiList .fls{padding-bottom: 0.3rem;justify-content: space-between;}
	.youShiList .fls .itembox .dd2 .ss1{font-size: 0.3rem !important;}
	.youShiList .fls .itembox .dd2 .ss2{font-size: 0.3rem !important;}
	.youShiList .fls .itembox>img{width: 50%;height: inherit;display: none;}
	.youShiList .fls .itembox .dd1{padding-bottom: 0.3rem;}
	.youShiList .frs{padding: 0.2rem;}
	.youShiList .frs p{font-size: 0.26rem;line-height: 0.4rem;padding-top: 0.1rem;}
	.youShiList .fls .itembox{background: rgba(255, 255, 255, 0.3);box-sizing: border-box;padding: 0.2rem;}
	.successCaseDiv1{padding: 0.6rem 0;}
	.successCaseList{display: flex;justify-content: space-between;flex-wrap: wrap;}
	.successCaseList .itembox{margin-top: 0.2rem !important;}
	.successCaseList .itembox:nth-child(1){margin-top: 0 !important;}
	.successCaseList .itembox:nth-child(2){margin-top: 0 !important;}
	.successCaseList .itembox:nth-child(4n){margin-right: 0;}
	.successCaseList .itembox:nth-child(2n){margin-right: 0;}
	.successCaseList .itembox .blackMask{padding: 0.2rem;}
	.lookMoreDiv{padding-top: 0.5rem;}
	.commTitles1 .dd1 span{font-size: 0.26rem;}
	.fuWuFanWeiList .itembox .dd3{font-size: 0.26rem;height: 0.8rem;line-height: 0.4rem;max-height: 0.8rem;}
	.fuWuLiuChengList .itembox .dd3{font-size: 0.25rem;}
	.youShiList .fls .itembox .dd3{padding: 0.2rem 0 0;}
	.youShiList .fls .itembox .dd3 p{width: 100%;font-size: 0.25rem;line-height: 0.4rem;}
	.youShiList .fls .itembox .dd1 img{width: 0.5rem;height: 0.5rem;}
	.successCaseList .itembox .blackMask .dd2{font-size: 0.26rem;}
	.successCaseList .itembox .blackMask .dd1 img{width: 0.6rem;height: 0.6rem;}
	.lookMoreDiv a{font-size: 0.26rem;height: 0.8rem;border-radius: 0.4rem;padding: 0 0.5rem;}
	}