/* 
* @Author: sublime text
* @Date:   2019-10-16 10:28:11
* @Last Modified by:   sublime text
* @Last Modified time: 2022-08-02 15:02:00
*/
/*banner*/

.wrap{width: 14.5rem !important;}

.title{font-size: 0.48rem;color: #333333;padding-top: 1rem;text-align: center;}
.title span{color: #333 ;}

#yous{width: 100%;height: 9.3rem;background: #f3f5f6;}
#yous .title{text-align: left;}
#yous .bottom li{width: 3.32rem;height: 1.05rem;background: url(/statics/images/dz/line1.png)no-repeat center;background-size: cover;float: left;margin-right: 4rem;margin-top: 0.6rem;}
#yous .bottom li:nth-child(2n){width: 3.32rem;height: 1.05rem;background: url(/statics/images/dz/line2.png)no-repeat center;background-size: cover;float: right;margin-left: 4rem;margin-right: 0;}
#yous .bottom li span{color: #fd3365 ;font-size: 0.73rem;float: right;display: block;font-family: 'Oswald-Medium';margin-right: 0.4rem;}
#yous .bottom li i{display: block;float: left;padding-top: 0.4rem;margin-left: 0.2rem;line-height: 0.25rem;
    font-size: 0.16rem;}
#yous .bottom li:nth-child(2n) span{float: left;margin-left: 0.4rem;}
#yous .bottom li:nth-child(2n) i{float: right;width: 1.3rem;}
#yous .tu{width: 5.72rem;height: 6.27rem;display: block;position: absolute;left:32%;top:1.9rem;}
#yous .tu img{width: 100%;display: block;}



#zhant{background:#f5f5f5;margin-top:1rem;padding-bottom:0.5rem;}


.mySwiper2 {
    width: 14rem !important;
    margin: 0 auto;
    height: 3.8rem;
    overflow: hidden;
    position: relative;
    margin-top: 0.5rem;
  }

.mySwiper2 .swiper-slide {
  font-size: 0.18rem;
  margin-right: 0.2rem;
  color: #666666;
  line-height: 0.4rem;
  text-align:center;

} 

.mySwiper2 .swiper-slide img {
  display: block;
  width: 100% !important;
  height: 100%;
}
#zhant .swiper-button-prev {outline:none;background: none;width: 0.58rem;height: 0.6rem;overflow: hidden;left:0rem;top:40%;border-radius:50%;}
#zhant .swiper-button-next {outline:none;background: none;width: 0.58rem;height: 0.6rem;overflow: hidden;right:0rem;top:40%;border-radius:50%;}
#zhant .swiper-button-prev img,#zhant .swiper-button-next img{display:block;width:100%;}
.mySwiper2 .swiper-slide .tu{width: 4.4rem;margin:0 auto;overflow:hidden;display:block;}
.mySwiper2 .swiper-slide .tu img{display: block;width: 100%;transition:0.5s;}
.mySwiper2 .swiper-slide .tu:hover img{transform: scale(1.1);}


.mySwiper2 .swiper-pagination-bullet-active{background: #fd3365 ;}
.mySwiper2 .swiper-pagination-fraction{width: 100%;height: 0.34rem;line-height: 0.4rem;background: url(../images/index/bg.png)no-repeat center;margin:0 auto !important;color: #fff;display: block;}



#qind table{width: 14rem;height: 5px;margin:0 auto;margin-top: 0.5rem;}
#qind table,tr,td{
border:1px solid #d9d9d9;text-align: left;font-size: 0.16rem;color: #333333;line-height: 0.6rem;text-indent: 0.2rem;}
#qind td{background: #f2f2f2;font-size: 0.18rem;color: #333333;height: 0.8rem;line-height: 0.8rem;text-align:center;}
#qind td:nth-child(2n){background: none;color: #666666;font-size: 0.16rem;text-align:left;}


#gongyi{width: 100%;height: 7rem;background:url(/statics/images/dz/bj.jpg)no-repeat center;background-size: cover;margin-top: 1.6rem;}
#gongyi .title,#gongyi .title span{color: #fff;}

#gongyi a{width: 3.6rem;float: left;margin-right: 0.35rem;margin-top: 0.9rem;display: block;}
#gongyi .tu{width: 100%;height:2.1rem;margin:0 auto;}
#gongyi .tu img{width: 100%;display: block;}
#gongyi .wen{width: 90%;height: 0.9rem;padding:0 5%;background: #fff;margin:0 auto;font-size: 0.14rem;color: #333333;line-height: 0.3rem;}
#gongyi .wen p{font-size: 0.18rem;padding-top: 0.2rem;}


.yanj {width:100%;padding-bottom:1rem;}
.yanj .xia{width: 16rem;margin:0 auto;margin-top: 0.8rem;}
.yanj .xia a{display: block;width: 4.4rem;border:1px solid #e6e6e6;padding: 0.2rem;float: left;margin-right: 0.75rem;}
.yanj .xia a:last-child{margin-right: 0;}
.yanj .xia a .tu{width: 4.4rem;height: 3rem;overflow: hidden;}
.yanj .xia a .tu img{height: 100%;display: block;transition:0.5s;}
.yanj .xia a .tu:hover img{transform: scale(1.1);}
.yanj .xia a p{font-size: 0.18rem;color: #333333;margin-top: 0.3rem;width: 60%;float: left;line-height: 0.3rem;}
.yanj .xia a p:hover{color: #fd3365 }
.yanj .xia a .ri{width: 40%;float: right;text-align: right;margin-top: 0.35rem;font-size: 0.16rem;}
.yanj .xia a .ri i{padding-left: 0.1rem;}


#liuc .wrap{margin-top:0.2rem;}
#liuc li{width:21%;float:left;text-align:center;font-size:0.16rem;color:#666;margin-top:0.5rem;padding:0 2%;}
#liuc li p{font-size:0.25rem;color:#333;padding:0.2rem 0 0.1rem;}
#liuc li img{width:1.5rem;height:1.5rem;border-radius:50%;transition:0.5s;background:#ccc;}
#liuc li img:hover{transform:rotateY(180deg);}


#dingw li{margin-top: 1.2rem;}
#dingw li .fl{width: 9.6rem;height: 5.8rem;overflow: hidden;background:#ccc;}
#dingw li .fl img{width: 100%;display: block;transition:0.5s;}
#dingw li .fl:hover img{transform: scale(1.1);}
#dingw li .fr{float: left;margin-left: 1.2rem;width:7rem;}
#dingw li .fr .shu{font-size: 0.88rem;color: #e5e5e5;padding-top: 1rem;font-family: 'Oswald-Medium';}
#dingw li .fr p{font-size: 0.35rem;color: #fd3365 ;padding-top: 0.4rem;font-weight:bold;}
#dingw li .fr .wen{font-size: 0.2rem;color: #333333;padding-top: 0.15rem;margin-bottom:0.3rem;}
#dingw li:nth-child(3) .fl{float:right;}
#dingw li:nth-child(3) .fr{float:left;}