@charset "utf-8";
/* CSS Document */

.bxuiswiper { width: 100%;height:74.7vw; max-height: 477px; position: relative; overflow: hidden; }
.bxuiswiper .swiper-slide {width:100%;font-size: 18px; position: relative;}
.bxuiswiper .swiper-slide img{ width:100%; height: 74.7vw; max-height: 477px; object-fit: cover ; }
.bxuiswiper .swiper-pagination{width: 96%; bottom:.1rem !important ;text-align: right; font-size: .12rem; color: #fff}
.bxuiswiper .swiper-pagination span{ display:inline-block; width:4px; height:4px; border-radius:50%; opacity: 1; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; opacity: 1; font-size: .12rem; color: #fff}
.bxuiswiper .swiper-pagination .swiper-pagination-bullet-active{ width: 20px ; border-radius: 4px; background-color: #e67c0c; opacity: 1; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }
.bxuiswiper .swiper-pagination .swiper-pagination-current{font-weight: bold}
.bxuiswiper .swiper-slide .zhe{ width: 92% ;padding: .2rem 4% .2rem 4% ;background: -webkit-linear-gradient(bottom,rgba(0,0,0,0.5),rgba(0,0,0,0));position: absolute; left: 0;bottom: 0}
.bxuiswiper .swiper-slide .zhe h5{ width: 100%; max-height: .4rem; line-height: .2rem; font-size: .12rem; color: #fff;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}

.center{ width: 92% ;margin: 0 auto; overflow: hidden;}
.openbg{ width: 100% ; background-color: #fff ; margin-top: .05rem; margin-bottom: .05rem; overflow: hidden;}
.openbg .center{ padding: .2rem 0 .2rem 0}
.gdbox{width: 100% ; text-align: center ; }
.gdbox a{ width: 1.24rem; height: .38rem; line-height: .38rem; text-align: center ; background-color: #b1040f ; display: inline-block ; font-size: .12rem; color: #fff;  border-radius:.03rem ; -webkit-border-radius:.03rem ; -moz-border-radius:.03rem ; -ms-border-radius:.03rem ; -o-border-radius:.03rem ; }


.title{ width: 100% ;height: .16rem;line-height: .16rem; position: relative;}
.title h3{font-size: .15rem; font-weight: bold ;color: #333 ;padding-left: .12rem}
.title i{ width: 2px ; height: .16rem; background-color: #b1040f ; border-radius:2px; position: absolute; left: 0; top: 0; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; }

.gongkai{ width: 100% ; padding: .1rem 0 .24rem 0}
.gongkai ul{ width: 100% ;}
.gongkai ul li{ width: 100% ; border-bottom: 1px dashed #dadada ;padding: .12rem 0}
.gongkai ul li a{ width: 100% ; display: block ; overflow: hidden;}
.gongkai ul li a h3{ width: .84rem; height: .3rem; line-height: .3rem; text-align: center; font-size: .12rem; color: #bb666b ;float: left;background-color: #f1f1f1 ;white-space: nowrap;text-overflow: ellipsis; position: relative;top: .03rem; overflow: hidden;}
.gongkai ul li a .txt{ width: calc(100% - .94rem) ;height: .36rem; float: right;display: flex; align-items: center; justify-content: left;}
.gongkai ul li a .txt h5{ width: 100% ;max-height: .36rem; line-height: .18rem; font-size: .14rem; color: #333 ;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}


.icon{ width: 100% ;background-color: #f7f7f7;margin-bottom: .05rem;}
.icon ul{ width: 100% ; overflow: hidden;}
.icon ul li{width: calc(33.33% - 1px) ; border-right: 1px solid #ebebeb ; border-bottom: 1px solid #ebebeb;float: left;}
.icon ul li a{ width: 100% ; display: block ;text-align: center ;padding: .15rem 0}
.icon ul li a img{ width: .2rem; height: .152rem; margin-bottom: .07rem}
.icon ul li a h3{ width: 100% ; height: .14rem ; line-height: .14rem;text-align: center; font-size: .12rem; color: #666;white-space: nowrap;text-overflow: ellipsis ; overflow: hidden; }
.icon ul li:nth-child(3n+3){border-right: none}
.icon ul li:nth-child(7){border-bottom: none}
.icon ul li:nth-child(8){border-bottom: none}
.icon ul li:nth-child(9){border-bottom: none}


.obtain{width: 100% ;padding: .1rem 0 .24rem 0}
.obtain ul{width: 100% ; }
.obtain ul li{width: 100% ;border-bottom: 1px dashed #dadada;}
.obtain ul li a{ width: 100%; display: block; padding: .14rem 0 ; overflow: hidden;}
.obtain ul li a .obl{ width: .56rem;   background-color: #fff; float: left;border-right: 1px solid #dadada}
.obtain ul li a .obl h5{width: 100%;text-align: center; height: .22rem; line-height: .22rem ;font-size: .16rem; color: #b61412;font-weight: bold; overflow: hidden;}
.obtain ul li a .obl h6{width: 100%;  height: .22rem; line-height: .22rem ;font-size: .12rem; color: #999;text-align: center; overflow: hidden;}
.obtain ul li a .obr{ width: calc(100% - .67rem) ; height: .49rem; float: right;display: flex; align-items: center; justify-content: center;  padding-left: .1rem;}
.obtain ul li a .obr h3{ width: 100% ; max-height:.48rem; line-height: .24rem;  font-size: .14rem; color: #333;display: -webkit-box;
    -webkit-box-orient: vertical; -webkit-line-clamp: 2;text-align: justify; overflow: hidden;}

.jiandu{ width: 100% ;background: url(../images/bg1.jpg) no-repeat top center; background-size: cover;margin-bottom: .05rem; overflow: hidden;}
.jiandu .center{padding: .2rem 0 .2rem 0;}
.jiandu .title{margin-bottom: .16rem}
.dizhi{ width: 100% ; margin-top: .1rem; overflow: hidden;}
.dizhi img{ width: .12rem ;float: left;margin-top: .02rem}
.dizhi h3{ width: calc(100% - .2rem) ;float: right ;font-size: .12rem; color: #555}


.information{ width: 100% ;background: url(../images/bg2.jpg) no-repeat top center; background-size: cover; margin-bottom: .05rem;overflow: hidden;}
.information .center{padding: .2rem 0 .2rem 0;}


.hot{ width: 100%; height: .2rem; line-height: .2rem; margin-top: .17rem;  overflow: hidden;}
.hot ul{ display: inline-block}
.hot ul li{ display: inline-block ;}
.hot ul li a{font-size: .12rem; color: #555 ; }
.hot ul li span{font-size: .12rem; color: #555 ; padding: 0 .05rem}
.hot ul li a:hover{color: #b1040f}
.hot ul li a:hover i{color: #b31011}
.hot ul li:last-child span{display: none}




@media screen and (width: 360px) {
   
}