﻿.index-banner {
	overflow: hidden;
	background: url(./images/index-banner-bg.png) repeat center center;
}
.index-banner-content {
	overflow: hidden;
	background: url(./images/index-banner.png) no-repeat center center;
}
.index-banner .wrapper {
	position: relative;
	height: 885px;
}
.title {
	padding: 50px 0;
	text-align: center;
}
.footer {
	margin-top: 60px;
}
.sp {
	margin-top: 100px;
}
.map .item {
	position: absolute;
	z-index: 3;
}
.map .item .btn {
	position: relative;
	display: block;
	width: 139px;
	height: 123px;
}
.map .item .btn i {
	width: 139px;
	height: 123px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
.map .item .main {
	position: absolute;
	bottom: 112px;
	left: -45px;
	width: 140px;
	display: none;
}
.map .item .main i {
	margin-left: 65px;
	width: 11px;
	height: 8px;
	background: url(./images/map-sanjiao.png) no-repeat;
	display: block;
}
.map .item .main dl {
	background: #FFFFFF;
	border-radius: 10px;
	padding: 3px 0;
}
.map .item .main dd a {
	color: #1f5ee6;
	padding: 2px 12px;
	display: block;
	text-align: center;
	font-size: 16px;
	height: 20px;
	line-height: 20px;
}
.map .item .main dd {
	background: url(./images/map-line.png) no-repeat center top;
	padding-top: 3px;
}
.map .item .main dd:first-child {
	background: none;
	padding-top: 0;
}
.map .item .main dd a:hover {
	color: #e77070;
}
.map .item:hover .btn em {
	position: absolute;
	left: -9px;
	bottom: 13px;
	z-index: 1;
	width: 59px;
	height: 34px;
	background: url(./images/map-hover.png) no-repeat;
	background-size: 100% 100%;
}
.map .item:hover .main {
	display: block;
}
.liangshan{left: 168px; top: 616px;}
.liangshan .btn i {background: url(./images/map-liangshan.png) no-repeat;}
.ganzi {
	left: 285px;
	top: 330px;
}
.ganzi .btn i {
	background: url(./images/map-ganzi.png) no-repeat;
}
.yaan {
	left: 422px;
	top: 319px;
}
.yaan .btn i {
	background: url(./images/map-yaan.png) no-repeat;
}
.abei {
	left: 497px;
	top: 230px;
}
.abei .btn i {
	background: url(./images/map-abei.png) no-repeat;
}
.panzhihua{left: 464px; top: 595px;}
.panzhihua .btn i {background: url(./images/map-panzhihua.png) no-repeat;}
.yibin {
	left: 331px;
	top: 562px;
}
.yibin .btn i {
	background: url(./images/map-yibin.png) no-repeat;
}
.leshan {
	left: 430px;
	top: 469px;
}
.leshan .btn i {
	background: url(./images/map-leshan.png) no-repeat;
}
.meishan {
	left: 495px;
	top: 389px;
}
.meishan .btn i {
	background: url(./images/map-meishan.png) no-repeat;
}
.mianyang {
	left: 679px;
	top: 240px;
}
.mianyang .btn i {
	background: url(./images/map-mianyang.png) no-repeat;
}
.zigong {
	left: 204px;
	top: 495px;
}
.zigong .btn i {
	background: url(./images/map-zigong.png) no-repeat;
}
.tianfu {
	left: 558px;
	top: 451px;
}
.tianfu .btn i {
	background: url(./images/tianfu.png) no-repeat;
}
.sichuan {
	left: 690px;
	top: 313px;
}
.sichuan .btn i {
	background: url(./images/sichuan.png) no-repeat;
}
.chengdu {
	left: 651px;
	top: 428px;
}
.chengdu .btn i {
	background: url(./images/map-chengdu.png) no-repeat;
}
.deyang {
	left: 786px;
	top: 312px;
}
.deyang .btn i {
	background: url(./images/map-deyang.png) no-repeat;
}
.luzhou {
	left: 551px;
	top: 613px;
}
.luzhou .btn i {
	background: url(./images/map-luzhou.png) no-repeat;
}
.neijiang {
	left: 650px;
	top: 520px;
}
.neijiang .btn i {
	background: url(./images/map-neijiang.png) no-repeat;
}
.suining {
	left: 755px;
	top: 499px;
}
.suining .btn i {
	background: url(./images/map-suining.png) no-repeat;
}
.ziyang {
	left: 750px;
	top: 408px;
}
.ziyang .btn i {
	background: url(./images/map-ziyang.png) no-repeat;
}
.nanchong {
	left: 840px;
	top: 431px;
}
.nanchong .btn i {
	background: url(./images/map-nanchong.png) no-repeat;
}
.guangyuan {
	left: 919px;
	top: 414px;
}
.guangyuan .btn i {
	background: url(./images/map-guangyuan.png) no-repeat;
}
.guangan {
	left: 848px;
	top: 565px;
}
.guangan .btn i {
	background: url(./images/map-guangan.png) no-repeat;
}
.bazhong {
	left: 988px;
	top: 484px;
}
.bazhong .btn i {
	background: url(./images/map-bazhong.png) no-repeat;
}
.dazhou {
	left: 1051px;
	top: 558px;
}
.dazhou .btn i {
	background: url(./images/map-dazhou.png) no-repeat;
}
.jiqiren {
	position: absolute;
	top: 518px;
	left: 504px;
	width: 26px;
	height: 47px;
	background: url(./images/map-jiqiren.png) no-repeat;
	display: block;
	z-index: 2;
	animation: jiqiren 10s linear infinite;
}
.feiji {
	position: absolute;
	top: 193px;
	left: 169px;
	width: 175px;
	height: 99px;
	background: url(./images/map-feiji.png) no-repeat;
	display: block;
	z-index: 4;
	animation: feiji 10s linear infinite;
}
.kache {
	position: absolute;
	top: 420px;
	left: 512px;
	width: 35px;
	height: 37px;
	background: url(./images/map-kache.png) no-repeat;
	display: block;
	z-index: 2;
	animation: kache 5s linear infinite;
}
.weixing {
	position: absolute;
	top: 144px;
	left: 681px;
	width: 142px;
	height: 84px;
	background: url(./images/map-weixing.png) no-repeat;
	display: block;
	z-index: 3;
	animation: weixing 30s linear infinite;
}
@keyframes jiqiren {
	0% {
		top: 518px;
		left: 504px;
		opacity: 0;
	}
	1% {
		opacity: 1;
	}
	30% {
		top: 592px;
		left: 650px;
	}
	95% {
		opacity: 1;
	}
	100% {
		top: 436px;
		left: 867px;
		opacity: 0;
	}
}
@keyframes kache {
	0% {
		top: 420px;
		left: 512px;
		opacity: 0;
	}
	1% {
		opacity: 1;
	}
	75% {
		opacity: 1;
	}
	100% {
		top: 542px;
		left: 325px;
		opacity: 0;
	}
}
@keyframes feiji {
	0% {
		top: 193px;
		left: 169px;
		opacity: 0;
	}
	5% {
		opacity: 1;
	}
	90% {
		opacity: 1;
	}
	100% {
		top: 640px;
		left: 1100px;
		opacity: 0;
	}
}
@keyframes weixing {
	0% {
		top: 144px;
		left: 681px;
		opacity: 0;
		transform: rotate(0);
	}
	1% {
		opacity: 1;
	}
	30% {
		top: 622px;
		left: 1210px;
		transform: rotate(165deg);
	}
	50% {
		top: 800px;
		left: 578px;
		transform: rotate(200deg);
	}
	70% {
		top: 700px;
		left: 0px;
		transform: rotate(267deg);
	}
	95% {
		opacity: 1;
	}
	100% {
		top: 144px;
		left: 180px;
		opacity: 0;
		transform: rotate(360deg);
	}
}
.xin {
	display: none;
}