@charset "utf-8";

@font-face {
    font-family: 'DINRegular';
    src: url('/font/din-regular-webfont.eot');
    src: url('/font/din-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/font/din-regular-webfont.woff') format('woff'),
         url('/font/din-regular-webfont.ttf') format('truetype'),
		 url('/font/din-regular-webfont.otf') format('otf'),
         url('/font/din-regular-webfont.svg#DINRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


body { margin-left: 0px; margin-top: 20px;	margin-right: 0px; margin-bottom: 0px; background-color: #F7F7F7; font-family: 'DINRegular', Arial, Helvetica, sans-serif; }
a:hover { color: #ffffff; }
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; }

.all{ margin:0px auto; overflow:hidden; }

.footnotes { font-size: 12px; border-top: 0px solid #D18E90; font-weight: normal; display: inline-block; vertical-align: top; }
.footnotes a { border-top: 0px solid #fff; vertical-align: top; }
.footnotes a:hover { border-top: 0px solid #D18E90; vertical-align: top; }
.footnotestext { font-size: 14px; color: #888888; line-height:18px; }
.footnotestext a { color: #888888; }
.footnotestext a:hover { color: #D18E90; }
.footsign { font-size: 18px; color: #ff0000;}

.tooltip { position: relative; display: inline-block; }
.tooltiptext { 
  visibility: hidden; opacity: 0; 
  position: absolute; bottom: 120%; left: 50%; transform: translateX(-50%);
  background: #D18E90; color: white; line-height: 14px; padding: 6px 8px; border-radius: 2px;
  white-space: nowrap; z-index: 10;
  transition: opacity 0.2s;
}
.tooltip:hover .tooltiptext { visibility: visible; opacity: 0.9; }


.bannericon img { width: 600px; }

.divlogo { width: 100%; text-align: center; }
.divlogo img { width: 200px; height: 74px; padding: 60 0 50 0; }
.divlogobottom img { width: 100px; height: 37px; padding-bottom: 30px; }

.gray1288 { font-size: 12px; color: #888888; line-height:16px; padding-bottom: 25px; }
.gray1288 a { color: #888888; }
.gray1288 a:hover { color: #D18E90; }
.gray1488 { font-size: 14px; color: #888888; line-height:24px; }
.gray1888b { font-size: 24px; color: #888888; line-height:30px; font-weight: bold; }
.StandardC10 { font-size: 10px; color: #D18E90; line-height:14px; }
.StandardC14 { font-size: 14px; color: #D18E90; line-height:16px; }

.white14 { font-size: 14px; color: #fff; line-height:20px; }
.white14 a { font-size: 14px; color: #fff; line-height:20px; }
.white14 a:hover { font-size: 14px; color: #D18E90; line-height:20px; }

.white30b { font-size: 30px; color: #fff; line-height:48px; font-weight: bold; }
.white30 { font-size: 30px; color: #fff; line-height:36px; }


.aboutdiv { width: 100%; display: flex; position: relative; padding-bottom: 40px; }
.aboutl { width: 45%; padding-left: 16%; }
.aboutl article { font-size: 16px; line-height: 24px; color: #555555; }
.aboutl article b { font-size: 18px; color: #555555; font-weight: bold; }
.aboutl article s { font-size: 12px; color: #D18E90; text-decoration-line: none; }
.aboutl article t1 { display: flex; position: relative; line-height: 18px; }
.aboutl article t1 t2 { font-size: 12px; color: #D18E90; padding: 120px 25px 0 0; }
.aboutl article t1 t2 t3{ font-size: 16px; color: #D18E90; font-weight: bold; }
.aboutr { width: 35%; font-size: 14px; color: #fff; position: relative; justify-content: center; }
.aboutr figure { font-size: 14px; color: #fff; justify-content: center; }
.aboutr figure f { position: absolute; text-align: center; padding-top: 51px; width: 100%; margin-left: auto; margin-right: auto; }
.aboutr figure f b { font-size: 30px; color: #fff; }
.aboutr figure f m { font-size: 20px; color: #fff; }
.aboutr figure img { width: 100%; height: 120%; position: absolute; }
.aboutr figure f2 { position: absolute; text-align: center; bottom: 0; width: 100%; margin-left: auto; margin-right: auto; }


.servicediv { width: 100%; background-color: #DDDDDD; }
.servicea {width: 80%; padding-left: 16%; padding-top: 60px; }
.servicea tit { font-size: 30px; line-height: 36px; color: #D18E90; }
.servicea t1 { display: flex; position: relative; padding-top: 20px; }
.servicea t1 t2 { padding-right: 20px; width: 25%; }
.servicea t1 t2 t3 { font-size: 16px; line-height: 30px; color: #D18E90; font-weight: bold; }
.servicea t1 t2 t4 { font-size: 14px; line-height: 20px; color: #555555; font-weight: bold; }
.servicea t1 t2 t5 { font-size: 14px; line-height: 14px; color: #D18E90; font-weight: normal; }
.servicea t1 t2 t6 { font-size: 12px; line-height: 14px; color: #999999; font-weight: normal; }
.serviceb { padding-left: 16%; padding-top: 40px; padding-bottom: 100px; }
.serviceb t1 { display: flex; position: relative; }
.serviceb t1 t2 { padding-right: 60px; }
.serviceb t1 t2 t3 { font-size: 16px; line-height: 30px; color: #D18E90; font-weight: bold; }
.serviceb t1 t2 t4 { font-size: 14px; line-height: 24px; color: #555555; font-weight: normal; }
.serviceb t1 t2 t5 { font-size: 24px; line-height: 36px; color: #D18E90; font-weight: normal; }
.serviceb t1 t2 t6 { font-size: 14px; line-height: 24px; color: #555555; font-weight: normal; }
.serviceb t1 t2 t7 { font-size: 14px; line-height: 18px; color: #555555; font-weight: bold; }

.servicec { width: 100%; display: flex; position: relative; font-size: 14px; color: #fff; justify-content: center; padding-bottom: 380px; }
.servicec img { width: 100%; object-fit: cover; position: absolute; text-align: center; justify-content: center; }
.servicec figure { background-color: #D18E90; opacity: 0.75; width: 30%; left: 16%; justify-content: center; position: absolute; text-align: center; margin-left: auto; margin-right: auto; margin-top: -50px; align-items: center; }
.servicec figure f { font-size: 24px; letter-spacing: 6px; color: #fff; display: flex; text-align: center; justify-content: center; margin-left: auto; margin-right: auto; padding-top: 30px; }
.servicec figure f1 { display: flex; position: relative; text-align: center; justify-content: center; margin-left: auto; margin-right: auto; }
.servicec figure f1 f2 { font-size: 16px; color: #fff; line-height: 30px; padding: 20 20 30 20; }


.divw { width: 100%; }
.divpic1 { background-color: #fff; padding: 50 0 60 0; }
.divpic1 img { width: 68%; display: flex; position: relative; text-align: center; justify-content: center; margin-left: auto; margin-right: auto; filter: saturate(75%); }
.divpic2 { background-color: #dddddd; padding: 30 0 30 0; }
.divpic2 img { width: 68%; padding-top: 8px; display: flex; position: relative; text-align: center; justify-content: center; margin-left: auto; margin-right: auto; }
.divpic3 { background-color: #fff; padding: 30 0 30 0; }
.divpic3 img { width: 68%; display: flex; position: relative; text-align: center; justify-content: center; margin-left: auto; margin-right: auto; }
.divpic4 { background-color: #dddddd; padding: 30 0 30 0; }
.divpic4 img { width: 68%; display: flex; position: relative; text-align: center; justify-content: center; margin-left: auto; margin-right: auto; }
.divpic5 { background-color: #dddddd; }
.divpic5 img { width: 100%; display: flex; position: relative; text-align: center; justify-content: center; margin-left: auto; margin-right: auto; }
.divpic6 { background-color: #dddddd; padding: 5 0 15 0; }
.divpic6 img { width: 68%; padding-top: 15px; display: flex; position: relative; text-align: center; justify-content: center; margin-left: auto; margin-right: auto; }

.bottomtable { width: 68%; text-align: center; border: 0; align-content: center; padding: 0; margin-left: auto; margin-right: auto; padding-top: 40px; }
.wechat img{ width: 90px; }


/* 声明模态框的基本样式 */
.modal {
  display: none; /* 默认隐藏 */
  position: fixed; /* 固定定位 */
  z-index: 1; /* 置于顶层 */
  left: 0;
  top: 0;
  width: 100%; /* 宽度100% */
  height: 100%; /* 高度100% */
  overflow: auto; /* 启用滚动条 */
  background-color: rgb(0,0,0); /* 背景颜色 */
  background-color: rgba(0,0,0,0.4); /* 背景颜色带透明度 */
}

/* 声明模态内容框样式 */
.modal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% 从顶部和自动水平居中 */
  padding: 12 20 20 20;
  border: 1px solid #dddddd;
  border-radius: 4px;
  width: 86%; /* 可调整宽度 */
}

/* 声明关闭按钮样式 */
.close { color: #D18E90; float: right; font-size: 24px; }
.close:hover, .close:focus { color: black; text-decoration: none; cursor: pointer; }

/* 返回顶部按钮 */
#backToTop {
  position: fixed;
  bottom: 60px;   right: 20px;
  width: 24px; height: 24px;
  border: 1px;
  border-radius: 9px;
  font-size: 16px; color: #999;
  display: none; /* 初始不显示 */
}

/* 鼠标经过图片显示文字 */
.image-container {
    position: relative;
	display: flex;
    justify-content: center; /* 水平居中 */
	
}
.overlay {
    position: absolute;
    top: 1;
    background: rgba(209, 142, 144, 0.9); /* 半透明背景 */
	border-radius: 6px 6px 6px 6px;
	font-size: 14px;
    color: #fff; /* 文字颜色 */
	padding: 15 20px;
    display: flex;
    justify-content: center; /* 水平居中 */
    opacity: 0; /* 初始透明度为0，即隐藏文字 */
    transition: opacity 0.5s ease; /* 过渡效果 */
}
.image-container:hover .overlay {
    opacity: 1; /* 鼠标经过时显示文字 */
}

	 #imageContainer {
            display: none; /* 初始时不显示图片 */
        }
        #imageContainer img {
            width: 100%; /* 根据需要调整图片大小 */
            max-width: 300px; /* 最大宽度 */
        }





@media (max-width: 800px) {
.bannericon img { width: 96%; }
.white30b { font-size: 24px; color: #fff; line-height:36px; font-weight: bold; }
.white30 { font-size: 24px; color: #fff; line-height:30px; }
	
.aboutdiv { width: 100%; flex-direction: column; }
.aboutl { width: 96%; padding-left: 15px; }
.aboutl article t1 { padding-bottom: 30px; }
.aboutl article t1 t2 t3{ font-size: 15px; }
.aboutr { width: 100%; height: 550px; display: flex; margin-left: auto; margin-right: auto; left: -50%; }

.servicediv { padding-top: 80px; }
.servicea { width: 96%; padding-left: 15px; }
.servicea t1 t2 { padding-right: 10px; }
.serviceb { padding-left: 15px; padding-bottom: 80px; }
.serviceb t1 { flex-direction: column; }
.serviceb t1 t2 { padding-right: 0px; padding-bottom: 20px; }
.serviceb t1 t2 t3 { font-size: 14px; line-height: 24px; }

.servicec { padding-bottom: 0px; }
.servicec img { width: 100%; height: 35vh; }
.servicec figure { width: 86%; left: 0px; position: relative; justify-content: center; text-align: center; justify-content: center; }
.servicec figure f { font-size: 20px; }
.servicec figure f1 f2 { font-size: 14px; padding: 20 5 20 5; }

.divpic1 { padding: 50 0 30 0; }
.divpic1 img { width: 90%; }
.divpic2 { padding: 20 0 20 0; }
.divpic2 img { width: 90%; padding-top: 3px; }
.divpic3 { padding: 20 0 10 0; }
.divpic3 img { width: 90%; }
.divpic4 { padding: 20 0 20 0; }
.divpic4 img { width: 90%; }
.divpic6 img { width: 90%; }

.bottomtable { width: 90%; padding-top: 30px; }
.wechat img{ width: 60px; }

.footnotes { font-size: 10px; border-top: 0px solid #fff; font-weight: normal; display: inline-block; vertical-align: top; }
.footnotes a { border-top: 0px solid #fff; }
.footnotes a:hover { border-top: 0px solid #D18E90; }
.footnotestext { font-size: 11px; color: #888888; line-height:14px; }
.footsign { font-size: 14px; color: #ff0000;}

.gray1488 { font-size: 13px; color: #888888; line-height:18px; }
.gray1888b { font-size: 18px; color: #D18E90; line-height:24px; font-weight: bold; }

.StandardC14 { font-size: 11px; color: #D18E90; line-height:14px; }


.overlay {
	font-size: 12px;
	padding: 10 15px;
}

}