body{background: #fff;} .m-logo{height: 697px;background: url("/media/images/travel/logo.jpg") no-repeat center top;} /*旅游资讯*/ .m-news{width: 1235px;margin: 0 auto;height: 446px;} .u-video{float: left;width: 652px;height: 306px;background: url("/media/images/travel/luzx-box.png") no-repeat;padding: 50px 0;overflow: hidden;} .u-video img{width: 543px;height: 306px;display: block;margin: 0 auto;} .u-new{float: right;width: 560px;padding-top: 25px;height: 381px;overflow: hidden;} .u-new h4{width: 100%;height: 61px;background: url("/media/images/travel/lyzx.png") no-repeat;} .u-new ul{padding: 10px 0;} .u-new h4 a{display: block;width: 100%;height: 100%;} .u-new li{overflow:hidden;height: 41px;padding: 0 10px 0 22px;line-height: 41px;background: url("/media/images/travel/dian.png") no-repeat 10px 19px;border-bottom: 1px dashed #ddd;} .u-new li a{display: block;} .u-new li span{font-size: 12px;color: #999;float: right;} /*行*/ .m-trnsport{width:100%;height: 765px;} .m-trnsport h2{width:1200px;margin:0 auto;padding:50px 0;} .u-tport{width: 1201px;margin: 0 auto;background: #fff;padding: 40px;height: 529px;box-shadow: 1px 1px 20px 1px #ddd;position:relative;} .u-tport li{width: 367px;margin-right: 30px;position: relative;float: left;} .u-tport li img{width: 367px;height: 219px;} .u-tport li div{width: 337px;height: 215px;padding: 40px 15px;} .u-tport h4{height: 60px;line-height: 60px;text-align: center;font-size: 16px;} .u-tport h4 a{display: block;} .u-tport .bd{width:1161px;margin:0 auto;overflow:hidden;} .u-tport li span{position: absolute;display: block;width: 90px;height: 90px;left: 50%;margin-left: -45px;top: 172px;transition: .5s;} .u-tport li p{padding: 0 10px;text-indent: 10px;line-height: 35px;text-align: justify;background: url("/media/images/travel/w-dian.jpg") no-repeat 10px 16px;border-bottom: 1px dashed #fff;} .u-tport li p a{font-size: 14px;color: #fff;display: block;} .u-tport li p a:hover{color: #bf1c20;} .u-tport li.x1 div{background: #12922b;} .u-tport li.x2 div{background: #ff6600;} .u-tport li.x3 div{background: #0099ff;} .u-tport li.x4 div{background: #3bcd5a;} .u-tport li.x5 div{background: #60d3e3;} .u-tport li.x6 div{background: #e27a7a;} .u-tport li.x1 span{background: url("/media/images/travel/chi.png") no-repeat;} .u-tport li.x2 span{background: url("/media/images/travel/zhu.png") no-repeat;} .u-tport li.x3 span{background: url("/media/images/travel/xing.png") no-repeat;} .u-tport li.x4 span{background: url("/media/images/travel/you.png") no-repeat;} .u-tport li.x5 span{background: url("/media/images/travel/gou.png") no-repeat;} .u-tport li.x6 span{background: url("/media/images/travel/yu.png") no-repeat;} .u-tport li:hover span{opacity: 0; filter: alpha(opacity=0);} .u-tport li a.more{border: 1px solid #ddd;display: block;width: 30px;height: 30px;position: absolute;right: 0;bottom: 0;} .u-tport li.x1 a.more{background: url("/media/images/travel/x-m1.jpg") no-repeat;} .u-tport li.x2 a.more{background: url("/media/images/travel/x-m2.jpg") no-repeat;} .u-tport li.x3 a.more{background: url("/media/images/travel/x-m3.jpg") no-repeat;} .u-tport li.x4 a.more{background: url("/media/images/travel/x-m4.jpg") no-repeat;} .u-tport li.x5 a.more{background: url("/media/images/travel/x-m5.jpg") no-repeat;} .u-tport li.x6 a.more{background: url("/media/images/travel/x-m6.jpg") no-repeat;} .u-tport a.prev{display: block;width: 45px;height: 87px;background: url("/media/images/travel/prev.png") no-repeat;position: absolute;top:50%;margin-top:-43px;left: 5px;cursor: pointer;} .u-tport a.next{display: block;width: 45px;height: 87px;background: url("/media/images/travel/next.png") no-repeat;position: absolute;top:50%;margin-top:-43px;right: 5px;cursor: pointer;} /*图说通江*/ .m-tstj{width: 1200px;margin: 0 auto;height: 675px;} .m-tstj h2{width: 100%;height: 55px;line-height: 55px;background: url("/media/images/travel/tstj.png") no-repeat;margin: 40px 0;} .m-tstj h2 a{display: block;width: 180px;height: 55px;margin: 0 auto;} .m-tstj ul{margin-left: -10px;} .m-tstj li{float: left;margin: 0 0 10px 10px;position: relative;overflow: hidden;} .m-tstj li p{position: absolute;top: 0;left: 0;background: url("/media/images/travel/cover.png");color: #fff;font-size: 24px;width: 100%;height: 100%;text-align: center;line-height: 170px;transition: .5s;opacity: 0;filter: alpha(opacity=0);z-index: 999;} .m-tstj li.ts1{width: 474px;height: 350px;} .m-tstj li.ts2{width: 474px;height: 170px;} .m-tstj li.ts3{width: 232px;height: 170px;} .m-tstj li.ts4{width: 232px;height: 170px;} .m-tstj li.ts5{width: 474px;height: 170px;} .m-tstj li.ts6{width: 474px;height: 170px;} .m-tstj li.ts7{width: 232px;height: 170px;} .m-tstj li.ts8{width: 232px;height: 170px;} .m-tstj li.ts9{width: 232px;height: 170px;} .m-tstj li a img{transition: .5s;} .m-tstj li.ts1 img{width: 474px;height: 350px;} .m-tstj li.ts2 img{width: 474px;height: 170px;} .m-tstj li.ts3 img{width: 232px;height: 170px;} .m-tstj li.ts4 img{width: 232px;height: 170px;} .m-tstj li.ts5 img{width: 474px;height: 170px;} .m-tstj li.ts6 img{width: 474px;height: 170px;} .m-tstj li.ts7 img{width: 232px;height: 170px;} .m-tstj li.ts8 img{width: 232px;height: 170px;} .m-tstj li.ts9 img{width: 232px;height: 170px;} .m-tstj li a{display: block;width: 100%;height: 100%;} .m-tstj li.ts1 p{line-height: 350px;} .m-tstj li a:hover p{opacity: 100; filter: alpha(opacity=100);} .m-tstj li a:hover img{transform: scale(1.1);} /*侧边栏*/ .m-slider{width: 112px;height: 300px;background: url("/media/images/travel/sld-box.png") no-repeat;position: fixed;top: 250px;right: 0;} .m-slider li{position: relative;width: 112px;height: 100px;line-height: 140px;text-align: center;/* overflow: hidden; */z-index: 1;} .m-slider li a{background: url("/media/images/travel/sld-icon.png") no-repeat;display: block;height: 100px;} .m-slider li a:hover{background: url("/media/images/travel/sld-iconh.png") no-repeat;} .m-slider li.u-zx a{background-position: 40px 20px;} .m-slider li.u-wx a{background-position: 40px -78px;} .m-slider li.u-top a{background-position: 40px -180px;} .m-slider li span{position: absolute;left: -200px;top: 0;width: 194px;height: 100px;background: url("/media/images/travel/sld-hbox.png") no-repeat;display: none;} .m-slider li.u-zx span{text-align: center;font-size: 18px;font-weight: bold;color: #454545;line-height: 35px;padding: 12px 0;height: 76px;} .m-slider li.u-wx img{width: 130px;height: 98px;vertical-align:top;margin:1px 0 1px -4px;} .m-slider li a:hover span{display: block;}