#title{
  background-image: url(../img/title1.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
#title .title1{
  width: 1400px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
#title .title1 h3{
  
  margin-bottom: 40px;
  color: #fff;
}
#title .title1 h2{
  line-height: 1.5;
  letter-spacing: 10px;
}
#title .title1 p{
  font-size: 20px;
  /*! margin-top: 45px; */
  color: #fff;
}
#title .scroll::before{
  /*! */
}
#title .scroll{
  position: absolute;
  right: 215px;
  top: calc(100% /2 );
}
#title .scroll p{
  font-size: 16px;
  letter-spacing: 1px;
  transform: rotate(270deg);
}
#title .scroll img{
  transform: translateX(50px) translateY(60px);
}
#title .pause{
  width: 50px;
  height: 50px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 50%;
  position: absolute;
  bottom: 80px;
  cursor: pointer;
}
#title .pause:hover{
  background-color: rgba(255,255,255,0.3)
}
#title .pause span{
  display: inline-block;
}
#title .pause span:nth-child(1){
  border-left: 12px solid #fff;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  background-color: transparent;
  position: absolute;
  right: 17px;
  bottom: 20px;
}
#title .link{
  width: 160px;
  height: 20px;
  border: 1px solid rgba(255,255,255,0.4);
  border-radius: 50px;
  padding: 15px 25px;
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 80px;
  left: calc((100% / 9) - 40px);
}
#title .link span{
  width: 45px;
  height: 1px;
  background-color: #fff;
}
#title .link p{
  margin: 0 auto;
  font-size: 15px;
}
#title .slider{
  width: 100%;
  height: 2px;
  background-color: rgba(255,255,255,0.5);
  position: absolute;
  bottom: 13px;
}
#title .swiper{
  width: 1400px;
  margin: 0 auto;
}
#title .slider span {
}
#title .slider span:nth-of-type(1){
  
}
#title .slider span:nth-of-type(2){
  
}
#title .slider span:nth-of-type(3){
  
}