/* 
* @Author: sublime text
* @Date:   2019-10-16 10:28:11
* @Last Modified by:   sublime text
* @Last Modified time: 2022-04-19 14:46:45
*/
/*banner*/
.wrap{width: 16rem !important;}


#ejdh{width: 100%;height: 0.65rem;line-height: 0.65rem;background: #fff;}
#ejdh a{color: #333;padding:0 0.2rem;}
#ejdh a:hover{color: #db3120;}
#ejdh .fr a{border-right:1px solid #cccccc;padding:0 0.25rem;}
#ejdh .fr a:last-child{border-right: none;padding-right: 0;}
#ejdh .fl a:first-child{padding-left: 0;}
#ejdh .fr a.active{color:#db3120 !important;}


#banner{width: 100%;height: 6rem;background: url(banner.jpg)no-repeat center;background-size: cover;text-align: left;color: #fff;font-size: 0.18rem;}
#banner p{font-size: 0.4rem;padding-top: 2.6rem;padding-bottom: 0.2rem;}


#zj{width: 100%;height: 8rem;background: url(zj.jpg)no-repeat center;background-size: cover;}
.tit{font-size: 0.42rem;color: #333333;text-shadow:4px 10px 10px #ccc;font-weight: bold;padding-top: 1.2rem;letter-spacing: 0.05rem;}
#zj .since{font-size: 0.44rem;color: #333333;text-transform: uppercase;margin-top: 0.3rem;}
#zj .since span{color: #db3120;font-size: 0.56rem;font-family: 'din';padding-left: 0.1rem;}
#zj .wen{font-size: 0.16rem;line-height: 0.4rem;margin-top: 0.7rem;width:7rem;}

#chuxin{height:2rem; border-bottom:1px solid #e9e9e9; padding-bottom:1rem; overflow:hidden;}
#chuxin .bottom{margin-top: 1rem;}
#chuxin .bottom li{width:19%; float: left;text-align: center;font-size: 0.18rem;color: #333333;margin-right:1%;}
#chuxin .bottom li:last-child{margin-right:0;}
#chuxin .bottom li p{font-family: 'din';font-size: 0.6rem;color: #db3120;margin-bottom: 0.25rem;}
#chuxin .bottom li i{width: 0.28rem;height: 0.28rem;background: #333;color: #fff;border-radius: 50%;font-size: 0.18rem;text-align: center;line-height: 0.28rem;display: inline-block;margin-left: 0.1rem;}


/* 
* @Author: sublime text
* @Date:   2019-10-16 10:28:11
* @Last Modified by:   sublime text
* @Last Modified time: 2022-06-13 14:45:27
*/
/*banner*/
.wrap{width: 16rem !important;}

.title p{font-size: 0.48rem;color: #333;}
.title{font-size: 0.2rem;color: #cccccc;text-align: center;text-transform: uppercase;padding-top: 0.8rem;line-height: 0.6rem;}

#ejdh{background:#fff;}

#gushi{width:100%;height:8rem;background:#f7f7f7;}
#gushi .wrap{padding-top: 0.8rem;}
#gushi .title{padding-top: 1.2rem;}
#gushi .fl{width: 7.3rem;}
#gushi .fr{width: 7.6rem;margin-top: 0.6rem;}
#gushi .fr img{width:100%;display:block;}
#gushi .fl .yin{font-size: 0.32rem;color: #333 ;font-weight: bold;text-transform: uppercase;}
#gushi .fl .zhong{font-size: 0.46rem;color: #333333;font-weight: bold;margin-top: 0.4rem;}
#gushi .fl .zhong span{color: #999999;padding:0 0.1rem;}
#gushi .fl .wen{height:4.2rem; font-size: 0.16rem;color: #666666;line-height: 0.28rem;margin-top: 0.3rem;  overflow-y:scroll;}
#gushi .fl .wen h3{color:#000; margin-top:0.2rem;}
#gushi .fl a span{padding:0 0.1rem;}
#gushi .fl .ship p{font-size: 0.14rem;margin-top: 0.6rem}
#gushi .fl .ship a{width: 1.55rem;height: 1.05rem;margin-top: 0.2rem;display: block;}


/* 视频弹出 */
.dialog-header{display: none;}
.dialog-background {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 990;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  background-color: rgba(0, 0, 0, 0.5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88000000,endColorstr=#88000000); }

.dialog-section {
  opacity: 0;
  filter: alpha(opacity=0);
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 999;
  padding: 0;
  margin: 0;
  background-color: #FFF;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); }

.dialog-body,
.dialog-imagelist {
  box-sizing: content-box;
  z-index: 1;
  min-width: 10rem;
  height: 100%;
  padding: 32px;
  margin: 0;
  overflow: hidden; }
  .dialog-body.withNoPadding,
  .dialog-imagelist.withNoPadding {
    padding: 0; }
  .dialog-body.withNoMinWidth,
  .dialog-imagelist.withNoMinWidth {
    min-width: auto;
    min-width: 0; }

.customClass video{width:100%;}



#zhant{border-bottom:1px solid #e9e9e9; padding-bottom:0.8rem; overflow:hidden;}

.xq1 .xq1L{ width: 8.5rem; height: 6rem;position: relative;margin: 0.5rem 0;}

.xq1L .shuzi{font-size: 2rem;font-weight: bold;color: #333 ;position: absolute;top: 0;left: 0;font-family: 'din';z-index:-1;}

.play { width: 8.2rem; height:5.2rem;margin-top: 1.3rem;margin-left: 0.5rem;}

.big_pic { width: 7rem; height: 5.2rem; overflow: hidden; position: relative;float: left;border:1px solid #ddd;}
.big_pic li { width: 7rem; height: 5.2rem; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 0; }
.big_pic li img{ width: 100%; display: block;}



.rel{ width: 0.8rem; height: 5.2rem; position: relative;float: right;margin-right: 0.2rem;}
.rel .prev { width: 0.8rem; height: 0.2rem; background: url(zuoan.jpg) no-repeat center; position: absolute; top:0px; top: 0px; z-index: 3001; cursor: pointer;}
.rel .next { width: 0.8rem; height: 0.2rem; background: url(youan.jpg) no-repeat center; position: absolute; bottom: 0px; right:0px; z-index: 3001;cursor: pointer; }

.small_pic { width: 0.8rem; height: 4.5rem; position: relative; top:0.4rem; left:0px; overflow: hidden;}
.small_pic ul { width: 0.8rem !important; height:4.5rem; position: absolute; top: 0; left: 0;}
.small_pic li { width: 0.8rem; height:0.7rem;cursor: pointer; filter: alpha(opacity=30); opacity: 0.3; }
.small_pic img { width: 100%;display: block;}

.xq1 .fr{width: 7.2rem;text-align: center;font-size: 0.16rem;color: #000;line-height:0.3rem;}
.xq1 .fr img{width: 0.79rem;display: block;height: 0.68rem;margin:0 auto;margin-top: 3.6rem;}
.xq1 .fr p{font-size: 0.42rem;padding-top: 0.4rem;padding-bottom: 0.4rem;font-weight:bold;}



#banq{margin-top:0.5rem;}
#banq .wrap{width:14rem !important;}


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

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

} 

.mySwiper3 {
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    margin-top: 0.8rem;
  }
  
  .mySwiper3 .swiper-slide {
  font-size: 0.18rem;
  margin-right: 0.2rem;
  color: #666666;
  line-height: 0.4rem;
  text-align:center;

} 

  
  .mySwiper3 .swiper-slide img {
  display: block;
  width: 90% !important;margin:0 auto;
}
  

.mySwiper2 .swiper-slide img {
  display: block;
  width: 90% !important;margin:0 auto;
}
#zhant .swiper-button-prev {outline:none;background: none;width: 0.58rem;height: 0.6rem;overflow: hidden;left:0rem;top:40%;}
#zhant .swiper-button-next {outline:none;background: none;width: 0.58rem;height: 0.6rem;overflow: hidden;right:0rem;top:40%;}
#zhant .title{font-size:0.42rem;color:#000;font-weight:bold;}
#zhant .title span{color:#333;}

#zhant .swiper-button-prev img,#zhant .swiper-button-next img{display:block;width:100%;}
.mySwiper2 .swiper-slide .tu{margin:0 auto;overflow:hidden;display:block;line-height:0.7rem;margin-bottom:0.1rem;}
.mySwiper2 .swiper-slide .tu img{display: block;width: 100%;transition:0.5s;}

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