.ditu1 {
	padding: 0px 0;
	width: 100%;
	overflow: hidden;
}
.ditubox {
	width: 100%;
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.ditubox img {
	display: block;
	width: 100%;
	height: auto;
}
.line_dianbox {
	position: absolute;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	transform: translate(-50%, -50%);
}
.line_dian {
	width: 170%;
	cursor: pointer;
	height: 170%;
	border-radius: 50%;
	position: relative;
}
.line_dian span {
	font-size: 20px;
	color: #ffffff;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 2;
	transform: translate(-50%, -50%);
}
.dian2 {
	left: 40.3%;
    top: 37.5%;
	z-index: 98;
}
.dian3 {
	left: 67%;
    top: 46.5%;
	z-index: 93;
}
.dian4 {
	left: 46.6%;
    top: 47.5%;
	z-index: 96;
}
.dian5 {
	left: 58.6%;
    top: 51.5%;
	z-index: 95;
}

.dian7 {
	left: 46.5%;
    top: 21.5%;
	z-index: 97;
}
.line_dian::after {
	content: "";
	position: absolute;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.line_dian::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	border-radius: 50%;
	opacity: 0;
}
.green .line_dian::after {
	background: #1556A5;
}
.green .line_dian::before {
	background-color: #1556A5;
    -webkit-animation:roundScale 1.5s infinite linear;
	animation: roundScale 1.5s infinite linear 0.2s;
}
.blue .line_dian::after {
	background: #0175be;
}
.blue .line_dian::before {
	background-color: #0175be;
    -webkit-animation:roundScale 1.5s infinite linear;
	animation: roundScale 1.5s infinite linear 0.4s;
}
.inner1 {
	left: auto;
	right: 100%;
}
.imgbox {
	width: 141px;
}
.imgbox img {
	display: block;
	width: 100%;
	height: auto;
}
.infobox {
	width: calc(100% - 141px);
	padding-left: 10px;
}
.tit1 {
	font-size: 16px;
	color: #242424;
}
.tit2 {
	font-size: 14px;
	color: #797979;
	line-heigth: 20px;
	margin-top: 5px;
}
.line_dianbox.click {
	z-index: 1;
}
.mb_boxs {
	display: none;
}
@keyframes roundScale {
    0% {
        -webkit-transform:scale(0.2);
	transform: scale(0.2);
	opacity: 0.2;
}
25% {
        -webkit-transform:scale(0.3);
	transform: scale(0.3);
	opacity: 0.3;
}
50% {
        -webkit-transform:scale(0.5);
	transform: scale(0.5);
	opacity: 0.5;
}
75% {
        -webkit-transform:scale(0.7);
	transform: scale(0.7);
	opacity: 0.7;
}
100% {
        -webkit-transform:scale(1);
	transform: scale(1);
	opacity: 0.0;
}
}