*{box-sizing: border-box;}
.clear{clear:both}
li{list-style:none;}
em,s,i{font-style:normal;}
a{color:#424242;text-decoration:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal}
.fl{float: left;}
.fr{float:right}

.bar-tab-content{-webkit-overflow-scrolling: touch;padding-bottom: 0px;padding-top: 0rem;padding-bottom: 85px;}
.bar {z-index: 2;position: fixed;right: 0;left: 0;z-index: 15;height: 3rem;padding-right: .5rem;padding-left: .5rem;background-color: #000;-webkit-backface-visibility: hidden;backface-visibility: hidden;color: #fff;}
.bar .title {position: absolute;display: block;max-width: 50%;padding: 3% 2%;left: 0;right: 0;margin: 0 auto;height: 3rem;color: #fff;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.bar .icon {position: relative;z-index: 20;font-size: 1.2rem;line-height: 3rem;height: 3rem;color: #fff;}
.bar.bgf, .bar.bgf .title, .bar.bgf .icon {color: #333;}
.pull-left {float: left !important;}
.pull-right {float: right !important;}
.bar-nav a{}
.bar-nav img{height:100%}
.swiper-containera {width: 100%;overflow: hidden;position: relative;} 
.swiper-containera img {display: block;width: 100%;}
.swiper-containerb {width: 100%;overflow: hidden;} 
.swiper-containerb img {display: block;width: 100%;}
.mySwiper{width: 100%;} 
.mySwiper img {display: block;width: 100%;}

.border_a:before{border:none}
.border_b::after{border:none}
.border_c{border-radius: 5px;}
.bak_a{background: #f5f5f5;}
.bak_b{background: #fff;}
.pad_a{padding:10px}
.pad_b{padding:5px 10px !important}
.pad_c{padding:10px 20px !important}

.font_a{font-size:12px;font-family:Verdana, Geneva, Tahoma, sans-serif;}

.mar_a{margin:15px 0px 0px 0px}
.width_a{width:25%}
.width_b{width:auto;margin-right:10px}
.width_c{width:50% !important}

.algin_top{align-items: normal !important;}

.inner_an{background:none !important;border:2px solid #494949 !important;color:#494949 !important}


.topbar{background: #000;text-align: center;color:#fff !important;align-items: center;}
.placeholder{align-items: center;}
.topbar .icon{font-size: 30px;widtht:10%}
.topbar img{width:40%;vertical-align: middle;}
.topbar a{color:#fff !important}

.color_a{color:#fff !important}
#page {}
.panel {display: none;width: 220px;padding: 20px;background-color: #333;color: #fff;box-shadow: inset 0 0 5px 5px #222;}


.tit{text-align: center;padding:20px 0px}
.tit p{font-size: 16px;}
.tit span{font-size: 18px;display: block;}


.inner_pro{position: relative;}
.inner_protit{position: absolute;color:#fff;transform: translate(-50%, -50%);z-index: 1;top:50%;left:25%}
.inner_protit p{padding-bottom:10px}
.inner_protit span{padding:5px 20px;border:1px solid #fff;display: inline-block;}
.swiper-container {margin-top: 20px;width: 100%;margin-bottom: 53px;overflow: hidden!important;}
.swiper-container .swiper-wrapper .swiper-slide{ width: 80% !important; border-radius: 5px;}
.swiper-container .swiper-wrapper .swiper-slide img{width: 100%;  border-radius: 5px;}
.swiper-container .swiper-wrapper .swiper-slide-prev{  }
.swiper-container .swiper-wrapper .swiper-slide-prev img{ }
.swiper-container .swiper-wrapper .swiper-slide-next{  }
.swiper-container .swiper-wrapper .swiper-slide-next img{ }
.swiper-container .swiper-wrapper .swiper-slide-active{ width: 620px;}
.swiper-pagination{}
.swiper-pagination .swiper-pagination-bullet{width: 12px; height: 12px; background: #ff1e1e;}
.swiper-pagination .swiper-pagination-bullet-active{width: 21px; height: 12px; background: #e75230; border-radius: 6px;}

.vip-page{bottom:0px !important}

.pro_center{position: relative;height:50%;background:url(../img/bg.jpg)no-repeat;background-size: 100%;}
.pro_centertit{padding:15px 15px;display: flex;align-items: center;color:#fff;}
.pro_centertit_fl{flex:1}
.pro_centertit_fl p{font-size: 16px;}
.pro_centertit_fl span{font-size: 18px;}
.pro_centertit_fr{text-align: right;flex:1}
.pro_centertit_fr span{font-size: 18px;float:right;padding:5px 20px;border:1px solid #fff;display: inline-block;}

.inner_video{overflow: hidden;position:relative;}
.inner_video iframe{width: 100%;  height: 100%;position:absolute;top:0;left:0}
.inner_video img{width:100%;display:block}

.inner_about{padding:0px 15px}
.inner_about p{font-size: 16px;}
.inner_about span{font-size: 18px;}
.inner_more{padding:15px 15px}
.inner_more a{padding:5px 20px;border:1px solid #6d6d6d;display: inline-block;}

.jm{background: linear-gradient(to bottom, #000 50%, #fff 50%);;position: relative;padding-bottom: 15px;}
.jm_img{padding:0px 15px}
.jm_img img{width:100%;display: block}

.pos_a{position: fixed !important;}



.item-list {padding-left: 15px;padding-right: 15px;padding-top: 15px;display: -webkit-flex;display: flex;flex-wrap: wrap;justify-content: space-between;}
.item-card {width: 48%;position: relative;margin-bottom: 15px;-moz-box-shadow:0px 0px 5px #dddddd; -webkit-box-shadow:0px 0px 5px #dddddd; box-shadow:0px 0px 5px #dddddd;border-radius: 10px;text-align: center;}
.item-img img {display: block;width: 100%;text-align: center;border-radius: 10px 10px 0px 0px;}

.info_xq{font-size:16px;padding:10px;margin-top: 14px;background: #fff;}
.info_xq::after{content: "";height:2px;width:20px;background-color: #ccc;display: block;}
.info_content{background-color: #fff;padding:15px 10px 10px 10px;;}
.center-text h3{font-size:18px}
.center-text p{font-size:14px}
.center-text span{color:#888;margin-right:10px;}
.severdu{padding:15px;background: #fff;margin-top:15px;font-size: 14px;}
.severdu a{display: inline-block;background: #e74803;padding:10px 20px;color: #fff;}