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

.title{font-size: 0.42rem;color: #333333;text-align: center;padding-top: 1rem;font-weight: bold;height: 0.9rem;position: relative;}
.title span{color: #199d52;}
.title hr{width: 0.85rem;height: 1px;background: #199d52;border:none;outline: none;margin-top: 0.3rem;}
.title p{font-size: 1rem;font-family: "Arial";font-weight: bold;color: #f5f5f5;position: absolute;z-index: -1;text-transform: uppercase;width: 100%;text-align: center;bottom:0.3rem;}

/*二级*/
#erji{width: 100%;height: 0.8rem;line-height: 0.8rem;border-bottom: 1px solid #e6e6e6;}
#erji a{width: 19.8%;float: left;display: block;border-left: 1px solid #e6e6e6;font-size: 0.18rem;color: #999999}
#erji a:last-child{border-right: 1px solid #e6e6e6;}
#erji a .tu{width: 0.33rem;height: 0.29rem;overflow: hidden;float: left;margin-top: 0.25rem;margin-left: 0.7rem;margin-right: 0.2rem;}
#erji a .tu img{width: 100%;display: block;transition:0.5s;}
#erji a.on,#erji a:hover{background: #199d52;color: #fff;}
#erji a.on img,#erji a:hover img{margin-top: -0.29rem;}



.shili{margin-top: 0.75rem;width: 100%;}
.shili ul{width: 5.15rem;margin: 0 auto;text-align: center;height: 0.5rem;border:1px solid #199d52;border-radius: 0.5rem;border-right: none;}
.shili ul a:first-child{border-radius: 0.5rem 0 0 0.5rem;}
.shili ul a:last-child{border-radius:0 0.5rem 0.5rem  0rem;}
.shili ul a{text-align: center;width: 1.7rem;height: 0.5rem;line-height: 0.5rem;display: block;font-size: 0.16rem;color: #333;cursor: pointer;margin:0;padding: 0;float: left;border-right: 1px solid #199d52;}
.shili ul a.on{background: #199d52;color: #fff;}
.shili ul a:hover{color:#199d52}
.shili ul a.on:hover{color:#fff}

.shili .mid .case_bg .case{width:14rem;margin:0.75rem auto 0;}
.shili .case_box li{width: 4.3rem;float: left;margin-right:0.55rem;display: block;height: 5.08rem;background: url(../../images/honnr/zizhi_bg.jpg)no-repeat center;background-size: cover;text-align: center;}
.shili .case_box li .tu{width: 2.05rem;height: 2.9rem;margin:0 auto;margin-top: 0.25rem;}
.shili .case_box li:nth-child(3n){margin-right: 0%;}
.shili .case_box li img{display: block;width:100%;}
.shili .case_box li p{line-height: 0.5rem;font-size: 0.2rem;font-weight: bold;color: #333;margin-top: 0.2rem;}



#xiaoguo .fanye{;width: 100%;height: 0.7rem;background: #f0f0f0;margin:0 auto;font-size: 0.16rem;color: #666666;line-height: 0.7rem;}
#xiaoguo .fanye .fl,#xiaoguo .fanye .fr{width: 20%;text-align: center;text-align: center;}
#xiaoguo .fanye a .tu{width: 0.28rem;height: 0.18rem;overflow: hidden;float: left;margin-top: 0.25rem;margin-left: 0.3rem;margin-right: 0.3rem;}
#xiaoguo .fanye a img{transition:0.5s;display: block;}
#xiaoguo .fanye a:hover img{margin-top: -0.18rem}
#xiaoguo .fanye a i{transition:0.5s;float: left;}
#xiaoguo .fanye a{color: #666;}
#xiaoguo .fanye a:hover i{color: #199d52}
#xiaoguo .fanye .yema{width: 60%;float: left;text-align: center;}
#xiaoguo .fanye .yema span{width: 0.35rem;height:0.35rem;display: inline-block;border:1px solid #f0f0f0;border-radius: 50%;line-height: 0.35rem;margin: 0 0.1rem;}
#xiaoguo .fanye .yema span.active{background: #199d52;color: #fff;}

.fanye{;width:73%;height: 0.7rem;margin:0 auto;margin-top: 1rem;font-size: 0.16rem;color: #666666;line-height: 0.7rem;text-align:center;background-size:100%;}
.fanye a:first-child{display:none;}
.fanye a:nth-child(2){float:left;border:none;width:0.5rem;line-height:0.7rem;padding-left:0.5rem;}
.fanye a:last-child{float:right;border:none;width:0.5rem;line-height:0.7rem;padding-right:0.5rem;}
.fanye a{width: 0.35rem;height:0.35rem;display: inline-block;border:1px solid #d0d0d0;border-radius: 50%;line-height: 0.35rem;margin: 0 0.1rem;}
.fanye span{background: #199d52;color: #fff;display:block;width: 0.35rem;height:0.35rem;display: inline-block;border:1px solid #d0d0d0;border-radius: 50%;line-height: 0.35rem;margin: 0 0.1rem;}
#ban{margin-top:1rem;}