/* 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 { outline:none; }
dl,ul,li,ol { width:100%; }
p { overflow:visible; }


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;
}



html,a,a:link,a:visited,a:active { font-style:normal; font-weight:normal; font-family:"微软雅黑","宋体"; font-size:10.5pt; line-height:28px; }
font.Title { font-family:"微软雅黑", "宋体"; font-size:10.5pt; padding:0 5px; }
span.More { font-family:"微软雅黑", "宋体"; font-size:10px; }



::-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; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: .3em 0; padding: 0; }
ins { background:#ff9; color:#000; text-decoration: none; }
mark { background:#ff0; color:#000; font-style: italic; font-weight: bold; }
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; }
q { quotes: none; }
q:before, q:after { content: ""; content:none; }
small { font-size: 85%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
svg:not(:root) { overflow: hidden; }
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; }
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"] { 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*="Both"] { clear:both; }
[class*="Alink"] { }

[class*="Aligncenter"] { text-align:center!important; }
[class*="Color0"] { background-color:#06A!important;color:#FFF; }
[class*="Color1"] { background-color:#E00!important;color:#FFF; }
[class*="Color2"] { background-color:#F60!important;color:#FFF; }
[class*="Color3"] { background-color:#FC0!important;color:#FFF; }
[class*="Color4"] { background-color:#3A1!important;color:#FFF; }
[class*="Color5"] { background-color:#0BE!important;color:#FFF; }
[class*="Color6"] { background-color:#03B!important;color:#FFF; }
[class*="Color7"] { background-color:#A2A!important;color:#FFF; }
[class*="Color8"] { background-color:#222!important;color:#FFF; }
[class*="Color9"] { background-color:#CCC!important;color:#222; }


[class*="D-Two"] { width:49%!important; position:relative; float:left; }
[class*="D-Four"] { width:25%!important; position:relative; float:left; }
[class*="D-Main"] { width:66%!important; position:relative; float:left; }
[class*="D-Three"] { width:33.33333%!important; position:relative; float:left; }
[class*="D-Null"] { padding:0!important; margin:0!important; border:0!important; background:none!important; }

[class*="K-Image"] { width:38.2%!important; position:relative; float:left; }
[class*="K-Ratio"] { width:60%!important; padding-left:1.8%; position:relative; float:right; }

[class*="L-Margin"] { margin-right:0!important; }
[class*="R-Margin"] { margin-right:0!important; float:right!important; }
[class*="Maxwidth"] { width:100%!important; clear:both; }

[class*="CCCtext"] { font:normal normal 9.5pt/25px "宋体"; color:#CCC; }
[class*="Redtext"] { font:normal normal 12px/22px "宋体"; color:#AAA; }
[class*="Redcolor"] { font:normal normal 12px/22px "宋体"; color:#A00!important; }
[class*="Readlink"] { font-family:Arial, Helvetica, "宋体"!important; font-size:12px!important; line-height:20px!important; color:#CCC!important; }
[class*="Keywords"] { font:normal normal 12pt/22px "微软雅黑", "宋体"; color:#F00; padding:0 5px; }

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

div#CloseMenu { width:12px; height:65px; text-align:center; border-radius:50%; position:fixed!important; z-index:28888; }
div#CloseMenu i.icon { width:12px; height:65px; line-height:65px; font-size:16px; background:#DDD; }
div#CloseMenu i.icon:hover { background:#06A; color:#FFF; }


/* IE6 固定样式 prevent screen flash in IE6 */
* html,* html body { background-image:url(about:blank); background-attachment:fixed; /* 修正IE6振动bug 确保滚动条滚动时，元素不闪动*/ }
* html .fixed-top { position:absolute; bottom:auto; top:expression(eval(document.documentElement.scrollTop+120)); }
.fixed-top { 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; }


/* ==|== non-semantic helper classes ======================================== */
.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; }
.clearfix:before, .clearfix:after { content: ""; display:table; }
.clearfix:after { clear:both; }
.invisible { visibility: hidden; }
.clearfix { zoom: 1; }


div#map label { overflow:visible; }



/* 浮动层客服组件样式 */
#particles-js { width:100%; height:100%; position:fixed!important; position:absolute; top:0px; }
#POSITION { width:100%; height:100%; top:0; left:0; display:none; position:fixed!important; position:absolute; background:#000; z-index:38888; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=65); opacity:0.65; }

#HOTDemo { width:58px; display:block; position:fixed!important; _position:absolute;top:50px;left:.2%;z-index:588888; }
#HOTDemo span { cursor:pointer; width:52px; height:28px; display:block; z-index:55; }
#HOTDemo ul { width:32px; height:39px; border:1px solid #DDD; background:rgba(0,100,180,1); margin:2px; padding:7px 5px 3px 8px; border-radius:5px; z-index:288580; }
#HOTDemo ul img,#HOTDemo ul i.icon { width:100%; height:100%; background-size:100% 100%; text-align:center; font-size:28px; line-height:39px; color:#FFF; }

#HOTDemo ul#GetStyle { width:58px; height:58px; padding:0; }
#HOTDemo ul#GetStyle img { width:52px; height:52px; border:0; background:none; }

#HOTDemo ul,#HOTDemo ul a { text-align:center; font:normal normal 10pt/18px "微软雅黑", "宋体"; color:#FFF; }
#HOTDemo ul:hover { background-position-y:-116px; background:#06A; }
#HOTDemo ul:hover i.icon { height:0; font-size:0; line-height:0; display:none; }
#HOTDemo ul:hover a { display:block; }
#HOTDemo ul a { display:none; }



#HOTDemo #GETUP,#PGUPDN #GETDN,#PGUPDN #GETUP { width:50px; height:50px; background:url(/OAction/Images/GetUP.gif) no-repeat -16px top; z-index:520; }
#HOTDemo #GETUP:hover,#PGUPDN #GETUP:hover { background:url(/OAction/Images/GetUP.gif) no-repeat -96px top; }
#PGUPDN #GETDN { background:url(/OAction/Images/GetUP.gif) no-repeat -16px -85px; }
#PGUPDN #GETDN:hover { background:url(/OAction/Images/GetUP.gif) no-repeat -96px -85px; }

#HOTDemo span { margin-left:5px; }
#PGUPDN span { margin-left:15px; }

#PGUPDN { width:68px; position:fixed!important; position:absolute; bottom:0; right:9px; z-index:855; }
#PGUPDN ol,#PGUPDN ul { height:22px; font:normal normal 9.5pt/22px "微软雅黑", "宋体"; margin:0; padding:0; background:#D00; text-align:center; color:#FFF; }
#PGUPDN span { cursor:pointer; width:72px; height:28px; display:block; z-index:855; }
#PGUPDN a { line-height:22px; margin:0; padding:0; background:none; color:#FFF; }

#Body_Bott #PGUPDN a,#PGUPDN ul.HOTAction a { line-height:22px; margin:0; padding:0; background:none; color:#FFF; }
#Body_Bott #PGUPDN ol,#PGUPDN ul.HOTAction { width:58px; height:22px; line-height:22px; margin:0 6px; padding:0; background:#D00; text-align:center; color:#FFF; }


.HOTOnlinkBG { background:#FFF; padding:0 0 25px 120px; }



#ProShow {
width:10%;min-width:158px;padding:8px;border-radius:3px;border:3px solid #DDD;background-color:#FFF;
display:block;position:fixed!important;position:absolute;left:.2%;top:50%;z-index:28880;
transform:translate(0,-50%);
-webkit-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-o-transform:translate(0,-50%);
}

#ProShow h2.Title { width:100%; height:38px; text-align:center; line-height:48px; }
#ProShow h3.ETitle { width:100%; height:32px; text-align:center; font:normal normal 10.5pt/20px Arial; }
#ProShow ul { width:100%; height:30px; text-align:center; }
#ProShow:hover {background-color:#DDD;}
#ProShow:hover ul a,#ProShow:hover h2.Title,#ProShow:hover h3.ETitle { color:#FFF; }
#ProShow:hover ul:hover { background-color:#FFF; }
#ProShow:hover ul:hover a { color:#DDD; }


#FloatStar { width:auto; height:auto; padding:2px; left:0; color:#EEE; position:fixed!important; position:absolute; top:0; z-index:3328588; }
#FloatStar select.Type1 { width:82px; font:normal normal 10.5pt/25px "微软雅黑", "宋体"; margin-left:0; }
#FloatStar select.Type2 { width:95px; font:normal normal 10.5pt/25px "微软雅黑", "宋体"; margin-left:2px; }
#FloatStar ul.Style { width:218px; margin:0 auto 3px; background:rgba(100,100,100,0.2); clear:both; }
#FloatStar ul.Style li,#FloatStar ul.Style li a { width:20%; text-align:center; font:normal normal 12px/25px "微软雅黑", "宋体"; color:#FFF; }
#FloatStar ul.Open label { width:55px; height:22px; background:rgba(100,100,100,.5); text-align:center; padding:2px; }
#FloatStar ul.Open label,#FloatStar ul.Open label a { font:normal normal 9pt/22px "微软雅黑", "宋体"; color:#FFF; }
#FloatStar ul.Open label:hover { background:rgba(0,0,0,1); }

#FloatStar ul.Open { width:190px; clear:both; z-index:20250; }
#FloatStar ul.Open dd { width:12.5%; height:7px; margin-bottom:3px; text-align:center; }
#FloatStar ul.Open img,#FloatStar ul.Open i.icon { width:29px; height:29px; padding:2px; margin:2px 0; border-radius:6px; }
#FloatStar ul.Open img.temp { background:rgba(100,100,100,0.2); padding:3px 6.5px; margin:0; }
#FloatStar ul.Open i.icon { text-align:center; font-size:25px; line-height:28px; float:left; }
#FloatStar ul.Open i.icon:hover { color:#D00; }



/* 浮动层客服组件样式 */
#HOTUP { width:0; display:none; position:fixed!important; _position:absolute; right:0; _top:expression(eval((document.compatMode&&document.compatMode=="CSS1")?documentElement.scrollTop+documentElement.clientHeight-this.clientHeight-1:document.body.scrollTop+document.body.clientHeight-this.clientHeight-1)); z-index:33580; overflow:visible; }

#HOTUP div.TOPUP { width:50px; position:fixed!important; position:absolute; top:expression(eval(document.documentElement.scrollTop+200)); top:150px; right:5px; }
#HOTUP div.TOPUP span { width:100%; height:28px; font:normal bold 20pt/28px Arial; color:#FFF; text-align:center; display:block; cursor:pointer; }
#HOTUP div.TOPUP span#GETUP { background:url(/OAction/Images/HOTUP.png) no-repeat center top; }
#HOTUP div.TOPUP span#GETUP:hover { background-position-y:bottom; }
#HOTUP div.TOPUP div#Float0 { width:0; height:0; top:0; display:none; }
#HOTUP div.TOPUP div li { height:20px; margin:0; padding:0; cursor:pointer; }

#HOTUP div.TOPUP img { width:50px; height:50px; background:#FFF; background-repeat:no-repeat; background-position:center; background-size:cover; margin:2px 0; }

#HOTUP div.TOPUP img.Reply { background-image:url(/OAction/Images/I-Reply.png); }
#HOTUP div.TOPUP img.QRcode { background-image:url(/OAction/Images/Rcode.png); }
#HOTUP div.TOPUP img.QQlink { background-image:url(/OAction/Images/I-QQ.png); }
#HOTUP div.TOPUP img.QQnull { background-image:url(/OAction/Images/I-QU.png); }

#HOTUP div.GETUP-QRcode { width:150px; position:fixed!important; position:absolute; top:150px; right:52px; }
#HOTUP div.GETUP-QRcode img { width:120px; height:120px; background:#FFF; padding:8px; z-index:78; }

#HOTUP div.GETUP-Onlink { width:136px; height:300px; position:fixed!important; position:absolute; top:152px; right:66px; z-index:68; }
#HOTUP div.GETUP-Onlink label,#HOTUP div.GETUP-Onlink a { font:normal normal 10.5pt/22px "微软雅黑", "宋体"; float:left; padding-left:5px; cursor:pointer; }
#HOTUP div.GETUP-Onlink img { width:22px; height:22px; float:left; border:0; margin:0; }
#HOTUP div.GETUP-Onlink div { width:auto; height:auto; padding:18px; }
#HOTUP div.GETUP-Onlink div.div2 { background:#FFF; }
#HOTUP div.GETUP-Onlink div.div2 label { font:normal normal 9.5pt/25px "宋体"; }
#HOTUP div.GETUP-Onlink div p { width:100%; clear:both; }

#HOTUP div.GETUP-OnReply { width:180px; height:200px; position:fixed!important; position:absolute; top:160px; right:0; z-index:68; padding:50px 70px 20px 20px; }
#HOTUP div.GETUP-OnReply div { width:180px; height:200px; font:normal normal 10.5pt/22px "微软雅黑", "宋体"; }
#HOTUP div.GETUP-OnReply ul { width:180px; height:25px; }
#HOTUP div.GETUP-OnReply input { width:115px; height:15px; }
#HOTUP div.GETUP-OnReply label { width:60px; height:20px; float:left; color:#FFF; }
#HOTUP div.GETUP-OnReply textarea { width:180px; height:70px; padding:6px; }
#HOTUP div.GETUP-OnReply .Submit { width:115px; height:22px; text-align:center; float:right; }



#WapMenu {
	width:38px; height:38px; padding:27px; z-index:2018888; display:none;
	position:fixed!important; position:absolute; top:0; right:0;
}

#WapMenu span {
	width:100%; height:3px; margin:9px 0!important; background:#CCC;
	display:inherit; transition:.5s;
}

#WapMenu span.open:nth-child(1){ transform:rotate(45deg) translate(8.5px,8.5px); }
#WapMenu span.open:nth-child(3){ transform:rotate(-45deg) translate(8.5px,-8.5px); }
#WapMenu span.open:nth-child(2){ opacity:0 }



/* ==|== media queries ====================================================== */
@media only screen and (max-width:768px) {
#WapMenu { display:block; }

#Frame_X,#Frame_Y,#Frame_Z,.Frame_StyleCss { background-attachment:scroll!important; background-size:auto 100%!important; background-repeat:repeat!important; }
#HOTUP,#HOTUP div.TOPUP { width:33px; height:auto; }
#HOTUP div.TOPUP img { width:31px; height:31px; margin:0; padding:0; }
#HOTUP div.GETUP-QRcode { width:128px; top:148px; right:35px; margin:0; padding:0; }
#HOTUP #GETUP { width:31px; height:28px; background-position:-20px top; }
#HOTUP #GETUP:hover { background-position:-100px top; }

ul.H_Title span { padding:3px 12px!important; }
}