@charset "utf-8";
body{
	font-family:"Microsoft Yahei","SimSun";
	font-size:14px;
	color:#000;
}

a{
	color:#000;
}

a:hover{
	text-decoration: none;
	color: #c00 !important;
}

.fw{
	color: #fff;
}

.fw a{
	color: #fff;
}

.fw a:hover{
	color: #dfdfdf !important;
}

img{
	display:block;
	max-height: 100%;
	max-width: 100%;
}

h1,h2,h3,h4,h5{
	font-family:"Microsoft Yahei","SimHei";
	overflow:hidden;
}

p,li{
	overflow:hidden;
}

.photo{
	position: relative;
	overflow: hidden;
}

.photo img{
	width: 100%;
	height: 100%;
}

.fp-tableCell{
	position: relative;
}

.content{
	position: absolute;
	left: 50%;
	top: 50%;
}

.section{
	background: #fff !important;
	text-align: left !important;
	font-size: 14px !important;
	overflow: hidden;
}

.fp-controlArrow{
	margin-top: -97px;
	opacity:0.8;
}

.fp-controlArrow:hover{
	opacity:1;
}

.fp-controlArrow.fp-next{
	width: 128px;
	height: 195px;
	background: url(../images/btn-arrow1.png);
	border: none;
	right: 0px;
	z-index: 999;
}

.fp-controlArrow.fp-prev{
	width: 128px;
	height: 195px;
	background: url(../images/btn-arrow2.png);
	border: none;
	left: 0px;
	z-index: 999;
}

.slide{
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

#bg1{ background-image: url("../images/bg1.jpg"); }
#bg2{ background-image: url("../images/bg2.jpg"); }
#bg3{ background-image: url("../images/bg3.jpg"); }
#bg4{ background-image: url("../images/bg4.jpg"); }
#bg5{ background-image: url("../images/bg5.jpg"); }
#bg6{ background-image: url("../images/bg6.jpg"); }
#bg7{ background-image: url("../images/bg7.jpg"); }

#page1{
	width: 1000px;
	height: 700px;
	margin: -350px 0px 0px -500px;
}

#page1 .topic{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 244px;
	height: 414px;
	background: url(../images/p1-topic.png);
	z-index: 9;
}

#page1 .city{
	position: absolute;
	bottom: 0px;
	left: 50%;
	margin-left: -948px;
	width: 1897px;
	height: 575px;
	background: url(../images/p1-city.png);
	z-index: 1;
}

#page1 .word{
	position: absolute;
	left: 345px;
	top: 115px;
	width: 480px;
}

#page1 .word li{
	float: left;
	width: 80px;
}

#page1 .text{
	position: absolute;
	left: 310px;
	width: 490px;
	top: 270px;
	line-height: 24px;
	color: #666;
	z-index: 10;
}

#page1 .text p{
	text-indent: 2em;
}

#page1 .enter{
	position: absolute;
	width: 128px;
	height: 195px;
	right: 0px;
	top: 68px;
	background: url(../images/btn-enter.png);
}

#page2{
	width: 1100px;
	height: 720px;
	margin: -360px 0px 0px -550px;
}

#page2 .topic{
	position: absolute;
	width: 101px;
	height: 156px;
	background: url(../images/p2-topic.png);
	left: -100px;
	top: 0px;
}

#page2 .video{
	position: absolute;
	left: 50%;
	top: 15px;
	margin-left: -505px;
	width: 1010px;
	height: 413px;
	background: url(../images/p2-video.png) no-repeat center top;
}

#page2 .video .photo{
	position: absolute;
	width: 945px;
	height: 355px;
	left: 50%;
	top: 50%;
	margin: -177px 0px 0px -472px;
}

#page2 .video p{
	position: absolute;
	z-index: 9;
	width: 100%;
	height: 70px;
	left: 0px;
	bottom: 0px;
	line-height: 70px;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
}

#page2 .video .shadow{
	position: absolute;
	width: 100%;
	height: 95px;
	background: url(../images/shadow1.png);
	left: 0px;
	bottom: 0px;
}

#page2 .video .play{
	position: absolute;
	width: 72px;
	height: 72px;
	left: 50%;
	top: 50%;
	margin: -71px 0px 0px -36px;
	background: url(../images/play1.png);
}

#page2 .list{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 1042px;
	padding: 0px 29px;
}

#page2 .list .arrow1,#page2 .list .arrow2{
	position: absolute;
	width: 29px;
	height: 52px;
	cursor: pointer;
	top: 55px;
}

#page2 .list .arrow1{
	left: 0px;
	background: url("../images/ly2-arrow1.png")
}

#page2 .list .arrow2{
	right: 0px;
	background: url("../images/ly2-arrow2.png")
}

#page2 .list li{
	float: left;
	width: 347px;
}

#page2 .list .photo{
	width: 267px;
	height: 150px;
	margin: 0px auto;
	border-radius: 5px;
}

#page2 .list .photo i{
	position: absolute;
	width: 40px;
	height: 40px;
	right: 18px;
	bottom: 18px;
	background: url("../images/play2.png");
}

#page2 .list p{
	text-align: center;
	line-height: 24px;
	height: 24px;
	font-size: 18px;
	font-weight: bold;
	margin-top: 12px;
	padding: 0px 15px;
}

#page2 .list .more{
	text-align: right;
	line-height: 20px;
	margin-top: 20px;
	font-size: 16px;
}

#page2 .list .more a{
	color: #333;
}

#page3{
	width: 1331px;
	height: 697px;
	margin: -348px 0px 0px -665px;
	background: url("../images/p3-border.png");
}

#page3 .topic{
	position: absolute;
	width: 101px;
	height: 154px;
	background: url("../images/p3-topic.png");
	left: 40px;
	top: 10px;
}

#page3 .arrow1,#page3 .arrow2{
	position: absolute;
	width: 44px;
	height: 39px;
	cursor: pointer;
	top: 248px;
	opacity:0.8;
}

#page3 .arrow1:hover,#page3 .arrow2:hover{
	opacity: 1;
}

#page3 .arrow1{
	background: url("../images/p3-arrow1.png");
	left: 81px;
}

#page3 .arrow2{
	background: url("../images/p3-arrow2.png");
	right: 50px;
}

#page3 .more{
	position: absolute;
	right: 225px;
	top: 590px;
	color: #333;
	font-size: 16px;
	line-height: 20px;
}

#page3 .list{
	position: absolute;
	width: 1062px;
	top: 113px;
	left: 160px;
}

#page3 .list li{
	float: left;
	width: 324px;
	margin: 0px 15px;
}

#page3 .list .photo{
	height: 324px;
}

#page3 .list .photo i{
	position: absolute;
	width: 56px;
	height: 45px;
	background: url("../images/p3-360.png");
	left: 50%;
	top: 50%;
	margin: -22px 0px 0px -28px;
}

#page3 .list p{
	width: 170px;
	height: 71px;
	line-height: 71px;
	text-align: center;
	background: url("../images/p3-text.png");
	margin: 30px auto 0px auto;
	font-size: 24px;
}

#page4{
	width: 1200px;
	height: 710px;
	margin: -355px 0px 0px -600px;
}

#page4 .topic{
	position: absolute;
	width: 101px;
	height: 170px;
	background: url("../images/p4-topic.png");
	left: 603px;
	top: 0px;
}

#page4 .food1{
	position: absolute;
	width: 220px;
	height: 122px;
	left: 382px;
	top: 93px;
	background: url("../images/p4-food1.png");
}

#page4 .food2{
	position: absolute;
	width: 61px;
	height: 139px;
	left: 750px;
	top: 125px;
	background: url("../images/p4-food2.png");
}

#page4 .food3{
	position: absolute;
	width: 413px;
	height: 257px;
	left: -35px;
	top: 470px;
	background: url("../images/p4-food3.png");
}

#page4 .food4{
	position: absolute;
	width: 215px;
	height: 214px;
	left: 878px;
	top: 530px;
	background: url("../images/p4-food4.png");
}

#page4 .more{
	position: absolute;
	right: 70px;
	top: 680px;
	color: #333;
	font-size: 16px;
	line-height: 20px;
}

#page4 .block{
	position: absolute;
	width: 320px;
}

#p4-block1{
	left: 0px;
	top: 45px;
}

#p4-block2{
	left: 425px;
	top: 220px;
}

#p4-block3{
	right: 0px;
	top: 65px;
}

#page4 .block .photo{
	height: 280px;
	width: 280px;
	padding: 20px;
}

#page4 .block .photo img{
	border-radius: 50%;
	width: 280px;
	height: 280px;
}

#page4 .block .photo i{
	position: absolute;
	width: 72px;
	height: 72px;
	background: url("../images/play1.png");
	left: 50%;
	top: 50%;
	margin: -36px 0px 0px -36px;
}

#page4 .block .photo .cover{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background: url("../images/p4-cover.png");
}

#page4 .block h3{
	font-size: 24px;
	line-height: 30px;
	height: 30px;
	margin-top: 20px;
}

#page4 .block p{
	line-height: 24px;
	height: 48px;
	color: #666;
	font-size: 16px;
	margin-top: 5px;
}

#page5{
	width: 1200px;
	height: 600px;
	margin: -300px 0px 0px -600px;
}

#page5 .topic{
	position: absolute;
	width: 101px;
	height: 158px;
	background: url(../images/p5-topic.png);
	left: -70px;
	top: 50px;
	z-index: 9;
}

#page5 .more{
	position: absolute;
	left: 420px;
	top: 550px;
	color: #333;
	font-size: 16px;
	line-height: 20px;
	z-index: 9;
}

#page5 .big{
	position: absolute;
	width: 548px;
	height: 556px;
	padding: 44px 0px 0px 42px;
	left: -21px;
	top: 0px;
}

#page5 .big .cover{
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/p5-big.png);
	left: 0px;
	top: 0px;
}

#page5 .big img{
	width: 505px;
	height: 515px;
}

#page5 .big i{
	position: absolute;
	width: 72px;
	height: 72px;
	left: 50%;
	top: 50%;
	margin: -36px 0px 0px -36px;
	background: url(../images/play1.png);
}

#page5 .tab{
	position: absolute;
	right: 0px;
	top: 22px;
	width: 580px;
	height: 535px;
	padding-top: 30px;
}

#page5 .tab .list{
	height: 504px;
}

#page5 .tab .list li{
	height: 168px;
	overflow: visible;
	position: relative;
}

#page5 .tab .list .photo{
	float: left;
	width: 131px;
	height: 131px;
	padding: 17px 0px 0px 17px;
	margin-top: 10px;
}

#page5 .tab .list .photo .cover{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background: url(../images/p5-small.png);
}

#page5 .tab .list .photo img{
	border-radius: 50%;
	width: 114px;
	height: 114px;
}

#page5 .tab .list .text{
	float: right;
	width: 405px;
	border-bottom: 1px solid #999;
	height: 127px;
	padding-top: 40px;
}

#page5 .tab .list .text h3{
	font-size: 24px;
	height: 30px;
	line-height: 30px;
}

#page5 .tab .list .text p{
	line-height: 24px;
	color: #666;
	font-size: 16px;
	height: 48px;
	margin-top: 8px;
}

#page5 .tab .list .on h3,#page5 .tab .list .on h3 a{
	color: #dd2b38;
}

#page5 .tab .list .on .tag{
	position: absolute;
	width: 29px;
	height: 52px;
	left: -50px;
	top: 50%;
	margin-top: -26px;
	background: url(../images/ly2-arrow1.png);
}

#page5 .tab .arrow1,#page5 .tab .arrow2{
	position: absolute;
	width: 38px;
	height: 22px;
	cursor: pointer;
	left: 50%;
	margin-left: -19px;
	opacity: 0.8;
}

#page5 .tab .arrow1:hover,#page5 .tab .arrow2:hover{
	opacity: 1;
}

#page5 .tab .arrow1{
	top: 0px;
	background: url(../images/p5-arrow1.png);
}

#page5 .tab .arrow2{
	bottom: 0px;
	background: url(../images/p5-arrow2.png);
}

#page6{
	width: 1100px;
	height: 700px;
	margin: -350px 0px 0px -550px;
}

#page6 .topic{
	position: absolute;
	width: 430px;
	height: 159px;
	background: url(../images/p6-topic.png);
	left: 50%;
	margin-left: -215px;
	top: 0px;
}

#page6 .more{
	position: absolute;
	right: 10px;
	bottom: 5px;
	color: #333;
	font-size: 16px;
	line-height: 20px;
	z-index: 9;
}

#page6 .list{
	position: absolute;
	width: 100%;
	top: 190px;
	height: 415px;
	left: 0px;
}

#page6 .list ul{
	margin-left: -45px;
}

#page6 .list li{
	float: left;
	width: 215px;
	height: 402px;
	background: url(../images/p6-border.png);
	margin: 0px 0px 0px 45px;
	padding: 13px 13px 0px 13px;
}

#page6 .list .photo{
	width: 215px;
	height: 350px;
	border-radius: 3px;
	margin: 0px auto;
}

#page6 .list .photo i{
	position: absolute;
	width: 72px;
	height: 72px;
	background: url(../images/play1.png);
	left: 50%;
	top: 50%;
	margin: -36px 0px 0px -36px;
}

#page6 .list p{
	text-align: center;
	font-size: 18px;
	line-height: 24px;
	height: 24px;
	margin-top: 10px;
}

#page6 .tab{
	position: absolute;
	width: 100%;
	height: 52px;
	left: 0px;
	bottom: 0px;
	text-align: center;
}

#page6 .tab .arrow1,#page6 .tab .arrow2{
	display: inline-block;
	vertical-align: top;
	width: 29px;
	height: 52px;
	cursor: pointer;
}

#page6 .tab .arrow1{
	background: url(../images/ly2-arrow1.png);
	margin-right: 100px;
}

#page6 .tab .arrow2{
	background: url(../images/ly2-arrow2.png);
	margin-left: 100px;
}

#page6 .tab span{
	display: inline-block;
	vertical-align: top;
	width: 22px;
	height: 22px;
	background: url(../images/p6-circle1.png);
	margin: 15px 18px 0px 18px;
	cursor: pointer;
}

#page6 .tab .on{
	background: url(../images/p6-circle2.png);
}
#page6 .tab .current{
	background: url(../images/p6-circle2.png);
}
#page7{
	width: 1100px;
	height: 730px;
	margin: -365px 0px 0px -550px;
}

#page7 .topic{
	position: absolute;
	width: 150px;
	height: 158px;
	background: url(../images/p7-topic.png);
	left: 50%;
	margin-left: -75px;
	top: 0px;
}

#page7 .list{
	position: absolute;
	width: 100%;
	left: 0px;
	top: 170px;
	text-align: center;
}

#page7 .list li{
	display: inline-block;
	vertical-align: top;
	width: 125px;
	height: 132px;
	background: url(../images/p7-list.png);
	padding: 36px 18px 0px 18px;
	text-align: left;
	margin: 10px 5px 0px 5px;
}

#page7 .list h4{
	font-size: 14px;
	line-height: 20px;
	height: 20px;
	color: #47423c;
}

#page7 .list p{
	line-height: 20px;
	color: #47423c;
}

#page7 .send{
	position: absolute;
	width: 770px;
	left: 50%;
	margin-left: -385px;
	bottom: 0px;
}

#page7 .send .name span{
	float: left;
	margin-top: 8px;
	margin-right: 15px;
}

#page7 .send .name .text{
	float: left;
	padding: 0px 10px;
	width: 174px;
	height: 37px;
	line-height: 37px;
	background: url(../images/p7-inp.png);
	border: none;
	outline: none;
	font-size: 16px;
}

#page7 .send .msg{
	height: 132px;
	background: url(../images/p7-msg.png);
	margin-top: 15px;
	position: relative;
}

#page7 .send textarea{
	position: absolute;
	padding: 0px;
	border: none;
	background: none;
	top: 16px;
	left: 110px;
	font-size: 16px;
	font-family: "Microsoft YaHei";
	width: 530px;
	height: 100px;
	outline: none;
}

#page7 .send .msg .sub{
	position: absolute;
	width: 77px;
	height: 82px;
	background: url(../images/p7-sub.png);
	border: none;
	right: 48px;
	bottom: -34px;
	cursor: pointer;
}