html {
  font-size: 13.3vw;
}
body {
  width: 7.5rem;
  font-size: 0.3rem;
  color: #333;
  font-family: 'PingFangSC-Regular, sans-serif';
  margin: 0 auto!important;
}
.section{
  width: 100%;
  margin: 0 auto;
  height: 100%;
  /*overflow: hidden;*/
  position: relative;
  /*display: none;*/
 background: #ebebeb;
}
.section1 {
	display: block;
  background: url(https://downqn.tuyoo.com/offical_accounts/tuyooJob/background.png) no-repeat center;
  background-size: 100% 100%;
}
.section1_sx{
  display: block;
  background: url(https://downqn.tuyoo.com/offical_accounts/tuyooJob/background_sx.png) no-repeat center;
  background-size: 100% 100%;
}
.section.section1 .twink{
  -webkit-animation: twinkling 1s ease-in-out infinite;
  animation: twinkling 1s ease-in-out infinite;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes twinkling {
  0% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
@keyframes twinkling {
  0% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
/* 底部滑动 */
footer {
  position: absolute;
  bottom: 3%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  text-align: center;
}
footer img {
  width: 1.5rem;
}

footer span{
	display: block;
	margin: 0 auto;
	font-size: 0.3rem;
	color: #fff;
}

.section2 {
  position: relative;

}
.section2 a{
display: block;
  width: 1.42rem;
  height: 1.41rem;
  position: absolute;
  top: 0.40rem;
  left: 0.55rem;
  background: url(https://downqn.tuyoo.com/offical_accounts/tuyooJob/li1_1.png) no-repeat center;
  background-size: 100% 100%;
  font-size: 0.3rem;
  line-height: 3.5rem;
  text-align: center;
}
.section2 a:nth-child(1):hover,.section2 a:nth-child(1):active {
  background: url(https://downqn.tuyoo.com/offical_accounts/tuyooJob/li1_2.png) no-repeat center;
  background-size: 100% 100%;
}
.section2 a:nth-child(2){
  left: 3.07rem;
  background: url(https://downqn.tuyoo.com/offical_accounts/tuyooJob/li2_1.png) no-repeat center;
  background-size: 100% 100%;
}
.section2 a:nth-child(2):hover,.section2 a:nth-child(2):active {
  background: url(https://downqn.tuyoo.com/offical_accounts/tuyooJob/li2_2.png) no-repeat center;
  background-size: 100% 100%;
}
.section2 a:nth-child(3){
  left: 5.59rem;
  background: url(https://downqn.tuyoo.com/offical_accounts/tuyooJob/li3_1.png) no-repeat center;
  background-size: 100% 100%;
}

.section2 a:nth-child(3):hover,.section2 a:nth-child(3):active{
  background: url(https://downqn.tuyoo.com/offical_accounts/tuyooJob/li3_2.png) no-repeat center;
  background-size: 100% 100%;
}
.section2 a:nth-child(4){
  left:0.55rem;
  top: 2.76rem;
  background: url(https://downqn.tuyoo.com/offical_accounts/tuyooJob/li4_1.png) no-repeat center;
  background-size: 100% 100%;
}

.section2 a:nth-child(4):hover ,.section2 a:nth-child(4):active{
  background: url(https://downqn.tuyoo.com/offical_accounts/tuyooJob/li4_2.png) no-repeat center;
  background-size: 100% 100%;
}
.section2 a:nth-child(5){
  left:3.07rem;
  top: 2.76rem;
  background: url(https://downqn.tuyoo.com/offical_accounts/tuyooJob/li5_1.png) no-repeat center;
  background-size: 100% 100%;
}

.section2 a:nth-child(5):hover,.section2 a:nth-child(5):active {
  background: url(https://downqn.tuyoo.com/offical_accounts/tuyooJob/li5_2.png) no-repeat center;
  background-size: 100% 100%;
}


/*了解途游*/

.section4 a{
display: block;
  width: 1.41rem;
  height: 1.41rem;
  position: absolute;
  top: 0.4rem;
  left: 0.55rem;
  background: url(https://downqn.tuyoo.com/offical_accounts/tuyooJob/tu11.png) no-repeat center;
  background-size: 100% 100%;
  font-size: 0.3rem;
  line-height: 3.5rem;
  text-align: center;
}
.section4 a:nth-child(1):hover, .section4 a:nth-child(1):active{
  background: url(https://downqn.tuyoo.com/offical_accounts/tuyooJob/tu12.png) no-repeat center;
  background-size: 100% 100%;
}
.section4 a:nth-child(2){
  left: 3.07rem;
  background: url(https://downqn.tuyoo.com/offical_accounts/tuyooJob/tu21.png) no-repeat center;
  background-size: 100% 100%;
}
.section4 a:nth-child(2):hover,.section4 a:nth-child(2):active {
  background: url(https://downqn.tuyoo.com/offical_accounts/tuyooJob/tu22.png) no-repeat center;
  background-size: 100% 100%;
}
.section4 a:nth-child(3){
  left: 5.59rem;
  background: url(https://downqn.tuyoo.com/offical_accounts/tuyooJob/tu31.png) no-repeat center;
  background-size: 100% 100%;
}

.section4 a:nth-child(3):hover ,.section4 a:nth-child(3):active{
  background: url(https://downqn.tuyoo.com/offical_accounts/tuyooJob/tu32.png) no-repeat center;
  background-size: 100% 100%;
}
.section4 a:nth-child(4){
  left:0.55rem;
  top: 2.76rem;
  background: url(https://downqn.tuyoo.com/offical_accounts/tuyooJob/tu41.png) no-repeat center;
  background-size: 100% 100%;
}

.section4 a:nth-child(4):hover ,.section4 a:nth-child(4):active{
  background: url(https://downqn.tuyoo.com/offical_accounts/tuyooJob/tu42.png) no-repeat center;
  background-size: 100% 100%;
}
.section4 a:nth-child(5){
  left:3.07rem;
  top: 2.76rem;
  background: url(https://downqn.tuyoo.com/offical_accounts/tuyooJob/tu51.png) no-repeat center;
  background-size: 100% 100%;
}

.section4 a:nth-child(5):hover ,.section4 a:nth-child(5):active{
  background: url(https://downqn.tuyoo.com/offical_accounts/tuyooJob/tu52.png) no-repeat center;
  background-size: 100% 100%;
}









/*
 * 岗位分类
 */


.section3 a{
	display: block;
	margin: 0 auto;
  width: 7.13rem;
  height: 2.05rem;
  background: url(https://downqn.tuyoo.com/offical_accounts/tuyooJob/prog1.png) no-repeat center;
  background-size: 100% 100%;
  margin-top: 0.22rem;
}
.section3 a:nth-child(1):hover {
  background: url(https://downqn.tuyoo.com/offical_accounts/tuyooJob/prog2.png) no-repeat center;
  background-size: 100% 100%;
}
.section3 a:nth-child(2){
  background: url(https://downqn.tuyoo.com/offical_accounts/tuyooJob/pm1.png) no-repeat center;
  background-size: 100% 100%;
}
.section3 a:nth-child(2):hover {
  background: url(https://downqn.tuyoo.com/offical_accounts/tuyooJob/pm2.png) no-repeat center;
  background-size: 100% 100%;
}
.section3 a:nth-child(3){
  background: url(https://downqn.tuyoo.com/offical_accounts/tuyooJob/ui1.png) no-repeat center;
  background-size: 100% 100%;
}
.section3 a:nth-child(3):hover {
  background: url(https://downqn.tuyoo.com/offical_accounts/tuyooJob/ui2.png) no-repeat center;
  background-size: 100% 100%;
}
.section3 a:nth-child(4){
  background: url(https://downqn.tuyoo.com/offical_accounts/tuyooJob/mark1.png) no-repeat center;
  background-size: 100% 100%;
}
.section3 a:nth-child(4):hover {
  background: url(https://downqn.tuyoo.com/offical_accounts/tuyooJob/mark2.png) no-repeat center;
  background-size: 100% 100%;
}



/*途游生活*/
.swiper-container {
	background: url(https://downqn.tuyoo.com/offical_accounts/tuyooJob/loop/background3.png) no-repeat center;
	background-size: 100% 100%;
}
.swiper-wrapper{
	top: 15%;
}
.swiper-slide{
	width: 6.12rem;
	height: 9.66rem;
	/*margin-top: -4.83rem;*/
}
.swiper-slide img{
	width: 100%;
}
