@charset "UTF-8";
*{font-family:"Microsoft YaHei","微软雅黑","黑体","宋体","Arial",sans-serif;/*color: #333333;*/margin: 0px;padding: 0px;}
html,body{overflow-x: hidden;}
:focus {outline: none;}
p,h1,h2,h3,h4,h5,img,button,dl,dt,dd {transition:  all .5s;}
ul,h1,h2,h3,h4,h5,h6,p,dl,hr{padding: 0;margin: 0;font-weight: normal;}
a,a:hover,a:focus{text-decoration: none;outline: none;}
button:focus {outline: none;}
a{color: #333333;}
ul{list-style: none;}
ul:before,ul:after{display: none;}
input{outline:none;border:none;background:none;}
textarea{resize: none;}
img {max-width: 100%;display: block;border:0 none;}
input::placeholder,input::-webkit-input-placeholder {color:#999999 ;font-size: 12px;}
.flexrow {display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.fl {float: left;}
.fr {float: right;}
.clearfix,.clear,.clearboth {clear: both;}
.w1400 {width: 1400px;margin: 0 auto;padding: 0px;}
.con1168 {width: 1168px;margin: 0 auto;}
.container1780 {width: 1780px;margin: 0 auto;}
.container1370 {width: 1370px;margin: 0 auto;overflow:hidden;}
.swiper,.swiper-container { width: 100%; height: 100%;}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
}







.col-no-l-padding {

  padding-left: 0px;

}

.f60 {

  font-size: 60px;

}

.f48 {

  font-size: 48px;

}

.f36 {

  font-size: 36px;

}



@media (max-width:1780px) {
  .w1400 {width: 95%;}
  .container1780 {width: 95%;}
}

@media (max-width:1460px) {
  .container1440 {width: 90%;}
  .w1400 {width: 90%;}
  .container1780 {width: 90%;}
}

@media (max-width:1370px) {

  .container1370 {width: 90%;}

}

@media (max-width:960px) {
  .f48 {font-size: 42px;}
  .w1400 {width: 95%;}
  .container1780 {width: 95%;}
}

@media (max-width:670px) {
  .f60,.f48 {font-size: 40px;}
  .f36 {font-size: 30px;}
  .container1440 {width: 100%;padding: 0px 10px;}
}

@media (max-width:320px) {
  .f60,.f48 {font-size: 30px;}
  .f36 {font-size: 24px;}
}









  /* 特殊字体 */

  @font-face

  {

  font-family: FuturaHeavy;

  src: url('../fonts/Futura-Heavy.otf'),

      url('../fonts/Futura-Heavy.otf'); /* IE9+,可以是具体的实际链接 */

  }

  @font-face

  {

  font-family: SourceSan;

  src: url('../fonts/SourceHanSansCN-Normal.otf'),

      url('../fonts/SourceHanSansCN-Normal.otf'); /* IE9+,可以是具体的实际链接 */

  }

  @font-face

  {

  font-family: SourceHanBold;

  src: url('../fonts/SourceHanSerifSC-Bold.otf'),

      url('../fonts/SourceHanSerifSC-Bold.otf'); /* IE9+,可以是具体的实际链接 */

  }

  @font-face

  {

  font-family: SourceHan;

  src: url('../fonts/SourceHanSerifSC-Regular.otf'),

      url('../fonts/SourceHanSerifSC-Regular.otf'); /* IE9+,可以是具体的实际链接 */

  }

  @font-face

  {

  font-family: Oswald;

  src: url('../fonts/Oswald-Medium.ttf'),

      url('../fonts/Oswald-Medium.ttf'); /* IE9+,可以是具体的实际链接 */

  }

  @font-face

  {

  font-family: DinBold;

  src: url('../fonts/din-bold_.otf'),

      url('../fonts/din-bold_.otf'); /* IE9+,可以是具体的实际链接 */

  }

  @font-face

  {

  font-family: DinMedium;

  src: url('../fonts/DIN-Medium.otf'),

      url('../fonts/DIN-Medium.otf'); /* IE9+,可以是具体的实际链接 */

  }

  @font-face

  {

  font-family: TnrBoldMT;

  src: url('../fonts/TimesNewRomanPS-BoldMT.otf'),

      url('../fonts/TimesNewRomanPS-BoldMT.otf'); /* IE9+,可以是具体的实际链接 */

  }



  /* wave video Animations  */

@keyframes waves {

  0% {

      -webkit-transform: scale(0.2, 0.2);

      transform: scale(0.2, 0.2);

      opacity: 0;

      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  }

  50% {

      opacity: 0.7;

      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";

  }

  100% {

      -webkit-transform: scale(0.9, 0.9);

      transform: scale(0.9, 0.9);

      opacity: 0;

      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  }

}

@keyframes wapsearch {

  0% {

      width: 0px;

  }

  100% {

      width: 80%;

  }

}

@keyframes wapsearchicon {

  0% {

      opacity: 0;

  }

  30% {

    opacity: 0;

  }

  60% {

    opacity: 0;

  }

  100% {

     opacity: 1;

  }

}