.ditu1 {
	padding: 0px 0;
	width: 100%;
	overflow: hidden;
}
.ditubox {
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
	position: relative;
}
.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%);
}
.dian1 {
	left: 12.3%;
    top: 23.3%;
}
.dian2 {
	left: 14.3%;
	top: 40.5%;
}
.dian3 {
	left: 86%;
	top: 41.5%;
}
.dian4 {
	left: 85.6%;
    top: 75.5%;
}
.dian5 {
	    left: 53.6%;
    top: 30.5%;
}
.dian6 {
	    left: 47%;
    top: 35.5%;
}
.dian7 {
	left: 48.5%;
    top: 30.5%;
}
.dian8 {
	left: 50.5%;
    top: 36.5%;
}
.dian9 {
	    left: 48.5%;
    top: 26.5%;
}
.dian10 {
	    left: 51.5%;
    top: 22.5%;
}
.dian11 {
	left: 74.3%;
    top: 30.3%;
}
.dian12 {
left: 14.3%;
    top: 51.3%;
}
.dian13 {
	left: 78.3%;
    top: 54.3%;
}
.dian14 {
	left: 75.8%;
    top: 44.3%;
}
.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: #bf2d20;
}
.green .line_dian::before {
	background-color: #bf2d20;
    -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;
}
.inner {
    -webkit-transition:all 0.3s ease-out;
	transition: all 0.3s ease-out;
	opacity: 1;
	position: absolute;
	left: 30px;
	top: 5px;
	width: auto;
	font-size: 14px;
	display: flex;
	z-index: 2;
	white-space: nowrap;
}
.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: 220;
}
.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;
}
}