﻿@charset "utf-8";
/* CSS Document */
.bodyBg{background:url(../images/body.jpg) no-repeat;background-size:100% 100%}
.travelBox{width:3628px;height:1751px;margin:0 auto;position:relative}
.travelTab{margin-top:64px;margin-left:47px;position:absolute;top:0;left:0}
.travelTab li{float:left;padding:0 30px;height:76px;line-height:76px;font-size:60px;font-weight:bold;color:#4c1d0a}
.travelTab li a{color:#4c1d0a}
.travelTab li.cur{background:#fff;border:solid 8px #4c1d0a;border-radius:50px;box-shadow:5px 5px 5px #eebb04;font-size:48px}
.hjPoem{width:715px;height:1437px;background:url(../images/hjpoem.jpg) no-repeat;position:absolute;top:206px;left:16px;}
.trvelItme{width:674px;height:681px;background:url(../images/trvelItem.png) no-repeat;position:absolute;top:510px;right:168px;-webkit-animation: xuanzhuan 2s linear infinite;animation: xuanzhuan 2s linear infinite;}
.trvelItme dl{width:620px;margin:0 auto;margin-top:26px;padding-left:4px}
.trvelItme dl dt{height:386px;border-radius:18px 18px 0 0;overflow:hidden}
.trvelItme dl dt img{width:100%;height:100%;}
.trvelItme dl dd{padding:10px 15px}
.trvelItme dl dd h3{font-size:36px;padding:20px 0;padding-left:15px;font-weight:normal}
.trvelaLabel a{padding:0 14px 5px 14px;display:inline-block}
.travelMap01{position:absolute;width:2118px;height:1727px;top:0px;left:735px}
.travelMap01 a,.travelMap01 span{position:absolute}
.travelBj{width:123px;height:150px;background:url(../images/travelBj.png) no-repeat;top:548px;left:1515px;-webkit-animation: float ease-in-out 1s infinite;animation: float ease-in-out 1s infinite;text-align:center;font-size:22px;color:#951010;line-height:100px}
.car{width:162px;height:68px;background:url(../images/car.png) no-repeat;top:778px;left:1493px}
.car01{top:1042px;left:1259px;background:url(../images/car02.png) no-repeat;}
.car02{top:1192px;left:1634px}
.car03{width:140px;height:69px;background:url(../images/car03.png) no-repeat;top:1355px;left:1243px;}
.car04{top:540px;left:1349px;background:url(../images/car02.png) no-repeat;}
.plane{position:absolute;width:100px;height:142px;background:url(../images/plane.png) no-repeat;top:630px;left:990px;-webkit-animation: plane01 ease-in-out 8s  1s both infinite;
animation: plane01 ease-in-out 8s  1s both infinite ; }
.plane01{position:absolute;top:1089px;left:1780px;background:url(../images/plane.png) no-repeat;width:100px;height:142px;}
.plane02{position:absolute;top:630px;left:990px;
	transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	-ms-transform: rotate(270deg);background:url(../images/plane.png) no-repeat;width:100px;height:142px;}
/*飞机轨道*/
@-webkit-keyframes plane01 {
	0% {
	top:1089px;left:1780px;
	}
	25% {
	top:1507px;left:1851px;
	}
	50% {
	top:1601px;left:1005px;
	transform: rotate(360deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	}
	75% {
	top:650px;left:660px;
	transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	}
	100% {
	top:630px;left:990px;
	transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	}
}
@keyframes plane01
{
	0% {
	top:1089px;left:1780px;
	}
	25% {
	top:1507px;left:1851px;
	}
	50% {
	top:1601px;left:1005px;
	transform: rotate(360deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	}
	75% {
	top:650px;left:660px;
	transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	}
	100% {
	top:630px;left:990px;
	transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	}
}

@-moz-keyframes plane01 /* Firefox */
{
	0% {
	top:1089px;left:1780px;
	}
	25% {
	top:1507px;left:1851px;
	}
	50% {
	top:1601px;left:1005px;
	transform: rotate(360deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	}
	75% {
	top:650px;left:660px;
	transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	}
	100% {
	top:630px;left:990px;
	transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	}
}

@-o-keyframes plane01 /* Opera */
{
	0% {
	top:1089px;left:1780px;
	}
	25% {
	top:1507px;left:1851px;
	}
	50% {
	top:1601px;left:1005px;
	transform: rotate(360deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	}
	75% {
	top:650px;left:660px;
	transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	}
	100% {
	top:630px;left:990px;
	transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	}
}



.travelLine{position:absolute;width:1243px;height:1006px;background:url(../images/travelLine.png) no-repeat;top:600px;left:608px}
.tagPos{position:absolute;width:39px;height:61px;background:url(../images/point.png) no-repeat}
.travelMap01 a:hover .tagPos{-webkit-animation: float ease-in-out .4s infinite;animation: float ease-in-out .4s infinite;}
.tagName{position:absolute;background:#fff;border:solid 4px #5f4a3e;border-radius:40px;padding:6px}
.tagName b{display:block;height:51px;line-height:51px;background:#dcc208;width:200px;text-align:center;border-radius:40px;font-size:24px;font-weight:bold}
.guanquelou{width:213px;height:154px;background:url(../images/guanquelou.png) no-repeat;top:790px;left:1262px;}
.guanquelou .tagPos{top:93px;left:92px;}
.guanquelou .tagName{top:160px;left:0}
.huagnshan{width:250px;height:119px;background:url(../images/huangshan.png) no-repeat;top:960px;left:1463px;}
.huagnshan .tagPos{top:53px;left:157px;}
.huagnshan .tagName{top:109px;right:-24px}
.jiangxinsi{width:294px;height:113px;background:url(../images/xiangxinsi.png) no-repeat;top:1132px;left:1355px}
.jiangxinsi .tagPos{top:42px;left:70px;}
.jiangxinsi .tagName{top:100px;left:-20px}
.lushan{width:213px;height:148px;background:url(../images/lushan.png) no-repeat;top:1288px;left:1407px}
.lushan .tagPos{top:86px;left:97px;}
.lushan .tagName{top:141px;left:14px}
.xsbn{width:325px;height:202px;background:url(../images/xsbn.png) no-repeat;top:1364px;left:709px}
.xsbn .tagPos{top:135px;left:125px;}
.xsbn .tagName{top:196px;left:32px}
.tulufan{width:211px;height:201px;background:url(../images/tulufan.png) no-repeat;top:549px;left:394px}
.tulufan .tagPos{top:6px;left:-96px;}
.tulufan .tagName{top:90px;left:-190px}
.sulechuan{width:419px;height:130px;background:url(../images/sulechuan.png) no-repeat;top:468px;left:965px}
.sulechuan .tagPos{top:71px;left:202px;}
.sulechuan .tagName{top:126px;left:120px}

/***暑假游*/
.travelLine02{background:url(../images/travelLine02.png) no-repeat;position:absolute;top:764px;left:1432px;width:570px;height:843px;}
.sjPoem{width:715px;height:1138px;background:url(../images/sjpoem.jpg) no-repeat;position:absolute;top:206px;left:16px;}
.greatWall{width:330px;height:224px;background:url(../images/greatwall.png) no-repeat;top:524px;left:1338px}
.greatWall .tagPos{top:108px;left:153px;}
.greatWall .tagName{top:170px;left:70px}
.tiantan{width:238px;height:238px;background:url(../images/tiantan.png) no-repeat;top:600px;left:1595px}
.tiantan .tagPos{top:174px;left:99px;}
.tiantan .tagName{top:234px;left:22px}
.xihu{width:288px;height:152px;background:url(../images/xihu.png) no-repeat;top:1128px;left:1720px}
.xihu .tagPos{top:76px;left:137px;}
.xihu .tagName{top:143px;left:63px}
.riyuetan{width:282px;height:158px;background:url(../images/riyuetan.png) no-repeat;top:1473px;left:1594px}
.riyuetan .tagPos{top:97px;left:135px;}
.riyuetan .tagName{top:157px;left:52px}
.sjplane{position:absolute;top:830px;left:1354px;background:url(../images/plane.png) no-repeat;width:100px;height:142px;}
.sjplane02{position:absolute;top:1358px;left:2008px;background:url(../images/plane.png) no-repeat;width:100px;height:142px;transform: rotate(270deg);
    -webkit-transform: rotate(-142deg);
    -moz-transform: rotate(-142deg);
	-o-transform: rotate(-142deg);
	-ms-transform: rotate(-142deg);}
.sjplane01{position:absolute;width:100px;height:142px;background:url(../images/plane.png) no-repeat;top:830px;left:1354px;-webkit-animation: plane02 ease-in-out 4s  2s both infinite;
animation: plane02 ease-in-out 4s  2s both infinite ; }
@-webkit-keyframes plane02 {
	
}
@keyframes plane02
{
	0% {
	top:830px;left:1354px;
	}
	30% {
	top:1445px;left:1516px;
	}
	45% {
	top:1445px;left:1516px;
	}
	70% {
	top:1595px;left:1872px;
	transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	}
	100% {
	top:1358px;left:2008px;
	-webkit-transform: rotate(-142deg);
    -moz-transform: rotate(-142deg);
	-o-transform: rotate(-142deg);
	-ms-transform: rotate(-142deg);
	}
}

@-moz-keyframes plane02 /* Firefox */
{
	
	
}

@-o-keyframes plane02 /* Opera */
{
	
}



/*底部*/
.footer{position:static;text-align:center;font-size:28px;color:#582e0d}
.footer a{display:inline-block;color:#582e0d;transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out;}
.footer a:hover{font-weight:bold;transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);}

.trvelItme dl dd h3{ margin-bottom: 5px; font-size: 40px; line-height: 60px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.trvelItme dl dd .trvelaLabel{  font-size: 30px; } 
.trvelItme dl dd a:hover{ font-weight: bold; transition: all .3s}