html {font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
video{ background:#000;}

.clear,.clearit{clear: both;margin: 0;padding: 0;}
.clearFix {display: block;}
.clearFix:after {clear: both;content: ".";display: block;height: 0;visibility: hidden;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.alc{text-align:center;}
.all{text-align:left;}
.alr{text-align:right;}
.vm{vertical-align:middle;}
.zoom{zoom:1}
.ct,.center{ margin:0px auto;}

/* ---------------------------------------- css base 基础部分结束---------------------------------------- */

/* ---------------------------------------- 公共部分开始 ---------------------------------------- */

/* 取代系统alert的警告提示弹窗*/
.alertBox{ position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:998; display:none;}
.alertBox>div{background-color:#fff; width:500px; padding:40px 0; border-radius:10px; box-shadow:0 0 10px #000; margin:200px auto 0;}
.alertBox>div p{ text-align:center;}
.alertBox>div p.text{ margin-bottom:40px; font-size:18px; color:#222;}
.alertBox>div p.btn a{ font-size:18px; padding:10px 40px; color:#fff; background:#222; letter-spacing:4px; border-radius:6px;}

/* pop容器 css*/
.popBox{position:fixed; left:0; top:0; width:100%; height:100%; z-index:999;}
.popBox .popMask {width:100%; height:100%; background:#000\9; filter:alpha(opacity=50)\9; background:rgba(0,0,0,0.5);}

/* load浮层 css*/
#loadBox{ position:fixed; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.5; filter:alpha(opacity=50)\9; z-index:999; display:none;}
#loadBox span{ display:block; width:40px; height:40px; background:url(../images/common/loading.gif) no-repeat; background-size:contain; line-height:40px; font-size:10px; text-align:center; color:#fff; text-shadow:1px 1px 1px #333; position:absolute; left:50%; top:50%; margin-left:-20px; margin-top:-20px;}

/* 旋转浮层 css*/
#turnBox{ position:fixed; left:0; top:0; width:100%; height:100%; background:#000; z-index:1001;}
#turnBox img.turn{ display:block; padding-top:8%; margin:0 auto 5%; width:40%;}
#turnBox p{ text-align:center; font-size:14px; color:#fff;}

/* 视频浮层 css*/
.popVideo{ width:100%; height:100%; background:#000; position:fixed; left:0; top:0; display:none; z-index:11999;}
.popVideo .close{ position:absolute; right:20px; top:20px; width:30px; height:30px; background: url(../images/common/close.png) center center no-repeat; overflow:hidden; cursor:pointer;}
#videoBox{ width:100%; height:100%;}
.popVideo .video{position: absolute;width: 100%;top:50%;transform:translateY(-50%);padding:60px;box-sizing:border-box}
.popVideo .video video{ width:100%; height:100%;}

/* 取代系统alert的警告提示弹窗 css*/
#popAlert{ position:absolute; background:#fff; box-shadow:0px 0px 10px #000; width:250px; padding:30px 30px 40px; display:none;}
#popAlert p{ text-align:center;}
#popAlert p.text{ margin-bottom:40px; font-size:14px; color:#333;}
#popAlert p.btn a{ text-align:center; font-size:15px; padding:10px 20px; border-radius:5px; background:#333; color:#fff;}
.show{display: block;}

.animated {
    opacity: 0;
}
 .pc{display: block;}
 .mobile{display: none;}
 

 
 @media only screen and (max-width:640px ) {
 	
	.pc{display: none;}
	.mobile{display: block;}
 
 } 
 .ban_m{margin-top: 80px;}
 
 
 
 .swiper1 .cmp-teaser__description{visibility: hidden;}
 .swiper1 .swiper-slide-active .cmp-teaser__description{visibility: visible;}
  .cmp-carousel-slick__content .slick-prev{left: 30px;}
  .cmp-carousel-slick__content .slick-next{}
  .featured-content-carousel .cmp-carousel.cmp-carousel-slick .cmp-carousel-slick__content .slick-prev{left: 30px;}
  .swiperBox1 .slider__counter{top:90%;}
  .swiperBox1{overflow: hidden;}
  
  /* anniversary */
  .anniversary .tit1 h1{font-size: 4rem!important;}
  .anniversary .desp1 p{font-size: 2.5rem!important;line-height: 1.5!important;}
  
  .anniversary .tit2 h1{font-size: 2.5rem!important;}
  /* .anniversary .desp2 p{font-size: 2.5rem!important;line-height: 1.5!important;} */
    .anniversary .btnVideoIco{z-index: 2!important;left:auto!important;}
  .anniversary .btnVideoIco .playinside::before{ 
	  content: "\e91a"!important;
    position: static;display: block!important;}
  
  .anniversary .bg-charcoal .cmp-teaser__action-container .cmp-teaser__action-link.gbh-secondary-button{padding:10px 40px 12px;}
  .anniversary .bg-charcoal .cmp-teaser__action-container .cmp-teaser__action-link.gbh-primary-button{padding:10px 40px 12px;}
	.mobileEle{display: none!important; }
    @media (max-width: 1223px){
		  .anniversary .desp1 p{width: 400px!important;}
	}
  @media (max-width: 1023px){
		.swiperBox1 .slider__counter{top:66%;}
	  .featured-content-carousel .cmp-carousel.cmp-carousel-slick .cmp-carousel-slick__content .slick-prev{left: auto;top:70%}
	  .featured-content-carousel .cmp-carousel.cmp-carousel-slick .cmp-carousel-slick__content .slick-next{top:70%}
	  .anniversary .tit2 h1{font-size:2rem!important;}
  }
  
  @media (max-width: 640px){
		.pcEle{display: none!important;}
		.mobileEle{display: block!important;}
		.anniversary .btnVideoIco{bottom:65px!important;}
		
  		.swiperBox1 .slider__counter{top:56%;}
  	  .featured-content-carousel .cmp-carousel.cmp-carousel-slick .cmp-carousel-slick__content .slick-prev{left: auto;top:60%}
  	  .featured-content-carousel .cmp-carousel.cmp-carousel-slick .cmp-carousel-slick__content .slick-next{top:60%}
	  
	  .anniversary .tit1 h1{font-size: 2.5rem!important;}
	  .anniversary .desp1 p{font-size: 1.5rem!important;line-height: 1.5!important;}
	  .anniversary .desp1 p{width: 300px!important;}
  }
  @media (max-width: 375px){
  		.swiperBox1 .slider__counter{top:46%;}
  	  .featured-content-carousel .cmp-carousel.cmp-carousel-slick .cmp-carousel-slick__content .slick-prev{left: auto;top:50%}
  	  .featured-content-carousel .cmp-carousel.cmp-carousel-slick .cmp-carousel-slick__content .slick-next{top:50%}
  }

/* 版式优化*/  
@media (min-width: 700px){
  .cmp-teaser__title h1,.cmp-teaser__title h2{
    letter-spacing: 0!important;
    line-height: 1.6!important;
  }
  #container-3af91d25b8 .cmp-teaser__description{
    width: 100%!important;
  }
  .cmp-teaser__description{
    padding-right: 0!important;
    letter-spacing: 0!important;
    line-height: 1.6!important;
  }
  .cmp-teaser__description p{
    letter-spacing: 0!important;
    line-height: 1.6!important;
  }
}

@media (min-width: 1024px){

}

@media (min-width: 1366px){

}

@media (min-width: 1440px){

}
@media (min-width: 1680px){
  #container-4bb1858d4d .cmp-teaser__title{
    margin-left: -5vw!important;
  }
  #container-4bb1858d4d .cmp-teaser__description{
    margin-left: -5vw!important;
  }
  
}

/*mob*/
@media (max-width: 700px){
  .cmp-teaser__title h1,.cmp-teaser__title h2{
    letter-spacing: 0!important;
    line-height: 1.6!important;
  }
  #container-83950a04fe .cmp-teaser__title {
    top:122vw!important;
  }
  .cmp-teaser__description{
    padding-right: 0!important;
    letter-spacing: 0!important;
    line-height: 1.6!important;
  }
  .cmp-teaser__description p{
    letter-spacing: 0!important;
    line-height: 1.6!important;
  }
  #container-0c43e6b1a2 .cmp-teaser__title h1{
    font-size: 2.5rem;
  }
  #container-5e67003493 .cmp-teaser__title h2{
    font-size: 1.7rem;
  }
}