/* 
* @Author: sublime text
* @Date:   2021-08-02 16:34:09
* @Last Modified by:   sublime text
* @Last Modified time: 2021-08-04 16:47:21
*/
#banner img{width: 100%;display: block;}

.title{font-size: 0.42rem;color: #333333;text-align: center;padding-top: 1rem;font-weight: bold;}
.title span{color: #199d52;}
.title hr{width: 0.85rem;height: 1px;background: #199d52;border:none;outline: none;margin-top: 0.3rem;}

/*7大系统*/
#xuank{width:100%;height: 6rem;margin-top: 0.6rem;position: relative;}
#xuank .title{width: 100%;color: #fff;text-align: left;}
#xuank .title>p{width: 50%;float: left;color: rgba(255,255,255,0.5);font-size: 0.32rem}
#xuank .title>p span{color: #fff;display: block;letter-spacing: 0.02rem;font-size: 0.35rem;}
.info_box_pic_box_wrap{height: 6rem;position: relative;}

#xuank .info_box_pic_box{width:100%;overflow:hidden;position:absolute;bottom: -0.8rem;}
#xuank .info_box_pic_box_more_btn{width:100%;text-align:center;margin:0.3rem 0;}
#xuank .info_box_pic_box_more_btn a{display:inline-block;padding:0.12rem 0.6rem;background:#dc2821;color:#fff;font-size:0.18rem;line-height: 0.35rem;}
#xuank .info_box_pic_box_more_btn a:hover{background:#323232;}
 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image: none !important;outline: none;width: 0.44rem !important;height: 0.44rem !important;overflow: hidden;}
.swiper-button-next, .swiper-container-ltl .swiper-button-prev{background-image: none !important;outline: none;width: 0.44rem !important;height: 0.44rem !important;overflow: hidden;}
.swiper-button-prev img, .swiper-container-rtl .swiper-button-next img{transition:0.5s;margin-top: 0px;width: 100%;display: block;}
.swiper-button-next img, .swiper-container-ltl .swiper-button-prev img{transition:0.5s;margin-top: 0px;width: 100%;display: block;}
.swiper-button-next:hover img,.swiper-button-prev:hover img{margin-top: -0.44rem}

#xuank .info_box_pic_box .swiper-slide .wen{width: 4.5rem;height: 1.8rem;line-height: 0.25rem;color: #333;margin: 0 auto;background: url(../../images/yang/slh.jpg)no-repeat center;background-size: cover;}
#xuank .info_box_pic_box .swiper-slide .wen p{font-size: 0.28rem;font-weight: bold;padding:0.45rem 0.25rem 0;}
#xuank .info_box_pic_box .swiper-slide .wen span{display: block;padding-left:0.3rem;font-size: 0.2rem;margin: 0.3rem 0 0.1rem 0;}
#xuank .info_box_pic_box .swiper-slide .wen .ri{font-size: 0.3rem;text-align: right;padding-right: 0.3rem;font-family: '宋体-Medium';}

#xuank .info_box_pic_box .swiper-slide-active .wen{width: 4.5rem;height: 1.8rem;line-height: 0.25rem;color: #fff;margin: 0 auto;background: url(../../images/yang/slb.jpg)no-repeat center;background-size: cover;}
#xuank .info_box_pic_box .swiper-slide .youwen{z-index: 111;position: absolute;right: 20%;top: 1.2rem;font-size: 0.18rem;line-height: 0.5rem;color: #fff;}
#xuank .info_box_pic_box .swiper-slide .youwen p{font-size: 0.32rem;font-weight: bold;}
#xuank .info_box_pic_box .swiper-slide .youwen hr{width: 0.4rem;height: 4px;background: #199d52;border:none;outline: none;margin: 0.2rem 0;}

/*槽点*/
#caodian{width:100%;height: 7.15rem;background: url(../../images/yang/cao_bg.jpg)no-repeat center;margin-top: 3rem;background-size: cover;}
#caodian li{width: 1.65rem;text-align: center;float: left;color: #fff;font-size: 0.14rem;margin-top:3.1rem;}
#caodian li p{font-size: 0.2rem;font-weight: bold;}
#caodian li hr{width: 0.3rem;height: 1px;outline: none;border:none;background: #fff;margin: 0.13rem auto;}

/*弊病*/
#bibing{width: 100%;height: 8.3rem;background:url(../../images/yang/bibing_bg.jpg)no-repeat top #fafafa;background-size: 100% auto;}
#bibing .title{color: #999;text-align: left;font-size: 0.12rem;font-weight: normal;}
#bibing .title p{font-size: 0.42rem;color: #fff;font-weight: bold;margin-bottom: 0.2rem;}
#bibing .title hr{margin: 0.35rem 0;background: #fff;height: 2px}
#bibing .bottom li{width: 3.9rem;height: 5rem;background: url(../../images/yang/bi.png)no-repeat center;margin-right: 0.18rem;float: left;background-size: cover;padding: 0 0.3rem;box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.05)}
#bibing .bottom li:last-child{margin-right: 0;}
#bibing .bottom li .shu{width: 0.7rem;height: 0.7rem;background: #199d52;border-radius: 50%;color: #fff;line-height: 0.7rem;font-size: 0.36rem;font-weight: bold;font-style: italic;text-indent: 0.07rem;margin: 0.65rem 0;}
#bibing .bottom li .biao{font-size: 0.36rem;color: #333333;font-weight: bold;}
#bibing .bottom li .wen{font-size: 0.16rem;color: #666666;line-height: 0.32rem;text-align: justify;margin-top: 0.5rem;text-indent:2em;}

/*陷阱*/
#xianj{width: 100%;height: 8rem;background:#fafafa;position: relative;}
#xianj .bottom{width: 100%;height: 5.25rem;background: url(../../images/yang/xian_bg.png)no-repeat left top;z-index: 1;position: absolute;top:2.2rem;}
#xianj .bottom .wrap{overflow: hidden;position: relative;}
#xianj .bottom .bg01{width: 4.75rem;float: left;overflow: hidden;height: 5rem;position: relative;}
#xianj .swiper-button-next,#xianj .swiper-container-rtl .swiper-button-prev{left: 0.8rem;top:4rem;}
#xianj .swiper-button-prev,#xianj .swiper-container-ltl .swiper-button-next{left: 0rem;top:4rem;}
#xianj .bg01 .swiper-slide .wen p{font-size: 0.36rem;font-weight: bold;color: #fff;padding-top: 1rem;}
#xianj .bg01 .swiper-slide .wen hr{width: 0.4rem;height: 2px;background: #fff;border:none;outline: none;margin: 0.4rem 0;}
#xianj .bg01 .swiper-slide .wen>span{display: block;color: rgba(255,255,255,0.8);text-transform: uppercase;}
#xianj .bg01 .swiper-slide .ri{color: #fff;font-size: 0.2rem;font-style: italic;color: rgba(255,255,255,0.5);float: right;position: absolute;right: 0.1rem;top: 3.7rem;}
#xianj .bg01 .swiper-slide .ri span{font-size: 0.4rem;color: rgba(255,255,255,1);}

#xianj .bottom .bg02{width: 8.6rem;float: right;overflow: hidden;position: absolute;right: 0;top:0.5rem;z-index: 0;}
#xianj .bottom .bg02 .swiper-slide img{width: 70%;display: block;margin:0 auto;box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.05);margin-top: 25%;}
#xianj .bottom .bg02 .swiper-slide-active .tu:hover img{transform: scale(2);}
#xianj .bottom .bg02 .swiper-slide-active .tu{width:2.96rem;height:4rem;overflow:hidden;border:5px solid #fff;}
#xianj .bottom .bg02 .swiper-slide-active img{width: 100%;margin-top: 0;transition:0.5s;}
#xianj .swiper-pagination-bullet-active{background: #199d52 !important;}
#xianj .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:0.2rem !important;}
#xianj .swiper-pagination{width: 1.2rem;margin:0.15rem auto 0;position: relative;bottom:0rem;}
#xianj .swiper-pagination-bullet{text-align: center;width: 0.3rem;height: 4px;background: #999;border-radius: 0px;margin:0 0.05rem;}
#xianj .swiper-pagination-bullet-active{background: #199d52;}


/*<!-- 施工效果 -->*/

.shili{margin-top: 0.5rem;width: 100%;height: 8.5rem;}
.shili ul{width: 3rem;margin: 0 auto;text-align: center;height: 0.5rem;border:1px solid #199d52;border-radius: 0.5rem;}
.shili ul span:first-child{border-radius: 0.5rem 0 0 0.5rem;}
.shili ul span:last-child{border-radius:0 0.5rem 0.5rem  0rem;}
.shili ul span{text-align: center;width: 1.5rem;height: 0.5rem;line-height: 0.5rem;display: block;font-size: 0.16rem;color: #199d52;cursor: pointer;margin:0;padding: 0;float: left;}
.shili ul span.on{background: #199d52;color: #fff;}


.shili .mid{position: relative;}
.shili .mid .case_bg .case{width:14rem;height: 6.6rem; overflow: hidden;position: absolute;left:2.6rem;top: 0.5rem;}
.shili .case_con{width:14rem; position: absolute; top: 0; left: 0;}
.shili .case_box{width:14rem; float: left; position: relative;height: 6.6rem;}
.shili .case_box a{width: 31%;float: left;margin-right:3%;display: block;margin-bottom: 0.35rem;border: 1px solid #ccc;border-radius:0.1rem;}
.shili .case_box a:nth-child(3n){margin-right: 0%;}
.shili .case_box a img{display: block;width: 95%;border-radius:0.1rem;padding:2.5%;}

/*提供*/
#tigong{width: 100%;height: 8rem;background: url(../../images/yang/tigong_bg.jpg)no-repeat center;background-size: cover;}
#tigong .title{color: #fff;}

.bg03 .swiper-slide li img{width: 100%;display: block;}
.bg03 .swiper-slide li:hover img{transform: scale(2);}
.bg03 .swiper-slide li{width: 3.7rem;height: 2.43rem;border:5px solid #fff;float:left;margin:0.15rem;display: inline-block;text-align: center; margin-top:0.6rem;overflow:hidden;}
.bg03 .swiper-slide li:first-child{margin-left: 1rem;}
.bg03 .swiper-slide li:hover{margin-top:0rem;} 

#tigong .bg03,#tigong .bg04{width: 14rem;overflow: hidden;position: absolute;right: 0;top:0.5rem;z-index: 0;}
#tigong .swiper-button-prev,#tigong .swiper-button-next{top: 1.5rem;position: absolute;}
#tigong .bg04 .swiper-slide{display: block;color: #fff;font-size: 0.16rem;text-align: center;line-height: 0.3rem;}
#tigong .bg04 .swiper-slide .tu{margin-top: 0.2rem;}
#tigong .bg04 .swiper-slide .tu img{width: 0.6rem;display: block;margin: 0.08rem auto;border:2px solid #b3b3b3;border-radius: 50%;}
#tigong .bg04 .swiper-slide-active .tu{width: 1rem;height: 1rem;border:1px dashed #199d52;border-radius: 50%;line-height: 0.4rem;margin:0 auto;margin-bottom: 0.1rem;}
#tigong .bg04 .swiper-slide-active .tu img{width: 0.8rem;display: block;margin: 0.08rem auto;border:2px solid #199d52;border-radius: 50%;}
#tigong .bg04{top:4rem;}
#tigong .bg04 hr{width: 90%;height: 2px;background: #8b8a88;outline: none;border:none;position: absolute;z-index: 0;bottom: 0.6rem;left:5%;}
.bg04_picshow{position: relative;}
#tigong .bg04 .swiper-slide-active li span{display: none;}