@charset "utf-8";
/* 专属的CSS固定样式E00,F60,FC0,051,08B,051,A0E,222 */
/* 橙色 #F60 #D60 #D40 */
/* 黄色 #D90 #FC0 #B93 #A80 */
/* 绿色 #085 #0A7 #1A8 #105A2D */
/* 青色 #09C #08B #57A */
/* 蓝色 #039 #08B #57A */
/* 紫色 #73A #63A */


html,#TOP_SiteLogo { background:#FFF url(7CMF/WGT6.jpg) no-repeat top center; background-attachment:fixed; }
#HOTBody { width:100%; position:absolute; padding-top:90px; z-index:18; }

#HOTMain { width:100%; min-width:1280px; height:auto; margin:128px auto 32px; clear:both; }
#HOTMain.Style { width:100%; min-width:1280px; height:auto; margin:78px auto 32px; clear:both; }


/* 全站通用样式设置 */
#TOP_SiteLogo { width:100%; height:61px; position:fixed!important; position:absolute; top:0; left:0; z-index:2023; }
#TOP_SiteLogo div#HOTShow { width:auto; height:50px; text-align:right; position:fixed!important; position:absolute; top:8px; right:8px; z-index:2058; }
#TOP_SiteLogo div#HOTShow p,#TOP_SiteLogo div#HOTShow a,#TOP_SiteLogo div#HOTShow a:hover { font:normal normal 12.5pt/42px "微软雅黑", "宋体"; padding:0 8px; color:#FFF; }
#TOP_SiteLogo div#HOTShow span { font:normal normal 13pt/22px "微软雅黑", "宋体"; }

#TOP_SiteLogo div#HOTShow dt { width:auto; height:48px; text-align:center; font:normal normal 12.5pt/42px "微软雅黑", "宋体"; color:#FFF; }
#TOP_SiteLogo div#HOTShow dt img { width:42px; height:42px; float:left; margin-right:3px; }
#TOP_SiteLogo div#HOTShow dt.QQloading img { width:90px; height:32px; padding-left:19px; margin-top:6px; }

#TOP_SiteLogo #Logo { width:236px; height:98px; position:fixed!important; position:absolute; text-align:center; z-index:388; }
#TOP_SiteLogo #Logo,#TOP_SiteLogo #Logo a { font:normal normal 9pt/18px Arial; color:#FFF;}
#TOP_SiteLogo #Logo img { width:180px; height:60px; padding:0; }
#TOP_SiteLogo #Logo.QQloading img { width:48px; height:48px; float:left; margin:7px 25px; border-radius:50%; }
#TOP_SiteLogo #Logo.QQloading li { width:136px; height:50px; float:left; margin-top:12px; }
#TOP_SiteLogo #Logo.QQloading li span.Star { font:normal normal 12pt/28px Arial; }


#TOP_SiteNav { width:100%; height:60px; background:rgba(0,100,180,.5); border-bottom:1px solid #5AD; position:fixed!important; position:absolute; top:0; z-index:118; }
#TOP_SiteNav menu { width:auto; height:50px; text-align:left; padding-left:280px; padding-top:12px; transition:all .5s; }
#TOP_SiteNav menu,#TOP_SiteNav menu * { font:normal normal 12.5pt/50px "微软雅黑", "宋体"; color:#FFF; }
#TOP_SiteNav menu span,#TOP_SiteNav menu span.GetData { padding:0 18px; }
#TOP_SiteNav menu span:hover a { font-weight:bold; }

#TOP_SiteNav menu span.GetData,#TOP_SiteNav menu span.GetData a { font:normal normal 10.5pt/50px "微软雅黑", "宋体"; }
#TOP_SiteNav menu span.GetHome,#TOP_SiteNav menu span.GetHome a { letter-spacing:3px; }

#TOP_SiteNav menu span.Home,#TOP_SiteNav menu span.H0755 { display:none; }
#TOP_SiteNav menu span.Item { padding-right:28px; }
#TOP_SiteNav menu span.ItemOver { padding-right:28px; }

#TOP_SiteLogo.fixed #TOP_SiteNav menu { height:0; transition:all .5s; }
#TOP_SiteLogo:hover #TOP_SiteNav { background:rgba(0,100,180,1); }


#TOPSearchs { z-index:20161008; margin:8px; }
#TOPSearchs input { width:180px; height:26px; font:normal normal 11pt/28px "微软雅黑", "宋体"; background:rgba(255,255,255,0.9); border:0; padding:3px 8px; }
#TOPSearchs input.Submit { width:80px; height:32px; margin-left:1px; text-align:center; cursor:url(/OAction/KEditor/ShuLink.cur),default; }


#MenuType { width:80px; height:auto; color:#FFF; position:fixed!important; position:absolute; top:120px; left:20%; margin-left:-85px; z-index:2023; }
#MenuType ul { width:100%; height:80px; padding:5px; text-align:center; background-color:rgba(0,0,0,.3); box-sizing:border-box; border-radius:50%; margin-top:12px; }
#MenuType ul:hover { background-color:rgba(0,100,180,.8); transition:all .5s; }
#MenuType ul:hover img { transform: rotateY(360deg); /* rotate(360deg) */ }
#MenuType a { font-size:inherit; line-height:inherit; color:inherit; }
#MenuType img { width:100%; height:100%; transition:all .5s ease; }

#Body_Content.Main_Content,#Body_Groups.Main_Content { margin-top:5px; }
#Body_Content [id^=Author_tags] { background-color:rgba(255,255,255,0); }
#Body_Content [id^=Body_Pics],#Body_Content [id^=Body_Videos],#Body_Content [id^=Reading] { max-width:1280px; margin:0 auto; }
#Body_Content [class^=PicBox],#Body_Content [id^=Body_Pages] { max-width:1280px; text-align:center; margin:15px auto 35px; }
#Pros_List .Averages,#Pros_List .Boxstyle,#Pros_List .ItemBox { background-color:rgba(255,255,255,.5); }


/* background:url(/Style/Images/MA.png) repeat; */
#DemoMain,#DemoList,div.Main_Content,div.Grouping { width:100%; min-width:1080px; max-width:1500px; box-sizing:border-box; margin:0 auto 36px; clear:both; }
#DemoMain { border-top-left-radius:18px; border-top-right-radius:18px; margin-top:28px; }

#DemoMain li { width:23%; height:35px; margin:2px .5%; padding-left:1%; position:relative; }
#DemoMain li.Bold,#DemoMain li:after { background-color:rgba(0,100,188,.8); border-radius:2px; }

#DemoMain li:after { width:0; height:100%; left:0; content:""; position:absolute; z-index:1; }
#DemoMain li:hover:after { width:100%; height:100%; left:0; }

#DemoMain li a { height:28px; font:normal normal 11.5pt/35px "微软雅黑", "宋体"; position:absolute; z-index:3;  }
#DemoMain li a font { font:normal normal 11.5pt/35px Arial, Helvetica, sans-serif; padding:5px; }
#DemoMain li:hover a,#DemoMain li.Bold a { color:#FFF; font-weight:bold; }

#DemoMain li a span font { font:italic bold 12pt/32px Arial; letter-spacing:0; padding:3px; }


div.MaskBox { width:25%; height:auto; text-align:center; font:normal normal 11.5pt/32px "微软雅黑", "宋体"; margin-top:8px; float:left; position:relative; clear:none; }
div.MaskBox ul.MaskBox { width:99%; height:100px; text-align:center; font:normal normal 11.5pt/32px "微软雅黑", "宋体"; border-radius:3px; }
div.MaskBox ul.MaskBox img.ICO { width:75px; height:75px; padding:6px; margin:6px; float:left; }
div.MaskBox ul.MaskBox:hover { background:rgba(18,66,128,0.8); }

div.MaskBox dl { width:auto; text-align:left; position:absolute; left:110px; }
div.MaskBox dl dt { width:100%; height:40px; font:normal bold 13pt/52px "微软雅黑", "宋体"; }
div.MaskBox dl dd { width:100%; height:58px; text-align:left; font:normal normal 10pt/21px Arial, "微软雅黑", "宋体"; margin:8px 0 0; float:left; padding:0; }
div.MaskBox dl dd select { width:70%; height:22px; margin:0; float:left; padding:0; }

div.MaskBox ul.MaskBox:hover dl dt,div.MaskBox ul.MaskBox:hover dl dd { color:#FFF; }
div.MaskBox ul.MaskBox:hover img.ICO { background-color:#FFF; border-radius:8px; }


ol.TempBox { width:calc(95%/3); height:auto; margin-top:12px; float:left; position:relative; }
ol.TempBox + ol.TempBox { margin-left:calc(5%/2); margin-right:calc(5%/2); }
ol.TempBox + ol.TempBox:nth-child(n+2) { margin-right:0; }
ol.TempBox + ol.TempBox:nth-child(3n+1) { margin-left:0; margin-right:0; clear:both; }

ol.TempBox dt,ol.TempBox dd { width:100%; height:66px; font:normal normal 10.5pt/22px "微软雅黑", "宋体"; margin:0; position:relative; clear:none; }
ol.TempBox dt { font-size:13.5pt; line-height:90px; }

ol.TempBox ul.WebUrl { width:96%; min-width:280px; height:0; padding-bottom:65%; float:left; position:relative; transition:all .5s; }
ol.TempBox:hover ul.WebUrl {
	-webkit-box-shadow:0 5px 15px #AAA;
	-moz-box-shadow:0 5px 15px #AAA;
	box-shadow:0 5px 15px #AAA;
	transition:all .5s;
  }

ol.TempBox ul.WebUrl div.show { width:100%; height:100%; background-color:#FFF; box-sizing:border-box; }

ol.TempBox ul.WebUrl img { width:100%; height:auto; position:absolute; left:0; top:0; }
ol.TempBox ul.WebUrl:hover img { top:-380px; }
ol.TempBox ul.WebUrl img,ol.TempBox ul.WebUrl:hover img
{ -webkit-transition: all 3.5s ease; -moz-transition: all 3.5s ease; -o-transition: all 3.5s ease; transition: all 3.5s ease; }

ol.TempBox ul.WapUrl { width:17%; height:35%; padding:10px 5px 20px; background-color:#FFF; border:1px solid #DDD; border-radius:9px; position:absolute; top:30%; right:0; z-index:18; }
ol.TempBox ul.WapUrl img { width:100%; height:100%; float:left; }

ul.WapUrl div.GetWap { width:calc(100% - 10px); height:0; background:rgba(0,0,0,0); position:absolute; left:6px; }
ul.WapUrl:hover div.GetWap { height:calc(100% - 30px); background:rgba(0,0,0,.5); font:normal normal 13.5pt/420px "微软雅黑", "宋体"; pointer-events:none; }
ul.WapUrl:hover div.GetWap img { width:60px; height:60px; position:absolute; left:50%; top:50%; margin-top:-30px; margin-left:-30px; }

ul.WapUrl:hover div.GetWap a {
poorfish:expression(this.onclick=function kill(){return false}) /*禁止超链接*/
}

ul.WebUrl div.GetDemo { width:100%; height:0; background:rgba(0,0,0,.6); position:absolute; left:0; bottom:0; z-index:12; }
ul.WebUrl:hover div.GetDemo { width:100%; height:58px; font:normal normal 13.5pt/420px "微软雅黑", "宋体"; left:0; }
ul.WebUrl:hover div.GetDemo dd { height:52px; color:#FFF; position:absolute; padding:9px 3%; }
ul.WebUrl:hover div.GetDemo dd a { color:#FFF; }


ol.TempBox dd span,div.MaskBox dl dd span { font:italic bold 15pt/21px Arial, "微软雅黑", "宋体"; }

.Demotext font { font-size:22pt; font-weight:bold; line-height:2; color:#D00; padding:0 12px; }
.Demotext span { font-size:12px; font-weight:normal; line-height:1.2; color:#999; }
.Demotext h1 { font-size:39px; font-weight:normal; line-height:3; }

.Demotext,.Demobtn { width:1100px; height:auto; text-align:center; font-size:12pt; position:relative; margin:12px auto; }
.Demobtn a { width:20%; height:52px; font-size:13.5pt; line-height:52px; text-align:center; color:#FFF; background-color:#06A; border-radius:6px; margin:8px 1%; display:inline-block; }
.Demobtn a i.icon { height:52px; font-size:15pt; line-height:52px; }


/*滚动条整体样式*/
#DemoShow { width:98%; max-width:1080px; height:660px; box-sizing:border-box; border:32px solid rgba(255,255,255,.5); border-bottom-width:80px; border-radius:16px; margin:0 auto; position:relative; transition:all .3s; }
#DemoShow:hover { border-color:rgba(0,0,0,1); transition:all .3s; }
#DemoShow div.OScroll { width:100%; height:100%; position:relative; }
#DemoShow div.OScroll img { width:100%; margin:0 auto; transition: all 3s ease; }
#DemoShow div.OScroll ul { width:100%; height:100%; overflow-y:auto; }

#DemoShow div ul::-webkit-scrollbar-track { background:rgba(0,0,0,.2); -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.5);}/*滚动条的轨道*/
#DemoShow div ul::-webkit-scrollbar-thumb { background:rgba(0,0,0,.5); -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,1);}/*滚动条的小方块*/
#DemoShow div ul::-webkit-scrollbar-thumb { -webkit-border-radius:2em; -moz-border-radius:2em; border-radius:2em; }
#DemoShow div ul::-webkit-scrollbar { width:12px; height:12px; }/*高宽对应横竖尺寸*/


#Demobtn,#ShowBoxs { width:100%; transition:all .5s; z-index:2019; }
#Demobtn.fixed { position:absolute; position:fixed !important; top:28px; transition:all .5s; }
#Demobtn.fixed .Demobtn a { margin:0 1%; }
#ShowBoxs { height:calc(100vh); }
#ShowBoxs.fixed { height:calc(85vh); padding-top:100px; }


/* */
#Body_Null { width:96%; min-width:1080px; min-height:450px; background:url(/Style/Images/Null_Word.png) no-repeat center; margin:52px auto 18px; clear:both; }
#DivSearchs { width:520px; height:39px; background:rgba(0,0,0,0.7) url(/UPIMG/7CMF/TWO.png) no-repeat center 12px; border-radius:12px; position:fixed !important; position:absolute; margin-top:-128px; padding:220px 30px 20px; z-index:20161008; display:none; }
#DivSearchs ul { width:480px; height:39px; color:#FFF; margin:0; padding:0; }
#DivSearchs label { width:80px; height:32px; text-align:center; font:normal normal 12pt/30px "微软雅黑", "宋体"; color:#FFF; margin-top:6px; }
#DivSearchs label.Red { background:rgba(225,0,0,1); }
#DivSearchs label.Blu { background:rgba(5,5,255,1); }
#DivSearchs input { width:390px; height:26px; font:normal normal 12pt/28px "微软雅黑", "宋体"; background:rgba(255,255,255,0.9); border:0; margin-left:6px; padding:8px; }
#DivSearchs input.Submit { width:98px; height:42px; text-align:center; cursor:url(/OAction/KEditor/ShuLink.cur),default; }


/* 焦点图片交互式切换展示效果 */
#AMagics { height:auto; margin:128px auto 0; }
#AMagics #MagicDiv { height:auto; margin:0 auto; overflow:visible; position:relative; }
#AMagics #MagicDiv .MagicImg { height:auto; position:absolute; overflow:visible; z-index:99; }
#AMagics #MagicDiv .MagicImg .leftimg,#AMagics #MagicDiv .MagicImg .rightimg{ height:auto; left:-999em; position:absolute; top:0; z-index:99; }
#AMagics #MagicDiv .MagicBut { height:46px; bottom:0; left:50%; z-index:99; position:absolute; }

#AMagics #MagicDiv .MagicBut li { width:88px; height:46px; text-align:center; float:left; }
#AMagics #MagicDiv .MagicBut li .pointer { width:88px; height:46px; display:block; cursor:pointer; }
#AMagics #MagicDiv .MagicBut li .pointer .ico{ width:46px; height:46px; margin:0 auto; display:block; }
#AMagics #MagicDiv .MagicBut li .pointer.active .ico,#AMagics #MagicDiv .MagicBut li .pointer .ico:hover{ background-position:0 -46px; }

#AMagics #MagicDiv .MagicImg .rightimg { text-align:right; -webkit-transform:translate(0,0) rotate(0); }
#AMagics #MagicDiv img { height:100%; background-image:url(***.png)!important; background-image:url(/Style/Images/IMG.gif); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src="***.png", enabled=true, sizingMethod=scale); }



/* 焦点图片交互式切换展示效果 */
#AMagics { height:520px; }
#AMagics #MagicDiv { width:1100px; height:500px; margin:0 auto; }
#AMagics #MagicDiv .MagicImg .leftimg,#AMagics #MagicDiv .MagicImg .rightimg{ width:1100px; height:500px; }
#AMagics #MagicDiv .MagicBut { width:440px; bottom:0; left:50%; margin-left:-220px; }



/*时间轴滚动代码history*/
.nav-box { width:980px; height:58px; font:normal bold 25pt/65px "微软雅黑", "宋体"; text-indent:60px; letter-spacing:20px; margin:0 auto; }
.history { width:980px; margin:0 auto; background:url(/Style/Images/line01.png) repeat-y 128px 0; overflow:hidden; position:relative;}

.history-date ol { width:158px; height:45px; text-align:center; background:url(/Style/Images/icon01.png) no-repeat 121px 12px; }
.history-date ol a { font:normal bold 15pt/58px "微软雅黑", "宋体"; display:inline-block; *display:inline; zoom:1; }
.history-date ol a:hover { text-decoration:none;}

.history-date dl { width:980px; float:right; }
.history-date dl dd { width:830px; float:right; }
.history-date dl dt { width:110px; text-align:right; font:normal normal 13pt/28px "微软雅黑", "宋体"; }




/*同屏滚动的代码*/
#RollBox { height:100%; overflow:hidden; position:relative;}
#RollBox div.RMain { color:#fff;font-size:50px;width:100%;text-align:center; position:relative;}
#RollBox div.RMain div.Nbox { width:1080px; position:absolute; top:0; left:50%; margin-left:-590px; }

#RollNum { width:28px; height:auto; position:absolute; right:8px; bottom:6px; z-index:999;}
#RollNum li { width:23px; height:23px; border-radius:50%; font:normal normal 12px/22px Arial; margin:3px; text-align:center; cursor:url(/DemoVIP/Data/KEditor/ShuLink.cur),default; }
#RollNum li.on { background:#1A407F; color:#FFF; font-weight:bold; }