/* HTML5 ✰ Boilerplate
 * ==|== normalize ==========================================================
 */

* { margin:0; padding:0; overflow:hidden; }
html { overflow-x:hidden; overflow-y:scroll; overflow:-moz-scrollbars-vertical; box-sizing:border-box; }
ul,li,dl,dt,dd,ol,label,input,cite,samp { height:auto; text-align:left; float:left; list-style-type:none; text-overflow:ellipsis; outline:none; }
a,a:link,a:visited,a:active { text-decoration:none; blr:expression(this.onFocus=this.blur()); }
table { border-collapse:collapse; border-spacing:0; margin:0 auto; }
a img,img,object,embed { border:0; outline:none; -ms-interpolation-mode:bicubic; vertical-align:middle; }
a,a:hover { color:#555; outline:none; }
dl,ul,li,ol { width:100%; }
p { overflow:visible; }


h1, h2, h3, h4,h5, h6 { font-weight: normal; }
article,aside,details,figcaption,figure,hgroup,section { display:block; }
audio,canvas,video { display:inline-block; *display:inline; *zoom:1; }
audio:not([controls]) { display:none; }
[hidden] { display:none; }

.icon {
 display:inline-block;
 font:normal normal normal 14px/1 FontAwesome;
 font-size:inherit;
 text-rendering:auto;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale;
}

/*
@font-face {
  font-family: "SourceHanSansCN-Regular";
  src: url("Fonts/SourceHanSansCN-Regular.woff2") format("woff2"),
       url("Fonts/SourceHanSansCN-Regular.woff") format("woff"),
       url("Fonts/SourceHanSansCN-Regular.ttf") format("truetype"),
       url("Fonts/SourceHanSansCN-Regular.eot") format("embedded-opentype"),
       url("Fonts/SourceHanSansCN-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
*/

@font-face {
  font-family: "DIN-Regular";
  src: url("Fonts/DIN-Regular.woff2") format("woff2"),
       url("Fonts/DIN-Regular.woff") format("woff"),
       url("Fonts/DIN-Regular.ttf") format("truetype"),
       url("Fonts/DIN-Regular.eot") format("embedded-opentype"),
       url("Fonts/DIN-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "DIN-Bold";
  src: url("Fonts/DIN-Bold.woff2") format("woff2"),
       url("Fonts/DIN-Bold.woff") format("woff"),
       url("Fonts/DIN-Bold.ttf") format("truetype"),
       url("Fonts/DIN-Bold.eot") format("embedded-opentype"),
       url("Fonts/DIN-Bold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

html,a,a:link,a:visited,a:active { font-style:normal; font-weight:normal; font-family: "Source Han Sans", "Microsoft YaHei", "PingFang SC", "NotoSansSC", "Microsoft JhengHei", "Arial"; font-size:10.5pt; line-height:1.6; color:#333; }
font.Title { font-family: "Source Han Sans", "Microsoft YaHei", "PingFang SC", "NotoSansSC", "Microsoft JhengHei", "Arial"; font-size:10.5pt; padding:0 5px; }

span.More,span.small { font-family: "Source Han Sans", "Microsoft YaHei", "PingFang SC", "NotoSansSC", "Microsoft JhengHei", "Arial"; font-size:10px; }

span.large { font-size:22px; }
span.larger { font-size:28px; }
span.x-large { font-size:32px; }
span.medium { font-size:14px; }

[class*="DIN-Regular"] { font-family:DIN-Regular; font-size:24px; text-align:left; }
[class*="DIN-Bold"] { font-family:DIN-Bold; font-size:48px;line-height:1.5; }


::-moz-selection { background-color:#06C; color:#fff; text-shadow:none; }
::selection { background-color:#06C; color:#fff; text-shadow:none; }

a:focus { outline:thin dotted; }
a:hover, a:active { outline:0; }

blockquote { margin:1em 40px; }
abbr[title] { border-bottom:1px dotted; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; }
ins { background:#ff9; color:#000; text-decoration:none; }
mark { background:#ff0; color:#000; font-style:italic; font-weight:bold; }
nav ul, nav ol { list-style:none; list-style-image:none; margin:0; padding:0; }

code,kbd,samp { font-family:monospace, monospace; _font-family:'courier new', monospace; font-size:.5em; }
pre { white-space:pre; white-space:pre-wrap; word-wrap:break-word; word-break:break-all; display:block; }

dfn { font-style:italic; }
small { font-size:85%; }
sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; }
sub { bottom:-0.25em; }
sup { top:-0.5em; }

form,fieldset,figure,legend { border:0; margin:0; padding:0; }
button,input,select,textarea { font-size:100%; margin:0; vertical-align:baseline; *vertical-align:middle; -webkit-appearance: none; border-radius: 0; }
button,input[type="button"],input[type="reset"],input[type="submit"] { line-height:normal; cursor:pointer; -webkit-appearance:button; }
input[type="search"] { -webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance:none; }
input[type="checkbox"],input[type="radio"] { width:12px; height:12px; box-sizing:border-box; }
input[type="Submit"] { text-align:center!important; }

button::-moz-focus-inner,input::-moz-focus-inner { border:0; padding:0; }
textarea { overflow:auto; vertical-align:top; resize:vertical; }
input:invalid, textarea:invalid { background-color:#f0dddd; }
table { border-collapse:collapse; border-spacing:0; }

[class*="FloatDiv"] { position:absolute!important; }

[class*="Alink"] { clear:both; }
[class*="Aligncenter"] { text-align:center!important; }
[class*="Remarks"] { text-align:justify!important; }


[class*="D-Two"] { width:50%!important; position:relative; float:left; }
[class*="D-Three"] { width:calc(100%/3 - .2px )!important; position:relative; float:left; }
[class*="D-Four"] { width:calc(100%/4)!important; position:relative; float:left; }
[class*="D-Five"] { width:calc(100%/5)!important; position:relative; float:left; }


[class*="But_More"] { width:auto; height:50px; font-size:13pt; line-height:52px; text-align:center; color:#666; padding:0 58px 0 28px; border:1px solid #CCC; box-sizing:border-box; display:inline-table; cursor:pointer; position:relative; clear:both; transition:all .5s ease; }
[class*="But_More"]:after { content:""; width:38px; height:50px; position:absolute; top:0; right:18px; z-index:1; transition:all .5s; }
[class*="But_More"]:hover { background-color:#CCC; color:#FFF; transition:all .5s ease; }

[class*="But_More"]:after { background-image:url(../UPIMG/Images/ASlides-4.png); background-repeat:no-repeat; background-position:center; }
[class*="But_More"]:hover:after { background-image:url(../UPIMG/Images/ASlides-2.png); background-repeat:no-repeat; background-position:right center; }


[class*="ReadMore"] { width:180px; height:42px; text-align:center; position:relative; margin:38px auto 18px; padding-left:8px; clear:both; }
[class*="ReadMore"] { font-size:11pt; line-height:42px; background-color:rgba(180,180,180,.2); transition:all .5s; }
[class*="ReadMore"] span { text-align:center; height:42px; display:inline-block; font-size:11pt; line-height:42px; }
[class*="ReadMore"] i.icon { width:39px; height:42px; text-align:center; font-size:13pt; line-height:2.5; transition:all .5s; }
[class*="ReadMore"] i.icon.fa-remove { display:none; font-size:9pt; position:absolute; top:0; right:0; }

[class*="ReadMore"]:hover,[class*="ReadMore"]:hover a,[class*="ReadMore"]:hover i.icon { transition:all .5s; color:#FFF; }
[class*="ReadMore"]:hover i.icon.fa-remove { display:block; line-height:1.5; text-align:center; }
[class*="ReadMore"]:hover i.icon { text-align:right; }



/* IE6 固定样式 prevent screen flash in IE6 */
* html,* html body { background-image:url(about:blank); background-attachment:fixed; } /* 修正IE bug 确保页面滚动时，元素不闪动*/
.fixed-top,.fixed-Links { position:fixed!important; position:absolute; top:120px; right:0px; z-index:9998888; }
.Show-top { position:fixed!important; position:absolute; top:120px; right:0px; display:none; }

.hidden { display:none!important; visibility:hidden; }
.visuallyhidden { border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; }
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus { clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto; }
.invisible { visibility:hidden; }
.clearfix:before, .clearfix:after { content:""; display:table; }
.clearfix:after { clear:both; }
.clearfix { zoom:1; }


/* div#map label { overflow:visible; } */

/* 浮动层客服组件样式 */
#HOTUP { width:50px; background:#333; position:fixed!important; _position:absolute; right:0; top:0; z-index:202002; overflow:visible; }

#HOTUP div.TOPUP { width:48px; position:fixed!important; position:absolute; top:50%; margin-top:-100px; right:0; }
#HOTUP div.TOPUP span { width:28px; height:28px; padding:10px; font-size:14px; line-height:14px; color:#FFF; text-align:justify; display:block; cursor:pointer; }
#HOTUP div.TOPUP a { font-size:14px; line-height:14px; color:#FFF; display:block; }

#HOTUP div.TOPUP img { width:48px; height:48px; background:#FFF; margin-top:2px; z-index:388; }
#HOTUP div.TOPUP img.GETUP { background-image:url(../UPIMG/Images/Icon-09.png); }



/* 标准主图分列设置 */
.IMG_List_3 .list { width:calc(94%/3); display:inline; float:left; position:relative; }
.IMG_List_3 .list + .list { margin-left:calc(6%/2); }
.IMG_List_3 .list + .list:nth-child(3n+1) { margin-left:0; clear:both; }
.IMG_List_3 .list + .list:nth-child(n+3) { margin-top:3%; }
.IMG_List_3 .list + .list:nth-child(-n+3) { margin-top:0; }


.IMG_List_5 .list { width:calc(86%/5); text-align:center; line-height:80px; display:inline-block; float:left; position:relative; }
.IMG_List_5 .list + .list { margin-left:calc(14%/4); }
.IMG_List_5 .list + .list:nth-child(5n+1) { margin-left:0; clear:both; }
.IMG_List_5 .list + .list:nth-child(15n+1) { margin-left:0; }
.IMG_List_5 .list + .list:nth-child(n+6) { margin-top:2.5%; }
.IMG_List_5 .list + .list:nth-child(-n+5) { margin-top:0; }


.IMG_List_8 .list { width:calc(85%/8); display:inline; float:left; position:relative; }
.IMG_List_8 .list + .list { margin-left:calc(15%/7); }
.IMG_List_8 .list + .list:nth-child(3n+1) { margin-left:calc(15%/7); clear:none; }
.IMG_List_8 .list + .list:nth-child(8n+1) { margin-left:0; clear:both; }
.IMG_List_8 .list + .list:nth-child(n+8) { margin-top:calc(12%/7); }
.IMG_List_8 .list + .list:nth-child(-n+8) { margin-top:0; }


.KE_IMG_Show div.show
{ width:100%; height:0; margin:0; padding:0; position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

.KE_IMG_Show div.show img
{ width:100%; height:100%; position:absolute; top:0; left:0; }