.ditu1 {
	padding: 0px 0;
	width: 100%;
	overflow: hidden;
}
.ditubox {
	width: 94%;
	max-width: 1600px;
	margin: 0 auto;
	position: relative;
}
.ditubox img {
	display: block;
	width: 100%;
	height: auto;
}
.line_dianbox {
	position: absolute;
	width: 15px;
	height: 15px;
	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: 69%;
    top: 55.5%;
}
.dian2 {
	left: 69%;
    top: 52%;
}
.dian3 {
	    left: 78%;
    top: 57.5%;
}
.dian4 {
	left: 76.6%;
    top: 54.5%;
}
.dian5 {
	left: 30.6%;
    top: 69.5%;
}
.dian6 {
	    left: 76%;
    top: 54.5%;
}
.dian6 .inner{
	top: -5px;
}
.dian7 {
	left: 69%;
    top: 50%;
}
.dian8 {
	    left: 24%;
    top: 76.5%;
}
.dian9 {
	left: 54.5%;
    top: 43.5%;
}
.dian10 {
	    left: 80.5%;
    top: 64.5%;
}
.dian11 {
	left: 76.3%;
    top: 61.3%;
}
.dian12 {
    left: 20.3%;
    top: 42.3%;
}
.dian13 {
	left: 16.3%;
    top: 26.3%;
}
.dian14 {
	left: 13.8%;
    top: 45.3%;
}
.dian15 {
	left: 48.8%;
    top: 35.3%;
}
.dian16 {
	left: 53.8%;
    top: 30.3%;
}
.dian17 {
	left: 87.8%;
    top: 76.3%;
}
.dian18 {
	left: 72.8%;
    top: 25.3%;
}
.dian19 {
	left: 86.8%;
    top: 42.3%;
}
.dian20 {
	left: 74.8%;
    top: 45.3%;
}
.line_dian::after {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	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: #e60013;
}
.green .line_dian::before {
	background-color: #e60013;
    -webkit-animation:roundScale 1.5s infinite linear;
	animation: roundScale 1.5s infinite linear 0.2s;
}
.blue .line_dian::after {
	background: #e60013;
}
.blue .line_dian::before {
	background-color: #e60013;
    -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: 0;
	width: auto;
	font-size: 14px;
	display: flex;
	z-index: 2;
	white-space: nowrap;
	font-family: "gilroy-regular";
}
.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;
}
}