@charset "utf-8";
/* 层渐变 */
#QQloading ul.Left label,#QQloading ul.Left label:hover,#QQloading div#AEteam,#QQloading div#AEteam.Null,
#ULoading,#ULoading:hover,#ULoading.Open,#ULoading label,#ULoading label:hover,#ULoading input.Submit,#ULoading input:hover.Submit,
#TOP_SiteLogo #TOP_SiteNav,#TOP_SiteLogo:hover #TOP_SiteNav,#ULoading .Loading:hover,#DemoMain li,#DemoMain li:hover,#DemoMain li:after,#DemoMain li:hover:after,
div.MaskBox ul.MaskBox:hover,div.MaskBox ul.MaskBox:hover img.ICO,ul.WebUrl:hover div.GetDemo,ul.WapUrl:hover div.GetWap
{ -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }


#TOP_SiteLogo #Logo,#TOP_SiteNav menu span,#TOP_SiteNav menu a,.Item-list div,div.Grouping ul,
#DemoMain li,#DemoMain li a,ol.TempBox ul.WebUrl,ol.TempBox ul.WebUrl a,ol.Customer a
{ cursor:url(/Data/KEditor/ShuLink.cur),default; }


@media only screen and (min-width:1333px) and (min-width:1520px) {
#HOTDemo { top:50%!important; left:auto; right:12px; }
#DemoList,div.Main_Content,div.Grouping { max-width:1520px; }

#DemoMain,.Demotext { min-width:19.5%; width:19.5%; float:left; clear:none; }
#DemoList,#Demobtn,#ShowBoxs,div.Main_Content { min-width:76%; width:76%; float:right; margin-right:3.5%; clear:none; }

#DemoMain,#Demobtn {  position:fixed!important; _position:absolute; }
#DemoMain li { width:80%; height:35px; margin:2px 5%; padding-left:1%; position:relative; }

#Demobtn { right:0; top:80px; }
#ShowBoxs { height:auto!important; margin-top:80px; }
#DemoShow { max-width:1360px; height:750px;  border-width:18px 18px 65px; border-radius:9px; }

ol.TempBox ul.WapUrl { top:35%; }
.Customer { padding-bottom:8%; }
}


@media screen and (max-width:1080px) {
#TOP_SiteLogo div#HOTShow dt:not(.QQloading) { display:none; }
#TOP_SiteLogo div#HOTShow dt img { margin-right:0; }
#TOP_SiteLogo div#HOTShow { right:-66px; transition: all .5s ease; }
#TOP_SiteLogo div#HOTShow:hover { right:-12px; }
#TOP_SiteNav menu,#TOP_SiteNav menu * { font-size:11.5pt; }
#TOP_SiteNav menu span { padding:0 8px; }

#DemoMain,#DemoList,div.Main_Content,div.Grouping,div.Nav_Left,div.Nav_Right { width:96%; min-width:96%; max-width:96%; margin:2px 2%; }
#DemoShow { width:98%; height:500px; border:15px solid rgba(0,0,0,.8); border-bottom-width:38px; border-radius:9px; }
#DemoList dl,#DemoList ul.WapUrl { display:none; }

#Sortype.Right { margin-top:28px; }
.Item-list {  width:calc(100%/3 - 2%); min-width:calc(100%/3 - 2%); margin:1%; }
ol.TempBox { width:32.333%!important; margin:1% .5%!important; clear:none!important; }
ol.TempBox ul.WebUrl { width:100%; min-width:280px; }

.Grouping .item { width:50%; float:left; margin-left:0; }

#HOT_News_List dl.Item { width:49%!important; margin-left:1%!important; margin-right:0!important; clear:none!important; }
#HOT_News_List dl.Item + dl.Item:nth-child(3) { margin-top:32px; }
#HOT_News_List dl.Item label { width:15%; }
#HOT_News_List dl.Item dd { width:85%; }

div.Nav_Left { padding:30px 0; }
div.Nav_Left div.txt { margin-left:8%; margin-top:8px; }
.Customer { padding-bottom:9%; }


#QQloading { width:98%!important; margin:2px 1%!important; }
#QQloading div.Form_Remarks,#QQloading div.Form_Register { width:72%; }
#QQloading div#ONE_Stop,#QQloading div#ONE_Rules { width:25%; }
}


/* 自适应框架 */
@media only screen and (max-width:800px) {
[class*="Linefeed"] { display:block; clear:both; }
div.Main_Content { width:96%; min-width:96%; max-width:96%; margin:2px 2%; }
div.Main_Content .Sitebanner { padding-top:20px!important; padding-bottom:0!important; }
div.Main_Content .D-left,div.Main_Content .D-right,div.Contact span { width:100%!important; text-align:center!important; }

#TOP_SiteLogo #Logo { width:70%; height:60px; }
#TOP_SiteLogo #Logo.QQloading li { width:calc(100% - 65px); }
#TOP_SiteLogo #Logo.QQloading img { margin:7px; }
#TOP_SiteLogo div#HOTShow dt img { margin-right:0; }
#TOP_SiteLogo div#HOTShow { right:-62px; }

#Sortype.Right { display:block; flex-direction:column; width:96%; margin-top:0; }
#Sortype div.Item-list { flex:none; width:100%; height:120px; clear:both; }
#Sortype div.Item-list + .Item-list { margin-left:0; margin-top:8px; }
#Sortype div.Item-list ol label { width:50%; padding-top:30px; float:right; }
#Sortype div.Item-list ol { background-position:12.5% center; }

#Project { width:100%; display:block; }
#Project .Item-list { width:96%; margin-left:2%; min-height:500px; color:#FFF; }
#Project .Item-list + .Item-list { margin-left:2%; margin-top:12px; }
#Project .Item-list ol.Text { width:95%; height:90%; padding:5% 2.5%; }

#TOPSearchs,#TOP_SiteNav menu,#DemoList dl,#DemoList ul.WapUrl,#FooterTools,#QQloading ul.Left,div.Nav_Left { display:none; }
#DemoMain,#DemoList,#ULoading,.Demobox { width:97%; min-width:inherit; padding:0 1.5%; }
#DemoMain li { width:45%; height:32px; margin:3px 2%; }
#DemoMain { margin-top:0; }

#Demobtn div.Demobtn { min-width:100%; width:100%;  }
.Demobtn a { width:55%; margin:8px .5%; display:inline-block; }
.Demobtn a + a { max-width:14px; padding:0 15px; }

ol.TempBox,.Demotext { width:97%!important; margin-left:1.5%!important; margin-right:0!important; clear:none!important; }
ol.TempBox ul.WebUrl { width:100%; min-width:280px; }

#DemoShow { width:99%; height:400px; border:5px solid rgba(0,0,0,.8); border-bottom-width:32px; border-radius:5px; }

div.Planning .Online img { width:52px; margin:3px; padding:5px; }
div.Grouping { width:98%; min-width:98%; max-width:98%; height:600px; margin:0 auto; clear:both; }
div.Grouping .item { width:50%; float:left; margin-left:0; }
div.Grouping ul { width:98%; margin:1%; position:relative; }

#HOT_News_List { height:520px; }
#HOT_News_List dl.Item { width:98%; height:118px; margin-left:1%; }
#HOT_News_List dl.Item + dl.Item:nth-child(-n+3) { margin-top:25px; }
#HOT_News_List dl.Item dt,#HOT_News_List dl.Item dd { width:82%; }
#HOT_News_List dl.Item dt { height:35px; white-space:nowrap; }
#HOT_News_List dl.Item label { width:15%; }

div.Nav_Right { width:100%; display:block; }
.Customer { width:calc(98%/3); height:0; padding-bottom:16%; }
.Customer + .Customer { margin-left:calc(2%/2); margin-top:calc(2%/2); }
.Customer + .Customer:nth-child(3n+1) { margin-left:0; clear:both; }
.Customer + .Customer:nth-child(4),.Customer + .Customer:nth-child(5),.Customer + .Customer:nth-child(6) { margin-top:calc(2%/3); }

}