@charset "utf-8"; /* css document */ *{margin:0;padding:0;} li{list-style:none;} a,u{text-decoration: none;} h1,h2,h3,h4,h5{font-weight: normal;} body{font-family:"微软雅黑";} .banner{width:100%;} .banner img{display: block; width: 100%;} .container{width:1200px;margin:0 auto;} .title{margin-top:60px;overflow: hidden;margin-bottom: 40px;} .title .left{width:6px;height:58px;background:#ff243e;float:left;} .title .right{float: left;} .title h1{font-size:36px;font-weight: bold;line-height: 36px;margin-left: 12px;color:#262626;} .title h5{color: #b3b3b3;font-size:16px;margin-left: 12px;margin-top: 3px;} .intro{background:#fafafa;overflow: hidden;} .intro .container{position: relative;} .intro .img{width:646px;height:440px;margin-bottom: 68px;} .intro .img img{width:100%} .intro .box{width:620px;height:400px;background: #fff;position: absolute;left:550px;top:140px;} .intro .box h1{font-size:30px;color:#1a1a1a;line-height:46px;margin-left: 60px;} .intro .box h1:nth-of-type(1){margin-top:90px;} .intro .box p{font-size:16px;color:#b3b3b3;width:534px;margin-left:60px;margin-top:26px;line-height:24px;} .people ul{overflow: hidden;width:1200px;margin-top:-20px;margin-left:-20px;display: none;} .people-li{width:575px;height:250px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);position: relative; margin: 10px;} .people-li .left{width:72px;height:72px;float:left;margin-top: 40px;margin-left: 40px;} .people-li .right{float:left;} .people-li .right h1{font-size:20px;font-weight:bold;color:#262626;margin-top: 55px;margin-left: 20px;} .people-li .right h5{font-size:14px;color:#b3b3b3;margin-left:20px;} .people-li .right .line{width:418px;height:1px;background: #e6e6e6;margin-top: 15px;margin-left: 20px;} .people-li .right p{font-size:14px;color:#b3b3b3;width:410px;line-height: 25px;margin-top: 20px;margin-left: 20px;} .people-li section{width:50px;height:20px;background:#ff243e;position: absolute;left:500px;top:55px;color:#fff;border-radius:10px;line-height: 20px;text-align: center;font-size:14px;} .people-container,.city-container,.travel-container{ padding-bottom: 80px !important;} .people-pagination .swiper-pagination-bullet, .city-pagination .swiper-pagination-bullet, .travel-pagination .swiper-pagination-bullet{width: 20px; height: 20px;} .video{background: #fafafa;height:460px;} .video .container{position: relative;} .video .title{padding-top: 60px;} .video .left p{font-size:18px;color:#999;width:446px;line-height:28px;} .video .left section{width:120px;height:38px;background: #ff243e;color:#fff;line-height: 38px;text-align: center;font-size:16px;border-radius:20px;margin-top: 30px;} .video .play{position: absolute;left:572px;top:102px;box-shadow:0px 3px 30px rgba(0,0,0,.1);width:600px;height:415px;} .city .title{margin-top:120px;} .city ul{display: none;} .vjs-big-play-button{ display: none !important} .city-li{float:left;background:#fcfcfc;width:575px;height:290px;transition:0.5s; margin: 15px;} .city-li .left{width:290px;height:290px;float:left;margin-right: 34px;} .city-li .left img{width:100%;} .city-li .right{float:left; width: 240px;} .city-li.cu{margin-bottom: 70px;} .city-li .right h2{font-size:20px;color:#262626;font-weight:bold;margin-top: 15px;margin-bottom: 15px;} .city-li .right p{width:220px;font-size:14px;color:#b3b3b3;line-height:24px;} .city-li .right section{width:80px;height:26px;background:#545454;color:#fff;line-height:26px;border-radius:12px;font-size:12px;text-align: center;margin-top: 30px;} .city-li:hover{box-shadow:0 0 15px rgba(0,0,0,.2);cursor: pointer;background:#fff;} .city-li:hover section{background:#ff243e;} dl.city{margin: 0 520px;} .travel ul{overflow:hidden;display: none;} .travel-li{float:left;background: #fcfcfc;width:370px;height:460px;margin: 15px;transition: 0.5s;} .travel-li .img{width:370px;height:250px;} .travel-li h2{font-size:20px;color:#262626;font-weight:bold;margin-top: 20px;margin-bottom: 20px;text-align: center;} .travel-li p{font-size:14px;color:#b3b3b3;line-height:24px;width:310px;margin-left:30px;} .travel-li section{width:110px;height:26px;background:#545454;color:#fff;line-height:26px;border-radius:12px;font-size:12px;text-align: center;margin-top: 20px;margin-left: 128px;} .travel-li:hover{box-shadow:0 0 15px rgba(0,0,0,.2);cursor: pointer;background:#fff;} .travel-li:hover section{background:#ff243e;} .city02-li .right h2{width:190px;line-height: 30px;display: block;margin-bottom:20px;} .city02-li .right section{margin-top:24px;} .city02 .title{margin-top: 60px;} .travel02 ul li.long h2{margin-bottom: 10px;} .travel02 ul li.long section{margin-top: 10px;} footer{width:100%;height:100px;background:#f5f5f5;overflow: hidden;margin-top: 50px;} footer p{font-size:14px;color:#666666;text-align: center;line-height: 26px;} footer p:nth-of-type(1){margin-top: 30px;}