/* 
* @Author: sublime text
* @Date:   2021-08-02 16:34:09
* @Last Modified by:   sublime text
* @Last Modified time: 2021-08-11 17:19:57
*/
#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;}

#bg01{width: 100%;height: 9.38rem;background: url(../../images/chuang/bg01.jpg)no-repeat center;background-size: cover;}
#bg01 .fl p{font-size: 0.42rem;font-weight: bold;color: #fff;margin-top: 1.9rem;margin-bottom: 0.6rem;}
#bg01 .fl{font-size: 0.16rem;line-height: 0.35rem;color: #fff;width: 45%;text-align: justify;}




#why{width: 100%;height: 14rem;background: #f7fafc;}
#why .wrap{margin-top: 0.4rem;}
#why li{width: 27.2%;float: left;text-align: center;padding:0 3%;height: 3.8rem;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;line-height: 0.25rem;font-size:0.16rem;}
#why li .wen{display:block;transition:0.5s;text-align:justify;text-indent:2em;}
#why li img{width: 0.91rem;height: 0.72rem;display: block;margin:0.3rem auto 0.3rem;transition:0.5s;}
#why li p{font-size: 0.24rem;color: #199d52;font-weight: bold;}
#why li span{font-size: 0.1rem;color: #199d52;text-transform: uppercase;}
#why li hr{width: 0.35rem;height: 1px;background: #ccc;outline: none;border:none;margin: 0.15rem auto;}
#why li:nth-child(3n){border-right: none;}
#why li:nth-child(7),#why li:nth-child(8),#why li:nth-child(9){border-bottom: none;}
#tixi .bottom{width: 14.2rem;margin:0 auto}
#tixi .bottom li{width: 1.4rem;text-align: center;float: left;margin-right: 1.14rem;font-size: 0.2rem;font-weight: bold;}
#tixi .bottom li:last-child{margin-right: 0;}
#tixi .tu{margin:0.5rem auto 0.2rem;width: 14rem;}
#tixi .tu img{width:100%;display:block;}
#tixi .more{width: 14rem;height: 2.6rem;background: url(../../images/hehuo/jiam.jpg)no-repeat center;background-size: cover;margin: 0.4rem auto 0;position: relative;}
#tixi .more a{width: 1.7rem;height: 0.5rem;line-height: 0.5rem;border-radius: 0.5rem;display: block;background:#fff;text-align: center;font-size: 0.18rem;font-weight: bold;color: #209f57;position: absolute;top:1.8rem;right:2.3rem;}


.shili{position: relative;width: 100%;height: 10.12rem;}
.shili ul{width: 17.4rem;margin: 0 auto; position: absolute;bottom: 0;left: 0.9rem;height: 1.81rem;}
.shili ul li{width: 2rem;float: left;font-size:0.08rem;color: #242424;height: 0.88rem;text-align: left;cursor: pointer;color: #fff;background: url(../../images/hehuo/bg1.png)no-repeat center;background-size: cover;text-transform: uppercase;font-style: italic;padding-left: 0.2rem;position: relative;margin-left: -0.05rem;}
.shili ul li p{font-size: 0.18rem;font-weight: bold;color: #fff; padding-top: 0.25rem;margin-bottom: 0.05rem;}
.shili ul li .tu{width:0.46rem;height: 0.46rem;overflow: hidden;position: absolute;right:0.25rem;top:0.25rem;}
.shili ul li .tu img{width: 100%;display: block;}
.shili ul .on,.shili ul li:hover{background: url(../../images/hehuo/bg2.png)no-repeat center bottom;width: 2.25rem;height: 1.1rem;background-size: cover;margin-top: -0.22rem;margin-right: -0.05rem}
.shili ul .on p,.shili ul li:hover p{padding-top: 0.35rem;}
.shili ul .on .tu，.shili ul li:hover .tu{top:0.35rem;}

.shili .mid{position: absolute;left: 50%;}
.shili .mid .case_bg{width: 19.2rem;height: 7.7rem;margin: 0.5rem auto 0; position: relative;left: -50%;}
.shili .mid .case_bg .case{width:19.2rem;height: 7.7rem; overflow: hidden;position: absolute;}
.shili .case_con{width:19.2rem; position: absolute; top: 0; left: 0;}
.shili .case_box{width:19.2rem; float: left; position: relative;height:7.7rem;background:#fff;}
.shili .case_box img{width: 100%;display: block;position: absolute;}
.shili .case_box p{font-size: 0.52rem;font-weight: bold;color: #fff;padding-top: 2rem;}
.shili .case_box span{width: 6rem;height: 0.4rem;line-height: 0.4rem;background: #199d52;color: #fff;font-size: 0.16rem;display: block;text-align: center;margin-top: 0.35rem;letter-spacing: 0.15rem;}
.shili .case_box a{width: 1.7rem;height: 0.5rem;line-height: 0.5rem;border-radius: 0.5rem;display: block;background:#fff;text-align: center;font-size: 0.18rem;color: #209f57;margin-top: 0.6rem;}


#gongyin{width: 100%;height: 9rem;background:url(../../images/hehuo/chengshi.jpg)no-repeat center;background-size:cover;}
#gongyin .tit{margin-top: 0.8rem;}
#gongyin .tit p{font-size: 0.22rem;color: #333;font-weight: bold;margin-bottom: 0.2rem;}
#gongyin .tit li{font-size: 0.18rem;float: left;width: 1rem;float: left;}
#gongyin .tit li span{font-size: 0.14rem;padding-right: 0.1rem;}
#gongyin .tit li:first-child span{color: #b7b5ff;}
#gongyin .tit li:nth-child(2) span{color: #79c3d4;}
#gongyin .tit li:nth-child(3) span{color: #545c8c;}
#gongyin .tit li:nth-child(4) span{color: #1588a7;}
#gongyin .tit li:nth-child(5) span{color: #71af84;}
#gongyin .tit li:nth-child(6) span{color: #ea98ae;}
#gongyin .tit li:nth-child(7) span{color: #fed048;}
#gongyin .tit li:nth-child(8) span{color: #b8b5fe;}
#gongyin .tit li:nth-child(9) span{color: #fed049;}
#gongyin .tit li:nth-child(10) span{color: #e88a6a;}
#gongyin .tit li:nth-child(11) span{color: #387c6e;}
#gongyin .tit li:nth-child(12) span{color: #fed048;}

/*活动*/
.info_box_pic_box_wrap{margin-top: 0.8rem;}
#gongyin .info_box_pic_box{line-height: 0.35rem;font-size: 0.16rem;height: 4.2rem;text-align: left;margin-bottom:0.2rem;}
#gongyin .info_box_pic_box .swiper-slide .nei{width: 6.8rem;height: 4rem;position: relative;background: #fff;box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.1);margin: 0.1rem auto;}
#gongyin .nei .fl{width: 5rem;margin-left: 0.3rem;}
#gongyin .nei .fl .tit img{width: 0.24rem;height: 0.26rem;display: block;float: left;padding-right: 0.1rem;padding-top: 0.05rem;}
#gongyin .nei .fl .tit{font-size: 0.24rem;margin-top: 0.45rem;margin-bottom: 0.2rem;}
#gongyin .nei .fl .tu{width: 2.2rem;height: 1.3rem;}
#gongyin .nei .fl .tu img{width: 100%;display: block;}
#gongyin .nei .wen p{font-size: 0.2rem;margin-top: 0.3rem;}
#gongyin .nei .wen li{line-height: 0.35rem;font-size: 0.16rem;color: #ccc;}
#gongyin .nei .wen li img{width: 0.18rem;height: 0.18rem;display: block;float: left;padding-top: 0.1rem;padding-right:0.1rem; }
#gongyin .nei .fr{width: 3.35rem;height: 3.4rem;margin-right: 0rem;margin-top: 0.3rem;position:absolute;right:0.1rem;}
#gongyin .nei .fr img{width: 100%;display: block;}

 .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;left:-0.7rem !important;}
.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;right:-0.8rem !important;}
.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}

.info_box_pic_box{width:14rem;overflow:hidden;text-align:center;position:relative;margin: 0 auto;}


#weilai .bottom{width: 100%;height: 5.5rem;background: url(../../images/hehuo/weilai_bg.jpg)no-repeat center;background-size: cover;margin-top: 0.5rem;}
#weilai .bottom .fl{width: 3.2rem;margin-left: 7.6rem;margin-top: 1.2rem;}
#weilai .bottom .fl input{outline: none;border: none;background: none;border: 1px solid #333;width: 100%;margin-bottom: 0.3rem;height: 0.5rem;font-size: 0.16rem;color: #333;text-indent: 0.2rem;}
#weilai .bottom .fr{width: 2.3rem;margin-right: 0.25rem;text-align: center;line-height: 0.5rem;font-size: 0.16rem;color: #666;}
#weilai .bottom .fr .tu{width: 1.4rem;height: 1.4rem;;margin: 1.9rem auto;}
#weilai .bottom .fr .tu img{width: 100%;display: block}

.bg05 .swiper-pagination-bullet{font-size: 0.18rem;margin:0 0.5rem;color:#999;opacity:1;list-style:none;outline:none;height:0;text-align:center;margin-top:0.1rem;}
.bg05 .swiper-pagination-bullet-active{background:#199d52 !important;color: #199d52;opacity:1;font-weight:bold;}
.bg05 .swiper-pagination-bullet span{display:block;width:1rem !important;}
.bg05 .swiper-pagination{width:100%;}

.bg05 .swiper-slide-active .nei{box-shadow:0px 0px 5px 5px rgba(25,157,82,0.8) !important;}