@import '//at.alicdn.com/t/font_3303573_9j12bcrxhh.css';
*{margin: 0;padding: 0}
html,body{
	--main-text-color:#37474f;
	--main-color:#0B8328;
	--main-active-color:#FF8B00;
}
html,body{font-size: 16px;color: var(--main-text-color);overflow-x: hidden;font-family: Microsoft YaHei,Arial,sans-serif}
@media(max-width:1024px){
	html,body{font-size: 15px}
}
@media(max-width:992px){
	html,body{font-size: 14px}
}
@media(max-width:768px){
	html,body{font-size: 13px}
}
@media(max-width:576px){
	html,body{font-size: 12px}
}
a,a:hover{text-decoration: none}
.container{max-width: 1230px;width:100% !important}
.img-cover{display: block;width: 100%;height: 100%;object-fit: cover}
section{padding: 3.125rem 0}
.swiper-container { width: 100%;height: 100%;}
.swiper-slide {text-align: center;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex; display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.title{margin-bottom: 1.875rem;text-align: center;background:url('../img/tit_bg.png') center no-repeat;}
.tit{margin-bottom: 1.875rem;text-align: center}
.title h3{font-size: 2.5rem;color: #222;font-weight: bold}
.tit h5{text-transform: uppercase;color: #ddd;font-size: 1.25rem;}
.tit h3{color:var(--main-color);font-size: 3rem;font-weight: bold}
.tit h3 span{color: var(--main-active-color);}
.title h3 span{color: var(--main-color);line-height: 1;margin-bottom: 0}
.title h5{font-size: 1rem;}
.title > span{display: inline-block;height: 2px;width: 6.25rem;background-color: var(--main-active-color);margin: 0.625rem 0}
.title p{margin-bottom: 0;line-height: 2;transform: translateY(-25%);color: #868686}
.tit p{margin-bottom: 0;line-height: 2;color: #868686}
@media(max-width:576px){
	section{padding: 1.875rem 0}
	.title,.tit{margin-bottom: 1.25rem;background-size: contain}
}
#fenye{clear:both; width:100%;margin-top: 2rem;margin-bottom: 3.125rem;}
#fenye a{text-decoration:none; display:inline-block;padding:0 0.875rem;height: 2.125rem; line-height:2rem;font-size: 12px;margin: 0 0.25rem 0.5rem;border:1px solid #ddd;color: #333;background-color:#fff;}
#fenye a.curr{ border:1px solid var(--main-color); color:var(--main-color); }
#fenye span{font-size: 12px;}

header .top{font-size: 12px;padding: 0.5rem 0;color: #999}
header .top .welcome{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
header .top ul{margin-bottom: 0;line-height: 1}
header .top ul li{padding: 0 1rem;white-space: nowrap}
header .top ul li a{line-height: 1;display: block;color: #999}
header .top ul li + li{border-left: 1px solid #999}
header .top ul li:last-child{padding-right: 0}
header .top ul li a:hover{color: var(--main-color)}
header .mid{padding: 1.875rem 0;}
header .mid .logo{margin-right: 1.25rem}
header .mid .logo img{max-height: 4.625rem;max-width: 100%}
header .mid .icons{text-align: center}
header .mid .icons .item{margin: 0 1.25rem}
header .mid .icons .item img{max-width: 3rem}
header .mid .icons .item h5{font-size: 1.125rem;margin-top: 0.5rem;margin-bottom: 0.25rem}
header .mid .icons .item p{margin-bottom: 0;font-size: 12px;color: #999}
header .mid .tel{padding-left: 5rem;background: url('../img/phone.jpg') left center no-repeat;background-size:contain}
header .mid .tel span{font-size: 1.875rem;color: #333;font-weight: bold;line-height: 1}
header .bot{background-color: var(--main-color);}
header .bot nav a{color:#fff;display: block;width: 12.5%;text-align: center;line-height: 3.75rem;font-weight: bold}
header .bot nav a.active,header .bot nav a:hover{background-color: var(--main-active-color)}
@media(min-width:768px){
	header .bot nav a + a{background:url('../img/link_devide.png')left center no-repeat}
	header .bot nav a.active + a,header .bot nav a:hover{background-image: none}
}
@media(max-width:575px){
	header .top ul{width: 100%}
	header .mid{padding: 1.25rem 0}
	header .mid .logo{width: 100%;margin-right: 0;text-align: center}
	header .bot nav{margin-left: -15px;margin-right: -15px}
	header .bot nav a{width: 25%;border-right: 1px solid #fff;line-height: 3}
	header .bot nav a:nth-child(4n){border-right: 0}
	header .bot nav a:nth-child(n+5){border-top: 1px solid #fff}
}


.index .section-1 .cate .item:not(.more) a{display: block;border: 1px solid #ddd;background-color: #f8f9fa;text-align: center;margin-bottom: 1.875rem;padding: 1.25rem 0.5rem;color: var(--main-text-color)}
.index .section-1 .cate .item.more a{display: block;background-color: var(--main-color);text-align: center;padding: 1.25rem}
.index .section-1 .cate .item.more a{color: #fff}
.index .section-1 .cate .item.more a h2{margin-bottom: 0}
.index .section-1 .cate .item span.iconfont{font-size: 2.5rem;line-height: 1}
.index .section-1 .cate .item p{margin-bottom: 0;font-size: 1.125rem;line-height: 2;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.index .section-1 .cate .item:not(.more) a:hover,.index .section-1 .cate .item.active a{background-color: var(--main-active-color);color: #fff}
.index .section-1 .img{max-height: 32.65rem;overflow: hidden}
.index .section-1 .img img{display: none;transition: all linear 0.4s}
.index .section-1 .img img.active{display: block}
.index .section-1 .img img:hover{transform: scale(1.2)}
@media(max-width:575px){
	.index .section-1 .cate .item:not(.more):nth-child(2n+1){padding-right: 7.5px}
	.index .section-1 .cate .item:not(.more):nth-child(2n){padding-left: 7.5px}
	.index .section-1 .cate .item a{margin-bottom: 1.25rem !important}
}

.index .section-2 .nav{margin-bottom: 1.875rem;}
.index .section-2 .nav li{background-color: var(--main-color);margin: 0 0.625rem 1.25rem}
.index .section-2 .nav li a{display: block;color: #fff;padding:0.5rem 1.25rem }
.index .section-2 .item{text-align: center}
.index .section-2 .item .img{overflow: hidden}
.index .section-2 .item .img img{width: 100%;height: 100%;object-fit: cover;transition: all linear 0.4s}
.index .section-2 .item p{line-height: 2;margin-top: 0.5rem;color: var(--main-text-color)}
.index .section-2 .item:hover .img img{transform: scale(1.2)}
.index .section-2 .item:hover p{color: var(--main-color)}
@media(max-width:575px){
	.index .section-2 .item:nth-child(even){padding-left: 7.5px}
	.index .section-2 .item:nth-child(odd){padding-right: 7.5px}
}

.index .section-3 .info > p{font-size: 1.25rem;color: #666;line-height: 2;margin-bottom: 0}
.index .section-3 .info > p + p{margin-top: 0.625rem;}
.index .section-3 .list{}
.index .section-3 .list h3{color: #000;margin-top: 1.25rem}
.index .section-3 .list p{color: #000;font-size: 14px;line-height: 2}
@media(max-width:575px){
	.index .section-3 .item:nth-child(even){padding-left: 7.5px}
	.index .section-3 .item:nth-child(odd){padding-right: 7.5px}
}

.index .section-4 {background-color: #f5f5f5}
.index .section-4 .item{background-color: #fff;padding:1.875rem 1rem;width: calc((100% / 6) - 1px);text-align: center;font-size: 0.875rem;transition: all linear 0.4s}
.index .section-4 .item .img img{max-width:100% }
.index .section-4 .item .info{margin-top: 1.25rem;}
.index .section-4 .item .info h5{font-size: 1.125rem;color: var(--main-color)}
.index .section-4 .item .info span{display: block;margin: 1rem auto;width: 75%;height: 2px;background-color: var(--main-color)}
.index .section-4 .item .info p{margin-bottom: 0;line-height: 2}
.index .section-4 .item .info p + p{margin-top: 0.5rem}

@media(min-width:992px){
	.index .section-4 .item.active,.index .section-4 .item:hover{background-color: var(--main-active-color);padding: 2.5rem 1rem}
	.index .section-4 .item.active .info h5,.index .section-4 .item:hover .info h5{color: #FFFFFF}
	.index .section-4 .item.active .info span,.index .section-4 .item:hover .info span{background-color: #FFFFFF}
	.index .section-4 .item.active .info p,.index .section-4 .item:hover .info p{color: #fff;}
}
@media(max-width:991px){
	.index .section-4 .item{width: 30.33%;margin-bottom: 1.875rem}
}

@media(max-width:575px){
	.index .section-4 .item{width: 48.5%;margin-bottom: 1.25rem}
}

.index .section-5{background:url('../img/s5-1.jpg')center no-repeat;}
.index .section-5 .list{padding-top: 8.125rem;padding-bottom: 10rem}
.index .section-5 .item{background-color: #f5f5f5;padding: 1.25rem;height: 100%;}
.index .section-5 .item h5{color: #222;font-size: 1.125rem;font-weight: bold;}
.index .section-5 .item h5 span{color: var(--main-active-color);}
.index .section-5 .item p{margin-bottom: 0;line-height: 2;font-size: 0.875rem;color: #666;text-align: justify}
.index .section-5 .more{background-color: var(--main-color);color: #fff;border-radius: 1.5rem;line-height: 2.5rem;padding-right:1.25rem;display: inline-block}
.index .section-5 .more a{color:#fff;display: inline-block;padding: 0 1.875rem;background-color: var(--main-active-color);border-radius: 1.5rem;margin-right: 0.5rem;}
.index .section-5 .more span{font-weight: bold;font-size: 1.125rem;}
.index .section-5 .more span em{font-size: 1rem;font-style: normal;font-weight: normal}
@media(max-width:991px){
	.index .section-5 .list{padding-bottom: 7.125rem}
	.index .section-5 .list > div{margin-bottom: 1.875rem}
}
@media(max-width:575px){
	.index .section-5 .list{padding-top:1.875rem;padding-bottom: 1.875rem}
	.index .section-5 .list > div{margin-bottom: 1.25rem}
	.index .section-5 .more{line-height: 3.125rem}
}

.index .section-6{background:url('../img/s6-1.jpg')center no-repeat;height: 268px;}
.index .section-6 h4{color: var(--main-active-color);font-size: 2.5rem;font-weight: bold;}
.index .section-6 p{color: #fff;border-bottom: 1px solid #30d67d;padding-bottom: 0.5rem;display: inline-block;font-size: 1.125rem;}

.index .section-6 span{display: block;color: #fff;font-size: 1.125rem}


.index .section-7{background: url('../img/s7-1.jpg')top center no-repeat;background-size: cover;}
.index .section-7 .panel{background-color: #fff;padding: 3.125rem;box-shadow: 0 3px 6px rgba(0,0,0,.15)}
.index .section-7 .panel + .panel{margin-top: 1.875rem;}
.index .section-7 .panel .panel-header{width:50%;padding-right: 1.625rem}
.index .section-7 .panel .panel-header h4{font-size: 1.75rem;color: var(--main-active-color);font-weight: bold;margin-bottom: 1rem}
.index .section-7 .panel .panel-header h5{font-size: 1.5rem;color: var(--main-color);font-weight: bold;margin-bottom: 1.5rem}
.index .section-7 .panel .panel-header span{display: inline-block;height: 0.5rem;border-top: 1px solid var(--main-active-color);border-bottom: 1px solid var(--main-active-color);width:1.25rem;margin-bottom: 1rem }
.index .section-7 .panel .panel-header p{font-size: 0.875rem;line-height: 2}
.index .section-7 .panel .panel-header a{display: inline-block;color: #fff;background-color: var(--main-color);padding: 0.5rem 1.875rem;margin-top: 1.25rem}
.index .section-7 .panel .panel-img{width:50%;padding-left: 1.5rem}

@media(max-width:991px){
	.index .section-7 .panel {padding: 1.875rem}
	.index .section-7 .panel .panel-header{width: 100%;padding-right:0 }
	.index .section-7 .panel .panel-img{width: 100%;padding-left: 0;margin-bottom: 1.25rem}
}

@media(max-width:575px){
	.index .section-7 .panel {padding: 1.25rem}
	.index .section-7 .panel .panel-header a{margin-top: 0}
}

.index .section-8{background:url('../img/s8-1.jpg')center no-repeat;height: 234px;}
.index .section-8 h4{font-size: 20px;color: #fff;padding-top: 105px;line-height: 40px;padding-left: 15px;margin-bottom: 0;letter-spacing: 2px;font-weight: bold}
.index .section-8 p{margin-bottom: 0;color: #fff;font-size: 28px;padding-top:24px;padding-left: 125px  }

.index .section-9 .video video{width: 100%;min-height: 35vh;background-color: #000;}
.index .section-9 .info h4{font-size: 2.125rem;line-height: 2;margin-bottom: 0}
.index .section-9 .info p{font-size: 0.875rem;line-height: 2rem; padding-top: 0.625rem}
.index .section-9 .info a{display: inline-block;width: 10rem;text-align: center;border: 2px solid var(--main-color);border-radius: 1.875rem;line-height: 2.5rem;color: var(--main-color);margin-top: 1.25rem}
.index .section-9 .info a:hover{background-color: var(--main-color);color: #fff}

@media(max-width:575px){
	.index .section-9 .info{padding-top: 1.25rem;}
	.index .section-9 .info a{margin-top: 0}
}
.index .section-10{padding-bottom: 3.125rem}
.index .section-10 .swiper-slide .img{border: 1px solid #ddd}
.index .section-10 .swiper-slide img{max-width: 100%}
.index .section-10 .swiper-slide p{color: var(--main-text-color);line-height: 2;margin-bottom: 0;margin-top: 0.5rem;font-size: 0.875rem}
.index .section-10 .swiper-slide:hover .img{border-color: var(--main-color)}
.index .section-10 .swiper-slide:hover p{color: var(--main-color)}
@media(max-width:576px){
	.index .section-10{padding-bottom: 1.875rem}
}

.index .section-11{height: 150px;background:url('../img/s11-1.jpg')center no-repeat;color: #fff}
.index .section-11 .info h4 em{font-size:1.25rem;font-style: normal;padding-right: 1.875rem; }
.index .section-11 .info p{margin-bottom: 0;font-size: 1.875rem;line-height: 1}
.index .section-11 .info p span.iconfont{font-size: 1.875rem}
.index .section-11 .list{border-left: 1px solid #ddd;padding-left: 1.25rem}
.index .section-11 .list .col{padding: 0;text-align: center}
.index .section-11 .list .col span.iconfont{font-size: 1.5rem;}
.index .section-11 .list p{margin-bottom: 0;font-size: 14px;line-height: 2;margin-top: 0.5rem}


.index .section-12 .item{width: calc((100% - 60px) / 3);background-color: #fff;border: 1px solid #ddd;padding: 1.25rem}
.index .section-12 .item + .item{margin-left: 30px}
.index .section-12 .item .img{border: 1px solid #ddd;margin-bottom: 1.25rem;}
.index .section-12 .item .img img{max-width: 100%}
.index .section-12 .item h5{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index .section-12 .item h5 a{color: #222}
.index .section-12 .item h5 a:hover{color: var(--main-color)}
.index .section-12 .item p{color: #868686;line-height: 2;font-size: 0.875rem;}
.index .section-12 .item span.iconfont{font-size: 1.25rem;border: 2px solid #ddd;border-radius: 50%;width: 2.5rem;height: 2.5rem;display: inline-block;position: relative}
.index .section-12 .item span.iconfont::before{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}
@media(max-width:575px){
	.index .section-12 .item{width: 100%;}
	.index .section-12 .item + .item{margin-left: 0;margin-top: 1.25rem}
}

.index .section-13{height: 325px;background: url('../img/s13-1.png')center no-repeat;position: relative}
.index .section-13::before{height: 100px;width: 100%;background-color: #f8f9fa;position: absolute;left: 0;top: 0;content: '';display: block;z-index: -1}
.index .section-13 h4{color: #fff;font-weight: bold;margin-bottom: 1rem;padding-top: 2.5rem}
.index .section-13 span{display: inline-block;background-color: var(--main-active-color);color: #fff;margin-bottom: 1rem;padding: 0.5rem 1.875rem;border-radius: 1.5rem}
.index .section-13 p{margin-bottom: 0;color:#fff;line-height: 2}

.index .section-14 .item{margin-bottom: 1.25rem}
.index .section-14 .item .img{width: 10rem;height: 6.25rem;margin-right: 1.25rem;flex-shrink: 0}
.index .section-14 .item .info{padding-right: 1.25rem;border-right: 1px solid #ddd;overflow: hidden}
.index .section-14 .item .info h5{font-size: 1.125rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top: 0.5rem}
.index .section-14 .item .info h5 a{color: var(--main-text-color)}
.index .section-14 .item .info h5 a:hover{color: var(--main-color)}
.index .section-14 .item .info p{display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;margin-bottom: 0;font-size: 0.875rem;line-height: 2;color: #999;}

.index .section-14 .item .date{flex-shrink: 0;padding-left: 1.25rem;}
.index .section-14 .item .date b{display: block;color: var(--main-color);font-size: 3rem;text-align: center;align-self: center;}
@media(max-width:576px){
	.index .section-14 .item{border-bottom: 1px dashed #ddd;padding-bottom: 1rem}
	.index .section-14 .item .date{display: none}
	.index .section-14 .item .info{border-right: 0;padding-right: 0}
}

.index .section-15{background: url('../img/s7-1.jpg')top center no-repeat;background-size: cover;}
.index .section-15 .panel + .panel{margin-top: 1.875rem;}
.index .section-15 .panel .panel-content{width:50%;padding-right: 1.625rem}
.index .section-15 .panel .panel-content img{max-width: 100%;margin-bottom: 1.25rem}
.index .section-15 .panel .panel-content p{line-height: 2}
.index .section-15 .panel .panel-img{width:50%;text-align: center}

@media(max-width:991px){
	.index .section-15 .panel .panel-content{width: 100%;padding-right:0 }
	.index .section-15 .panel .panel-img{width: 100%;margin-bottom: 1.25rem}
}

footer{background-color: var(--main-color);color: #fff;padding-top: 4.5rem;position: relative;padding-bottom: 1.25rem}
footer:before{content: '';width: 3.125rem;height: 3.125rem;display: block;border-left: 1.875rem solid transparent;border-right: 1.875rem solid transparent;border-top: 1.875rem solid #fff;position: absolute;left: 50%;top: 0;transform: translateX(-50%)}
footer a{color:#fff;}
footer nav{background-color: var(--main-active-color);width: 75%;margin: 0 auto;font-size: 0.875rem;padding: 0.5rem 0;margin-bottom: 1.25rem !important}
footer nav a{margin: 0 0.625rem;}
footer p{margin-bottom: 0;line-height: 2.5;text-align: center;font-size: 0.875rem}
footer p + p{}
footer p span + span{margin-left: 1rem}

@media(max-width:767px){
	footer{padding-top: 1.25rem;background-color: #f8f9fa;margin-bottom: 50px}
	footer::before{display: none}
	footer nav{display: none !important}
	footer p{line-height: 2;font-size: 12px;color: var(--main-text-color)}
}

.tabbar{background-color: var(--main-color);height: 50px;}
.tabbar ul{margin-bottom: 0}
.tabbar ul li{width: 25%;text-align: center}
.tabbar ul li a{color:#fff}
.tabbar ul li a span{font-size: 20px;line-height: 1}
.tabbar ul li a p{margin-bottom: 0;margin-top: 3px;line-height: 1;}


.location{padding: 1rem 0;border-bottom: 1px solid var(--main-color);font-size: 0.875rem;margin-bottom: 1.25rem}
.location a{color: var(--main-color)}
.location a:hover{color: var(--main-active-color)}
.location span.iconfont{margin: 0 0.25rem}
.main .content{line-height: 2;margin-bottom: 1.25rem}
.main .content > h5{text-align: center;margin-bottom: 1rem;font-size: 1.875rem;
color: #000;
margin-top: 0.5rem;}
.main .content p{text-indent: 2em;margin-bottom: 0}
.main .content p +p {margin-top: 0.5rem}
.main .content p img{max-width: 100%;margin-left: -2em}
.main .content ul.redirect{list-style: none;margin-bottom: 0}
.main .content ul.redirect li a{color: var(--main-color)}
.main .content ul.redirect li a:hover{color: var(--main-active-color)}
#fenye{clear:both; width:100%;margin-top: 2rem;margin-bottom: 3.125rem;}
#fenye a{text-decoration:none; display:inline-block;padding:0 0.875rem;height: 2.125rem; line-height:2rem;font-size: 12px;margin: 0 0.25rem 0.5rem;border:1px solid #ddd;color: #333;background-color:#fff;}
#fenye a.curr{ border:1px solid var(--main-color); color:var(--main-color); }
#fenye span{font-size: 12px;}



.main-left .box{border: 1px solid var(--main-color);margin-bottom: 1.25rem}
.main-left .box h3{padding: 1.25rem 1.25rem 0.875rem 1.25rem;color:#fff;background-color: var(--main-color);font-size: 1.5rem;margin-bottom: 0;font-weight: normal}
.main-left .box h3 em{font-size: 12px;font-style: normal;text-transform: uppercase}
.main-left .box dl{padding: 1.25rem;margin-bottom: 0}
.main-left .box dl dd a{border-bottom: 1px solid #ddd;display: block;padding-bottom: 0.5rem;color: var(--main-text-color);font-size: 0.875rem}
.main-left .box dl dd a:hover,.main-left .box dl dd.currclass a{color:var(--main-color);border-color: var(--main-color)}
.main-left .box dl dd +dd{margin-top:1rem}
.main-left .box dl + dl{padding-top: 0}
.main-left .box dl dt{background-color: var(--main-color);color: #fff;padding: 0.5rem 1.5rem;margin-bottom: 1.25rem;border-radius: 0.25rem;font-weight: normal;position: relative}
.main-left .box dl dt::before{content: '';display: block;width: 2px;height:1rem;background-color:#fff;position: absolute;left: 1rem;top: 50%;transform: translateY(-50%)}

.main-left .box ul{margin-bottom: 0;padding: 1.25rem}
.main-left .box ul li{border-bottom: 1px dashed #ddd;padding-bottom: 0.5rem;font-size: 0.875rem}
.main-left .box ul li span{color:#868686}
.main-left .box ul li + li{margin-top: 0.875rem}

.main .list{}
.main .list .item{}
.main .list .item .img{overflow: hidden;border: 1px solid #ddd}
.main .list .item .img img{transition: all linear 0.4s;max-width: 100%}
.main .list .item p{line-height: 2;margin-top: 0.5rem;color: var(--main-text-color);text-align: center}
.main .list .item:hover .img img{transform: scale(1.2)}
.main .list .item:hover p{color: var(--main-color)}
@media(max-width:575px){
	.main .list .item:nth-child(even){padding-left: 7.5px}
	.main .list .item:nth-child(odd){padding-right: 7.5px}
}

.solution-list dl{margin-bottom: 1.25rem;border-bottom: 1px dashed #ddd;padding-bottom: 1.25rem}
.solution-list dl dt{width: 10rem;height: 6.25rem;margin-right: 1.25rem;flex-shrink: 0}
.solution-list dl dd{overflow: hidden;margin-bottom: 0}
.solution-list dl dd h5{font-size: 1.125rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top: 0.5rem}
.solution-list dl dd h5 a{color: var(--main-text-color)}
.solution-list dl dd h5 a:hover{color: var(--main-color)}
.solution-list dl dd p{display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;margin-bottom: 0;font-size: 0.875rem;line-height: 2;color: #999;}
 .my-map {
        margin: 1.25rem auto 0;
        width: 100%;
        height: 35vh;
        border: 1px solid #ddd;
        position: relative;
        z-index: 0;
    }

    .my-map .icon {
        background: url(//a.amap.com/lbs-dev-yuntu/static/web/image/tools/creater/marker.png) no-repeat;
    }

    .my-map .icon-cir {
        height: 31px;
        width: 28px;
    }

    .my-map .icon-cir-red {
        background-position: -11px -5px;
    }

    .amap-container {
        height: 100%;
    }

    .myinfowindow {
        width: 240px;
        min-height: 50px;
    }

    .myinfowindow h5 {
        height: 20px;
        line-height: 20px;
        overflow: hidden;
        font-size: 14px;
        font-weight: bold;
        width: 220px;
        text-overflow: ellipsis;
        word-break: break-all;
        white-space: nowrap;
		text-align: left;
		margin-bottom: 0.5rem
    }

    .myinfowindow div {
        margin-top: 10px;
        min-height: 40px;
        line-height: 20px;
        font-size: 13px;
        color: #6f6f6f;
    }

.window{position: fixed;right: 0;top: 50%;transform: translateY(-50%);z-index: 1}
.window ul{margin-bottom: 0}
.window ul li{width: 65px;height: 65px;background-color: var(--main-color);position: relative;text-align: center;color: #fff;padding: 10px 5px}
.window ul li + li{margin-top: 1px}
.window ul li a{color:#fff;}
.window ul li:hover{background-color: var(--main-active-color)}
.window ul li span{font-size: 1.75rem;line-height: 1}
.window ul li p{margin-bottom: 0;font-size: 12px;margin-top: 5px;line-height: 1}
.window ul li .info{position: absolute;left: 0; bottom: 0;transform: translateX(-100%);min-height: 65px;background-color: #fff;box-shadow: 0 3px 6px rgba(0,0,0,.15);display: none}
.window ul li .info h4{white-space: nowrap;color: var(--main-text-color);line-height: 65px;padding: 0 15px;margin-bottom: 0;font-size: 1.125rem}
.window ul li .info img{max-width: 6.25rem}
.window ul li:hover .info{display: block}