/*
	你的代码写在这里
	style.css是style.less生成的，不要直接改动style.css的内容，不然会被style.less覆盖
*/
@import url(pscroll.css);
@import url(animate.min.css);
.f100{ font-size:100px;}
.f68{ font-size:68px;}
.f62{ font-size:62px;}
.f60{ font-size:60px;}
.f52{ font-size:52px;}
.f48{ font-size:48px;}
.f44{ font-size:44px;}
.f42{ font-size:42px;}
.f40{ font-size:40px;}
.f36{ font-size:36px;}
.f32{ font-size:32px;}
.f30{ font-size:30px;}
.f28{ font-size:28px;}
.f26{ font-size:26px;}
.f24{ font-size:24px;}
.f20{ font-size:20px;}
.divhidden{ display:none;}
.c_l{ clear:both;}
.wrap { width:96%;}
.wrap3 { width:96%;}
/*视频弹窗*/
.mainFilter{width: 100%;height: 100%;position: fixed;top: 0;left: 0;bottom: 0;right: 0;z-index: 100;display: none;background: url(../images/about_bg.png);}
.popupVideo {
  max-width: 800px;
  width:96%;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  z-index: 120;
  display: none;
  border-radius:4px;
  outline:none;
}
.popupVideo iframe,
.popupVideo video {
  width: 100%;
  max-height:500px;
  background:#000;
}
.popupVideo .close {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 18px;
  right: 18px;
  background: url(../images/c10.png) no-repeat center;
  cursor: pointer;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  border-radius:50%;
  z-index:2;
}
.popupVideo .close:hover {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
   background-color:#292f46;
    background-image:url(../images/c10.png);
}
.popupVideo .video_t{ height:60px; line-height:60px; overflow:hidden; background:#fff; padding-left:18px; color:##424242; font-size:18px; font-weight:400; display:none;}
@media screen and (max-width: 1400px) {
.f100{ font-size:90px;}
.f68{ font-size:58px;}
.f62{ font-size:60px;}
.f60{ font-size:58px;}
.f52{ font-size:50px;}
.f48{ font-size:46px;}
.f44{ font-size:42px;}
.f42{ font-size:40px;}
.f40{ font-size:38px;}
.f36{ font-size:34px;}
.f32{ font-size:30px;}
.f30{ font-size:28px;}
.f28{ font-size:26px;}
.f26{ font-size:24px;}
.f24{ font-size:22px;}
.f20{ font-size:18px;}


}
@media only screen and (max-width: 1200px) {
.f100{ font-size:80px;}
.f68{ font-size:54px;}
.f62{ font-size:52px;}
.f60{ font-size:50px;}
.f52{ font-size:46px;}
.f48{ font-size:42px;}
.f44{ font-size:40px;}
.f42{ font-size:36px;}
.f40{ font-size:34px;}
.f36{ font-size:30px;}
.f32{ font-size:26px;}
.f30{ font-size:25px;}
.f28{ font-size:23px;}
.f26{ font-size:22px;}
.f24{ font-size:20px;}
.f20{ font-size:17px;}
}
@media only screen and (max-width: 960px) {
.f100{ font-size:70px;}
.f68{ font-size:49px;}
.f62{ font-size:44px;}
.f60{ font-size:43px;}
.f52{ font-size:42px;}
.f48{ font-size:38px;}
.f44{ font-size:34px;}
.f42{ font-size:30px;}
.f40{ font-size:28px;}
.f36{ font-size:25px;}
.f32{ font-size:22px;}
.f30{ font-size:22px;}
.f28{ font-size:21px;}
.f26{ font-size:20px;}
.f24{ font-size:19px;}
.f20{ font-size:16px;}


}
@media only screen and (max-width: 830px) {

}
@media only screen and (max-width: 780px) {
.f100{ font-size:60px;}
.f68{ font-size:44px;}
.f62{ font-size:42px;}
.f60{ font-size:41px;}
.f52{ font-size:40px;}
.f48{ font-size:34px;}
.f44{ font-size:30px;}
.f42{ font-size:28px;}
.f40{ font-size:26px;}
.f36{ font-size:23px;}
.f32{ font-size:21px;}
.f30{ font-size:20px;}
.f28{ font-size:20px;}
.f26{ font-size:19px;}
.f24{ font-size:18px;}
.f20{ font-size:15px;}
/*视频弹窗*/
.popupVideo .video_t{ font-size:16px; height:50px; line-height:50px;}
.popupVideo .close{ top:13px; right:13px;}
}

@media only screen and (max-width: 640px) {
.f100{ font-size:50px;}
.f68{ font-size:40px;}
.f62{ font-size:38px;}
.f60{ font-size:37px;}
.f52{ font-size:36px;}
.f48{ font-size:30px;}
.f44{ font-size:26px;}
.f42{ font-size:24px;}
.f40{ font-size:23px;}
.f36{ font-size:21px;}
.f32{ font-size:19px;}
.f30{ font-size:19px;}
.f28{ font-size:18px;}
.f26{ font-size:17px;}
.f24{ font-size:16px;}
.f20{ font-size:14px;}

}

@media only screen and (max-width: 500px) {
.f100{ font-size:45px;}
.f68{ font-size:36px;}
.f62{ font-size:34px;}
.f60{ font-size:32px;}
.f52{ font-size:30px;}
.f48{ font-size:26px;}
.f44{ font-size:22px;}
.f42{ font-size:20px;}
.f40{ font-size:20px;}
.f36{ font-size:19px;}
.f32{ font-size:19px;}
.f30{ font-size:18px;}
.f28{ font-size:17px;}
.f26{ font-size:16px;}
.f24{ font-size:15px;}
/*视频弹窗*/
.popupVideo .video_t{ font-size:15px; height:44px; line-height:44px; padding-left:12px;}
.popupVideo .close{ top:10px; right:10px;}
}

@media only screen and (max-width: 360px) {
.f100{ font-size:40px;}
.f68{ font-size:32px;}
.f62{ font-size:30px;}
.f60{ font-size:28px;}
.f52{ font-size:26px;}
.f48{ font-size:22px;}
.f44{ font-size:20px;}
.f42{ font-size:18px;}
.f40{ font-size:18px;}
.f36{ font-size:18px;}
.f32{ font-size:17px;}
.f30{ font-size:16px;}
.f28{ font-size:16px;}
.f26{ font-size:15px;}
/*视频弹窗*/
.popupVideo .video_t{ font-size:14px;}
}

@keyframes warn {
 0% {
  transform: scale(0);
  opacity: 0.0;
 }
 25% {
  transform: scale(0.3);
  opacity: 0.7;
 }
 50% {
  transform: scale(0.5);
  opacity: 1.0;
 }
 75% {
  transform: scale(0.8);
  opacity: 0.7;
 }
 100% {
  transform: scale(1);
  opacity: 0;
 }
}
@-webkit-keyframes "warn" {
 0% {
  -webkit-transform: scale(0);
  opacity: 0.0;
 }
 25% {
  -webkit-transform: scale(0.3);
  opacity: 0.7;
 }
 50% {
  -webkit-transform: scale(0.5);
  opacity: 1.0;
 }
 75% {
  -webkit-transform: scale(0.8);
  opacity: 0.7;
 }
 100% {
  -webkit-transform: scale(1);
  opacity: 0;
 }
}