body {
	color: var(--text-color, #666);
	font-size: 16px;
	line-height: 1.4;
	font-weight: 400;
	text-align: left;
	background: #ffffff;
	font-family: var(--font-family);
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	overflow-x: hidden;
}
body * {
	margin: 0;
	padding: 0;
	outline: none !important;
	line-height: 1.4;
}
button, input, textarea {
	border: none;
}
/*********** 标题 start **************/
  h1, .h1 {
	font-size: 36px;
	font-weight: 700;
	color: var(--title-text-color, #000);
	font-family: var(--title-font-family);
}
h2, .h2 {
	font-size: 32px;
	font-weight: 700;
	color: var(--title-text-color, #000);
	font-family: var(--title-font-family);
}
h3, .h3 {
	font-size: 24px;
	font-weight: 600;
	color: var(--title-text-color, #000);
	font-family: var(--title-font-family);
}
h4, .h4 {
	font-size: 16px;
	font-weight: 400;
	color: var(--text-color, #555);
	font-family: var(--title-font-family);
}
h5, .h5 {
	font-size: 14px;
	font-weight: 400;
	color: var(--text-color, #888);
	font-family: var(--title-font-family);
}
 @media only screen and (max-width: 767px) {
 h1, .h1 {
 font-size: 22px;
}
 h2, .h2 {
 font-size: 20px;
}
 h3, .h3 {
 font-size: 18px;
}
}
/*********** 标题 end **************/

  a {
	color: inherit;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: var(--color-primary);
}
ol, ul {
	list-style: none;
}
i, em {
	font-style: normal;
}
.rich-text ol {
	list-style: decimal;
	width: fit-content;
	text-align: left;
	padding-left: 38px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.rich-text ul {
	list-style: disc;
	width: fit-content;
	text-align: left;
	padding-left: 38px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.rich-text ul li {
	list-style: disc;
}
.rich-text em {
	font-style: italic;
}
img {
	max-width: 100%;
}
:not(.rich-text) img {
 width: auto;
 height: auto;
}
.fr, .float-right {
	float: right;
}
.fl, .float-left {
	float: left;
}
.uppercase {
	text-transform: uppercase;
}
/* RTL布局 */
  html[dir="rtl"] body {
	text-align: right;
}
/* 清除浮动 */
  .cl {
	zoom: 1;
}
.cl:before, .cl:after {
	display: table;
	content: " ";
}
.cl:after {
	clear: both;
}
/*富文本内置样式*/
  .mce-img-32 {
	width: 32px;
	height: auto;
}
.mce-img-64 {
	width: 64px;
	height: auto;
}
.mce-img-240 {
	width: 240px;
	height: auto;
}
.mce-img-480 {
	width: 480px;
	height: auto;
}
.mce-img-600 {
	width: 600px;
	height: auto;
}
.mce-img-1024 {
	width: 1024px;
	height: auto;
}
.mce-img-2048 {
	width: 2048px;
	height: auto;
}
.mce-img-w-100 {
	width: 100%;
	height: auto;
}
:root {
 --color-primary:#026eb7;
 --color-primary-rgb:2, 110, 183;
 --color-second:#4b2e2b;
 --color-second-rgb:75, 46, 43;
 --bg-color: #F2F2F2;
 --btn-hover: #026EB7;
 --button-radius: 10px;
 --font-family: Roboto;
 --title-font-family: Roboto_Bold;
 --text-color: #1d1d1d;
 --text-color-rgb: 29, 29, 29;
 --title-text-color: #040404;
 --title-text-color-rgb: 4, 4, 4;
}
 @font-face {
 font-family: "Roboto";
 font-display: swap;
 src: url('/res/font/Roboto-Regular.ttf') format('truetype');
}
 @font-face {
 font-family: "Roboto_Bold";
 font-display: swap;
 src: url('/res/font/Roboto-Bold.ttf') format('truetype');
}







.main-map{
			position: relative;
		}
        .main-map .info {
            border: solid 1px silver; text-align:left
        }
        div.info-top {
            position: relative;
            background: none repeat scroll 0 0 #F9F9F9;
            border-bottom: 1px solid #CCC;
            border-radius: 5px 5px 0 0;
        }
        div.info-top div {
            display: inline-block;
            color: #333333;
            font-size: 14px;
            font-weight: bold;
            line-height: 31px;
            padding: 0 10px;
        }
        div.info-top img {
            position: absolute;
            top: 10px;
            right: 10px;
            transition-duration: 0.25s;
        }
        div.info-top img:hover {
            box-shadow: 0px 0px 5px #000;
        }
        div.info-middle {
            font-size: 12px;
            padding: 6px;
            line-height: 20px;
        }
        div.info-bottom {
            height: 0px;
            width: 100%;
            clear: both;
            text-align: center;
        }
        div.info-bottom img {
            position: relative;
            z-index: 104;           
        }
        .main-map span {
            margin-left: 5px;
            font-size: 11px;
        }
        .info-middle img {
            margin-bottom: 6px;
        }
		.amap-info>div{
			width:100%;
					}
					
					
					
					
					
					
					
	#mapContainer{width:100%;height:600px;font-size:12px}



@media screen and (max-width: 991px){
	#mapContainer{width:100%;height:300px;font-size:12px}
	
	
	.lang-selector .lang-box {

  right: -50px;
  width: 250px;

}
	
}				





   .language-item {
          
            align-items: center;
            padding: 6px 8px;
            cursor: pointer;
            border-radius: 4px;
            gap: 5px;
            font-size: 13px;
            color: #333;
			    height: 30px; width:50%; float:left
        }

        .language-item:hover {
            background: #f5f5f5;
        }

        .language-item img {
            width: 16px;
            height: 12px;
            object-fit: cover;
        }