@charset "UTF-8";


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;}*/

input::placeholder,input::-webkit-input-placeholder {color:#999999 ;font-size: 12px;}

.container1440 {width: 1440px;margin: 0 auto;padding: 0px;}

.container1780 {width: 1780px;margin: 0 auto;}

.container1370 {width: 1370px;margin: 0 auto;overflow:hidden;}

.con1168 {width: 1168px;margin: 0 auto;}

.flexrow {display: flex;flex-direction: row;justify-content: space-between;align-items: center;}

.fl {

    float: left;

}

.fr {

    float: right;

}

.clearfix,.clear,.clearboth {clear: both;}



  /* 定义滚动条样式 */

  /* ::-webkit-scrollbar {

    width: 12px;

    height: 200px;

  }

    */

  /*定义滚动条轨道 内阴影+圆角*/

  /* ::-webkit-scrollbar-track {

    background-color: rgba(241, 241, 241, 1);

    border-radius: 12px;

  }

    */

  /*定义滑块 内阴影+圆角*/

  /* ::-webkit-scrollbar-thumb {

    border-radius: 12px;

    background-color: rgba(205, 205, 205, 1);

  } */





.col-no-l-padding {

  padding-left: 0px;

}

.f60 {

  font-size: 60px;

}

.f48 {

  font-size: 48px;

}

.f36 {

  font-size: 36px;

}



@media (max-width:1780px) {

  .container1780 {width: 95%;}

}

@media (max-width:1460px) {

  .container1440 {width: 90%;}

  .container1780 {width: 90%;}

}

@media (max-width:1370px) {

  .container1370 {width: 90%;}

}

@media (max-width:960px) {

  .f48 {font-size: 42px;}

  .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;

  }

}