/* * @Author: sublime text * @Date: 2021-08-02 16:34:09 * @Last Modified by: sublime text * @Last Modified time: 2021-08-03 17:08:27 */ #banner img{width: 100%;display: block;} #zhuli{width: 100%;height: 8rem;background: url( ../../images/yun/zhuli_bg.jpg)no-repeat center;background-size: cover;} #zhuli .title{font-size: 0.42rem;color: #77f3fd;text-align: center;padding-top: 1rem;font-weight: bold;} #zhuli .title hr{width: 0.85rem;height: 1px;background: #77f3fd;border:none;outline: none;margin-top: 0.3rem;} #zhuli .bottom{width: 100%;height: 4rem;margin-top: 0.8rem;} #zhuli .bottom li{width: 2.8rem;height: 4rem;background: url( ../../images/yun/kuang.png)no-repeat center;background-size: cover;float: left;margin-right: 0.85rem;text-align: center;color: #cfe6ef;font-size: 0.14rem;text-transform: uppercase;} #zhuli .bottom li:last-child{margin-right: 0rem;} #zhuli .bottom li p{font-size: 0.24rem;font-weight: bold;color: #77f3fd;margin-bottom: 0.1rem;} #zhuli .bottom li img{height: 1.2rem;display: block;margin:0.8rem auto 0.7rem;} #zhuli .bottom li span{font-size:0.15rem;color:#fff;width:80%;display: block;line-height: 0.25rem;margin-left:0.3rem;display:none;} #zhuli .bottom li:hover span{margin-bottom:0.66rem;display:block;margin-top:-0.3rem;} #zhuli .bottom li:hover p{display:none;} #zhuli .bottom li:hover i{display:none;} #xuank{width: 100%;height: 7.9rem;background: url( ../../images/yun/guanli_bg.jpg)no-repeat center;background-size: cover;} .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;} /*按钮*/ #xuank .info_box_pic_box{width:100%;overflow:hidden;position:relative;margin: 0 auto;margin-top: 0.55rem;} #xuank .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image: none !important;outline: none;width: 0.4rem !important;height: 0.41rem !important;overflow: hidden;left:-0.7rem;} #xuank .swiper-button-next, .swiper-container-ltl .swiper-button-prev{background-image: none !important;outline: none;width: 0.4rem !important;height: 0.41rem !important;overflow: hidden;right:-0.7rem;} #xuank .swiper-button-prev img, .swiper-container-rtl .swiper-button-next img{transition:0.5s;margin-top: 0px;width: 100%;display: block;} #xuank .swiper-button-prev:hover img, .swiper-container-rtl .swiper-button-next:hover img{margin-top: -0.41rem;} #xuank .swiper-button-next img, .swiper-container-ltl .swiper-button-prev img{transition:0.5s;margin-top: 0px;width: 100%;display: block;} #xuank .swiper-button-next:hover img, .swiper-container-ltl .swiper-button-prev:hover img{margin-top: -0.41rem;} #xuank .info_box_pic_box .swiper-slide img{display: block;margin:2.5% auto;width: 95%;} #xuank .info_box_pic_box .swiper-slide .nei{background: #fff;width: 3.25rem;height: 4.45rem;border:1px solid #ccc;margin:0 auto;margin-top: 0.8rem;} #xuank .info_box_pic_box .swiper-slide .nei .wen{border-top: 1px solid #ccc;padding-left: 2.5%;} #xuank .info_box_pic_box .swiper-slide .nei .wen p{font-size: 0.18rem;color: #333333;line-height: 0.5rem;font-weight: bold;} #xuank .info_box_pic_box .swiper-slide .nei .wen span{font-size: 0.14rem;color: #199d52;line-height: 0.2rem !important;margin-top: 0.05rem;display: block;} #xuank .info_box_pic_box .swiper-slide:hover .wen p{display: none;} #xuank .info_box_pic_box .swiper-slide:hover .nei{margin-top: 0rem;border:1px solid #199d52;cursor:pointer;} #tedian{width: 100%;height: 7.8rem;background: url( ../../images/yun/te_bg.jpg)no-repeat center;background-size: cover;position: relative;} #tedian .info_box_pic_box{width:100%;overflow:hidden;position:relative;margin: 0 auto;margin-top: 0.85rem;} #tedian .swiper-button-prev2, .swiper-container-rtl .swiper-button-next2{background-image: none !important;outline: none;width: 0.28rem !important;height: 0.18rem !important;overflow: hidden;left:45%;position: absolute;cursor: pointer;} #tedian .swiper-button-next2, .swiper-container-ltl .swiper-button-prev2{background-image: none !important;outline: none;width: 0.28rem !important;height: 0.18rem !important;overflow: hidden;right:45%;position: absolute;cursor: pointer;} #tedian .swiper-button-prev2 img, .swiper-container-rtl .swiper-button-next2 img{transition:0.5s;margin-top: 0px;width: 100%;display: block;} #tedian .swiper-button-prev2:hover img, .swiper-container-rtl .swiper-button-next2:hover img{margin-top: -0.18rem;} #tedian .swiper-button-next2 img, .swiper-container-ltl .swiper-button-prev2 img{transition:0.5s;margin-top: 0px;width: 100%;display: block;} #tedian .swiper-button-next2:hover img, .swiper-container-ltl .swiper-button-prev2:hover img{margin-top: -0.18rem;} #tedian .swiper-pagination{width: 0.8rem;margin:0.5rem auto 0;position: relative;top:0.15rem;} #tedian .swiper-pagination-bullet{text-align: center;width: 0.3rem;height: 4px;background: #b3b3b3;border-radius: 0px;margin:0 0.05rem;} #tedian .swiper-pagination-bullet-active{background: #199d52;} #tedian .swiper-slide img{width: 100%;display: block;} #jian{width: 100%;height: 5.8rem;background: url( ../../images/yun/jian.jpg)no-repeat center;background-size: cover;position: relative;} #jian .fr{width: 50%;color: #fff;} #jian .fr p{text-align: center;font-size: 0.36rem;font-weight: bold;padding-top: 1.5rem;} #jian .fr .phone{font-size: 0.16rem;color: #fff;margin-top: 0.65rem;margin-left:1.7rem;float: left;} #jian .fr .phone span{display: block;font-size: 0.3rem;font-family:'宋体';} #jian .fr .more{width: 1.65rem;height: 0.5rem;line-height: 0.5rem;text-align: center;border-radius: 0.5rem;font-size: 0.18rem;color: #199d52;background:#fff;display: block;float: right;margin-top: 0.75rem;margin-right: 0.8rem;} #jian .fr .more:hover{background: #199d52;color:#fff;};