@charset "utf-8";

/* 浮动层样式 */
#Header { width:100%; position:fixed!important; position:absolute; top:0; left:0; z-index:200; }
#Hotline { min-width:300px; max-width:500px; min-height:32px; line-height:2; position:absolute; top:180px; left:0; z-index:80; }
#Hotline .Our_Brands { max-width:150px; text-align:center; line-height:3; border:1px solid #FFF; }

#Language { width:100%; height:0; margin:0 auto; position:inherit; top:0; clear:both; z-index:288; }
#Language div.Link_Tagged { width:160px; text-align:right; position:fixed!important; position:absolute; top:0; left:50%; margin-left:500px; }
#Language div.Link_Tagged,#Language div.Link_Tagged a { font-size:9pt; line-height:32px; padding:0 3px; }
#Language div.Link_Tagged i.icon { width:85px; font-size:9pt; height:35px; line-height:35px; float:left; }

#Top_Search { position:fixed!important; position:absolute; top:0; left:0; z-index:298; }
#Top_Search { width:80%; height:0; background-color:#FFF; padding:0 10%; }
#Top_Search.Open { height:65px; padding:70px 10% 0; }

#Top_Search div.KeysSearch { width:100%; height:30px; border-bottom:2px solid #DDD; z-index:298; }
#Top_Search div.KeysSearch input { width:72%; height:24px; line-height:24px; color:#CCC; border:0; padding:0 20px; }
#Top_Search div.KeysSearch input.Submit { width:12%; color:#DDD; text-align:center; background:url(/OAction/Images/Search.png) no-repeat left center; }
#Top_Search i.icon { height:52px; font-size:16pt; font-weight:normal; line-height:52px; position:absolute; top:0; right:10%; }



/* LOGO和导航样式设置 */
#TOP_Logo { height:120px; margin:0 auto; z-index:266; }
#TOP_Logo #Logo { width:320px; height:120px; text-align:center; display:table; position:absolute; left:0; z-index:268; }
#TOP_Logo #Logo img { max-width:320px; max-height:70px; width:expression(this.width>320 && this.width > this.height ? 320:auto); height:expression(this.height>70 ? auto:70); }
#TOP_Logo #Logo span { display:table-cell; vertical-align:middle; }


#TOP_Menu { width:100%; position:fixed!important; position:absolute; top:0; z-index:155; }
#TOP_Menu menu { width:auto; padding-left:45%; background:none; margin:0 auto;display:block; z-index:155; }
#TOP_Menu menu div { width:160px; height:100%; float:left; position:relative; z-index:158; }
#TOP_Menu menu div ul { width:80%; height:100%; padding:0 10%; position:relative; z-index:159; }
#TOP_Menu menu div ul:after { content:""; position:absolute; left:auto; right:25px; top:12px; z-index:166; }
#TOP_Menu menu div ul:after {
	width:8px; height:8px; border-left:1px solid #333; border-bottom:1px solid #333;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg); 
	-ms-transform: rotate(-45deg); 
	-o-transform: rotate(-45deg);
}

#TOP_Menu menu div ul,#TOP_Menu menu div ul a { height:38px; font-size:11.5pt; line-height:38px; }
#TOP_Menu menu div ul span { width:100%; display:none; font-family:Arial,"宋体"; font-size:10pt; line-height:38px; }
#TOP_Menu menu div ul.Open span,#TOP_Menu menu div ul:hover span { display:none; }
#TOP_Menu menu div ul.Open a,#TOP_Menu menu div ul:hover a { display:block; }

#Header:after,#TOP_Menu:after,#TOP_Menu menu:after,#TOP_Menu menu div:after
{ width:100%; content:""; position:absolute; left:0; z-index:0; }


#MenuMore { width:100%; height:0; position:fixed!important; position:absolute; top:0; transition:all .5s ease; z-index:152; }
#MenuMore.Open { height:100%; background:rgba(244,244,244,.8); transition:all .5s ease; }

#MenuMore ol { width:100%; margin:0 auto; display:none; position:relative; }
#MenuMore ol:after { content:""; width:100%; height:120px; background:#FFF; position:absolute; top:0; left:0; z-index:-1; }
#MenuMore div.NavItem { padding-top:150px; text-align:center; margin:0 auto; }
#MenuMore div.NavItem div.NavItemMore { width:25%; height:270px; text-align:center; float:left; }
#MenuMore div.NavItem img { max-width:90%; max-height:100%; min-height:200px; }

#MenuMore dl.ItemGroup { width:100%; height:100%; display:table; position:relative; }
#MenuMore dl.ItemGroup dt { width:100%; height:200px; margin:10px auto; position:relative; display:table-cell; vertical-align:middle; }
#MenuMore dl.ItemGroup dd { width:100%; text-align:left; font-size:13pt; line-height:28px; color:#555; }

#MenuMore ol#T-NavItem17 div.NavItemMore { width:20%; }
#MenuMore ol#T-NavItem24 div.NavItemMore { width:calc(100%/6); height:200px; }
#MenuMore ol#T-NavItem24 dl.ItemGroup dt { width:100%; height:100px; text-align:center; }
#MenuMore ol#T-NavItem24 dl.ItemGroup dd { width:100%; text-align:center; }
#MenuMore ol#T-NavItem24 img { max-height:80%; min-height:60px; }



/* 搜索条的样式设置 */
#TOP_Search input,#Body_Search input { height:28px; text-align:left; border:0; border-radius:0; }
#Body_Search .text { width:82%; height:24px; line-height:24px; color:#CCC; border:1px solid #DDD; background-color:transparent; padding:1px 2%; }
#TOP_Search .Submit,#Body_Search .Submit { width:12%; color:#DDD; text-align:center; background:url(/Style/Other/Search.png) no-repeat left center; }
#TOP_Search .text.Keywords { color:#555; }


#TOP_Search { width:100%; height:0; margin:0 auto; position:inherit; z-index:298; }
#Body_Search input.keyText { width:65%; height:24px; padding:17px 5%; border:0; background-color:#FFF; }
#Body_Search input.keySubmit { width:25%; height:58px; text-align:center; font-size:12pt; color:#FFF; }



/* 标题栏目样式 */
#HOT_Body dir { width:100%; height:58px; text-align:left; margin:0 auto; position:relative; z-index:5; }
#HOT_Body dir cite { width:100%; height:100%; font-size:21pt; line-height:72px; font-style:normal; position:relative; z-index:6; }
#HOT_Body dir a { font-size:12pt; line-height:59px; letter-spacing:1px; position:relative; }

#HOT_Body dir span { width:auto; position:absolute; right:0; z-index:8; }
#HOT_Body dir span,#HOT_Body dir span.links a { font-size:9pt;line-height:68px; font-family:Arial,Helvetica,sans-serif,"宋体"; z-index:8; }

#HOT_Body dir cite:before { width:0; height:1px; background:#DDD; content:""; position:absolute; top:0; z-index:-1; }



/* 标准框架层设置 */
.KE_IMG_Show,.KE_StarScroll,.MainDesigner,.MainKEditor,.MainContent,.Select_Strategy,.SliderBox { width:100%; margin:0 auto; padding:0; position:relative; }
#Home_Frame,#Body_Frame,#Body_Frame #Body_Right,#Body_Main,#FrameContent,#HomeOrders { width:100%; margin:0 auto; padding:0; position:relative; }
#LeftHotScroll,#Body_Content,#Body_Pics,#News_List { width:100%; min-height:188px; margin:0 auto; position:relative; clear:both; }

.MainKEditor,.Frame_More,.Body_Link { min-height:52px; background:none; margin:0 auto; padding:0; clear:both; position:relative; }
.Frame_StyleCss,.Frame_Sortype { margin:0 auto; padding:0; background-repeat:no-repeat; background-position:center top; }

#TOP_Logo,#TOP_Menu menu,#MenuList div,#MenuMore div.NavItem,#MenuMore ol.Nav,div.MainMenu,
#AEMagic #IMGBox,div.AE_Banner,div.Atitle div,#HomeOrders,#item-list,#Body_Frame,#Body_Main,#FooterDiv,#Body_Link div,#Body_Pages,
.MainKEditor,.Select_Strategy,.KE_IMG_Show,.KE_StarScroll,.KeysMain div.KeysMainDiv,.AlterSearch div.MainSearch
{ width:1200px; }

@media screen and (min-width:1024px) and (max-width:1200px) {
#TOP_Logo,#TOP_Menu menu,#MenuList div,#MenuMore div.NavItem,#MenuMore ol.Nav,
#HomeOrders,#item-list,#Body_Frame,#Body_Main,#FooterDiv,#Body_Link div,#Body_Pages,
.MainKEditor,.Select_Strategy,.KE_IMG_Show,.KE_StarScroll,div.AE_Banner,div.MainMenu,.KeysMain div.KeysMainDiv,.AlterSearch div.MainSearch
{ width:98%; max-width:1200px; }
}

@media screen and (min-width:769px) and (max-width:1023px) {
#TOP_Logo,#TOP_Menu menu,#MenuList div,#MenuMore div.NavItem,#MenuMore ol.Nav,
#HomeOrders,.Select_Strategy,#item-list,#Body_Frame,#Body_Main,#FooterDiv,#Body_Link div,#Body_Pages,
.MainKEditor,.KE_IMG_Show,.KE_StarScroll,div.AE_Banner,div.MainMenu,.KeysMain div.KeysMainDiv,.AlterSearch div.MainSearch
{ width:98%; }
}


#Body_Right,#Body_Right dir cite,#Body_Right #Body_Pages,
#Body_Main .MainKEditor,#Body_Main .KE_IMG_Show
{ width:100%; }


#Body_Main #Body_Right { width:76%; min-height:128px; float:right; position:relative; z-index:99; }
#Body_Main #Body_Left { width:20%; min-height:128px; float:left; position:relative; z-index:99; }



/* 内容框 */
#Body_Content { height:auto; text-align:justify; clear:both; }
#Body_Content img { max-width:100%; height:auto; }

#Body_Content div.Article { width:100%; color:#CCC; margin:18px auto 32px; }
#Body_Content div.Article ul.Title { font-size:18pt; line-height:50px; color:#333; }
#Body_Content div.Article ul.Days { font-size:21pt; line-height:32px; font-weight:bold; color:#D00; margin-bottom:18px; }
#Body_Content tt.Url { color:inherit; }

#Plus_NavMore { width:100%; height:65px; margin:3px auto; }
#Plus_NavMore label { height:58px; font-size:12pt; line-height:58px; font-weight:bold; padding:0 18px; float:none; }
#Plus_NavMore a + a  { border-left:1px solid #333; }

#AuthorMore,#AuthorMore p { text-align:center; font-size:10pt; line-height:16px; color:#CCC; position:inherit; }
#AuthorMore tt.Url { color:inherit; }

#TypeDesigner div.ReadDesigner { background-repeat:no-repeat; background-position:center;background-attachment:fixed; }



/* 左侧项目 */
#Body_Left div.Kuan { width:100%;text-align:left;float:left;clear:both; margin:0; padding:0; }
#Body_Left ul { width:calc(100% - 30px); min-height:25px; padding-left:30px; position:relative; margin-top:15px; }
#Body_Left ul,#Body_Left ul a { font-size:12.5pt; line-height:2; }

#Body_Left ul:before,#Body_Left ul:after { content:""; position:absolute; left:0; top:5px; z-index:166; }
#Body_Left ul:before { width:20px; height:20px; border:1.5px solid #333; }


/* 翻页样式 #Body_Pages.Hot_Pages a { width:100%; display:inherit; clear:both; } */
#Body_Pages { min-height:50px; text-align:center; border-top:1px solid #DDD; margin:18px auto; padding-top:8px; clear:both; }
#Body_Pages.Hot_Pages { text-align:left; }
#Body_Pages.Hot_Pages label,#Body_Pages.Hot_Pages label a { width:auto; line-height:28px; font-weight:bold; padding-right:8px; }
#Body_Pages.Hot_Pages a { line-height:28px; padding:3px; }

#Body_Pages label.PageNumes { padding:7px 3px; }
#Body_Pages li,#More_Pages li { text-indent:22px; position:relative; }
#Body_Pages li:after,#More_Pages li:after { content:"+"; width:22px; text-indent:0; position:absolute; left:0; top:0; z-index:0; }
#Body_Pages li span,#Body_Pages li a { line-height:16px; padding:3px 6px; margin:3px 1px; }
#Body_Pages li a { width:auto; float:left; padding-left:8px; }
#Body_Pages li span { float:right; }

ul.PageNumes { text-align:center; margin-top:5px; }
ul.PageNumes a { width:32px; height:32px; line-height:32px; border:1px solid #DDD; box-sizing:border-box; display:inline-block; margin:3px; }
ul.PageNumes a:hover { background-color:#DDD; color:#EEE; transition:all .5s; }
ul.PageNumes a.PageNume { width:52px; display:inline-block; margin:3px; }

#More_Pages { margin:18px auto 22px; padding:8px; position:inherit; clear:both; }
#More_Pages li,#More_Pages li a,#More_Pages li span { height:32px; line-height:32px; }
#More_Pages li span { font-size:9pt; font-family:Arial, "宋体"; color:#AAA; float:right; margin:0; padding-left:5px; }


/* 客户留言表 */
#HomeOrders div.Remarks { width:33%; float:left; color:#FFF; }
#HomeOrders div.Frame dl { width:38%; height:48px; margin-top:35px; }
#HomeOrders div.Frame dl p { font:normal normal 10.5pt/28px "微软雅黑", "宋体"; }
#HomeOrders div.Frame dl p span { font:normal bold 12.5pt/28px "微软雅黑", "宋体"; letter-spacing:8px; }
#HomeOrders div.Frame dl input { width:100%; height:32px; border:0; padding:8px 3%; box-sizing:border-box; }
#HomeOrders div.Frame textarea { width:100%; height:72px; border:0; padding:8px 3%; box-sizing:border-box; overflow:auto; }
#HomeOrders input.Submit,#HomeOrders label { width:16%; height:25px; text-align:center; background-color:transparent; margin-top:35px; }
#HomeOrders input.Submit,#HomeOrders div.Frame dl + dl { margin-left:3%; }

#HomeOrders label.Rando { height:32px; line-height:32px; background-color:#AAA; color:#FFF; }
#HomeOrders input.Submit { height:30px; border:1px solid #DDD; color:#FFF; }
#HomeOrders input.Submit:hover { background-color:#AAA;color:#FFF; }

#HomeOrders div.TopLoop,#HomeOrders div.LeftLoop,#HomeOrders ul { height:180px; float:left; position:relative; }
#HomeOrders div.TopLoop li { width:90%; height:calc(100%/6); line-height:28px; padding:0 5%; position:relative; }
#HomeOrders div.TopLoop .Days { padding-left:12px; font-family:"宋体"; font-size:12px; color:#CCC; }

#HomeOrders div.LeftLoop { width:49.5%!important; border:1px solid #DDD; box-sizing:border-box; float:right; }
#HomeOrders div.IMGnu span { width:32px; height:2px; font-size:2px; line-height:2px; background:#DDD; cursor:pointer; display:inline-table; margin:0 2px; }
#HomeOrders div.IMGnu { width:98%; height:18px; text-align:right; position:absolute; bottom:8px; z-index:99; }


/*滚动条整体样式*/
#HomeOrders div.OScroll { height:265px; float:left; position:relative; }
#HomeOrders div.OScroll ul { width:98%; height:100%; overflow-y:auto; }
#HomeOrders div.OScroll ul::-webkit-scrollbar { /*高宽对应横竖尺寸*/
	width:6px; height:6px;
}
#HomeOrders div.OScroll ul::-webkit-scrollbar-track { /*滚动条的轨道*/
	background:rgba(0,0,0,0.1);
	-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
	-webkit-border-radius:2em;
	-moz-border-radius:2em;
	border-radius:2em;
}
#HomeOrders div.OScroll ul::-webkit-scrollbar-thumb { /*滚动条的小方块*/
	background:rgba(0,0,0,0.2);
	-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
	-webkit-border-radius:2em;
	-moz-border-radius:2em;
	border-radius:2em;
}

#HomeOrders dl.Messages { width:90%; height:125px; padding:5px 5%; background-color:rgba(255,255,255,1); float:left; }
#HomeOrders dl.Messages dt.Title { width:100%; font:normal bold 11.5pt/38px "微软雅黑", "宋体"; border-bottom:1px solid #DDD; margin-bottom:9px; }
#HomeOrders dl.Messages dd { width:100%; font-size:10.5pt; line-height:22px; clear:both; }
#HomeOrders dl.Messages i.icon { width:32px; height:32px; font-size:25px; line-height:32px; color:#000; float:left; display:inline-block; }
#HomeOrders dl.Messages font { margin-left:3%; font-size:13px; font-weight:normal; color:#AAA; }



#BodyOrders { width:800px; height:auto; margin:25px auto 58px; }
#BodyOrders dt,#BodyOrders dd { height:50px; clear:both; }
#BodyOrders dd input { width:100%; height:100%; padding:0 9px; border:0; }
#BodyOrders dt input { width:98px; height:35px; line-height:35px; text-align:center; border:0; background-color:#FFF; }
#BodyOrders textarea { width:80%; height:120px; color:#CCC; overflow:auto; padding:9px; float:left; }

#BodyOrders dd,#BodyOrders textarea { border:1px solid #EEE; box-sizing:border-box; }
#BodyOrders dt,#BodyOrders dd,#BodyOrders textarea { width:80%; margin-bottom:15px; }


#FAQMain { height:auto; margin:0 auto 25px; clear:both; }
#FAQMain div { height:auto; text-align:justify; line-height:18px; padding:5px 0 25px 20px; }
#FAQMain ul { height:32px; border-bottom:1px dashed #DDD; line-height:32px; letter-spacing:2px; cursor:pointer; }
#FAQMain ul span { font-size:10.5pt; line-height:32px; color:#CCC; float:right; padding-right:10.5pt; }
#FAQMain ul a { letter-spacing:0; float:left; padding:0 3px; }



/* 地图视频样式设置 */
#Site_Content { width:95%; margin:0 auto; }
#Site_Content dl dt { width:100%; height:35px; }
#Site_Content dl dt,#Site_Content dl dt a { font-size:12.5pt; line-height:32px; font-weight:bold; }
#Site_Content dl dd { width:calc(100%/3); height:25px; }
#Site_Content dl { margin-bottom:18px; }



/* 网页页尾设置 */
footer { background:#FAFAFA; clear:both; z-index:1; }
#Footer:before,#Footer:after { content:""; width:100%; height:0; position:absolute; left:0; top:0; z-index:-1; }

#FooterDiv { height:auto; margin:0 auto; position:relative; clear:both; }
#Footer_Items { width:100%; height:auto; display:flex; margin:0 auto 50px; position:relative; }

#Footer_Items dl.MenuItem { flex:1; }
#Footer_Items .MenuItem + .MenuItem { padding-right:2%; } 

#Footer_Items dt,#Footer_Items dd { width:86%; display:block; position:relative; }
#Footer_Items dt,#Footer_Items dt a { height:50px; font-size:13.5pt; line-height:2; font-weight:bold; }
#Footer_Items dd p,#Footer_Items dd tt,#Footer_Items dd a { height:25px; line-height:25px; clear:both; }

#Footer_Items dd p { text-wrap:normal; white-space:nowrap; position:relative; }
#Footer_Items dd p:before,#Footer_Items dd p:after { content:""; position:absolute; width:0; left:0; top:0; z-index:0; }
#Footer_Items dd tt { width:90%; display:block; text-wrap:normal; white-space:nowrap; }



/* 分层分栏标题样式 */
#Frame_MenuNav { width:100%; background-color:#FFF; border-bottom:1px solid #DDD; box-sizing:border-box; position:relative; padding:15px 0; }
#Frame_MenuNav:after { content:""; position:absolute; left:0; bottom:0; width:100%; height:1px;s z-index:0; }

div.MainMenu { min-height:52px; margin:0 auto; padding:0; position:relative; }
div.MainMenu ol.MenuTitle,div.MainMenu div.ReadContent,div.MainMenu div.MainKEditor { width:auto; min-width:320px; max-width:50%; height:52px; position:absolute; left:0; z-index:1; }
div.MainMenu ol.MenuTitle font { font-size:24pt; line-height:52px; letter-spacing:3px; padding-right:8px; }

div.MainMenu ul.MenuItem { width:100%; height:auto; text-align:right; padding-top:12px; z-index:2; }
div.MainMenu ul.MenuItem label,div.MainMenu ul.MenuItem a { color:#FFF; float:none; transition:all .5s; }

div.MainMenu ul.MenuItem label { text-align:center; display:inline-block; text-wrap:normal; white-space:nowrap; background:#AAA; position:relative; padding:3px 1%; }
div.MainMenu ul.MenuItem label:after { content:""; position:absolute; left:50%; bottom:0; width:0; height:0; transition:all .3s; background:#D00; z-index:1; transition:all .3s; }
div.MainMenu ul.MenuItem label.active:after,div.MainMenu ul.MenuItem label:hover:after { width:100%; left:0; right:0; transition:all .3s; }
div.MainMenu ul.MenuItem label + label { margin-left:12px; }


ul.H_Title { height:auto; margin:2px auto 28px; text-align:center; font-size:12.5pt; line-height:35px; display:table; table-layout:fixed; }
ul.H_Title span { display:inline-block; border:1px solid #DDD; box-sizing:content-box; padding:3px 36px; margin:5px; transition:all .3s; }
ul.H_Title span:hover { background-color:#555; border-color:#555; color:#FFF; transition:all .3s; }
ul.H_Title span:not(:last-child){ border-right:1px solid #333;}



/*鼠标响应特效*/
#Header,#Language,#Language div.Link_Tagged,#TOP_Logo,#TOP_Logo #Logo,#TOP_Logo #Logo img,#ICO_Menu ul,#ICO_Menu ul.Null,#Hotline,
#HOTSlides div.AEtxt li,#HOTSlides:hover div.AEtxt li,#FooterDiv menu,#FooterDiv menu,#FooterLink,#FooterLink.Open,#Top_Search,#Top_Search.Open,
#TOP_Menu,#TOP_Menu:hover,#TOP_Menu menu,#TOP_Menu menu:hover,#TOP_Menu menu div,#TOP_Menu menu div ul,#TOP_Menu menu div ul:after,#TOP_Menu menu div ul:hover:after,
#LogoScroll.ShowScroll .prev,#LogoScroll.ShowScroll .next,#LogoScroll.ShowScroll .prev:hover,#LogoScroll.ShowScroll .next:hover,#Body_Pics label,#Body_Pics label:hover,
#Logo_List ul div,#Logo_List ul div:hover,#Logo_List ul div img,#Logo_List ul div:hover img,#Logo_List ul div:after,#Logo_List ul div:hover:after,
#Left_Extension div.ShowIcon img,#Left_Extension div.ShowPics img,#Left_Extension:hover div.ShowIcon img,#Left_Extension:hover div.ShowPics img,
ol.OEffect li div.HistMore,ol.OEffect li:hover div.HistMore,ol.OEffect tt p,ol.OEffect tt:hover p,ol.OEffect tt img,ol.OEffect tt:hover img,
ol.OEffect dl.HistMore dt:after,ol.OEffect dl.HistMore:hover dt:after,ol.H_NewsShow dl dd img.More,ol.H_NewsShow dl dd:hover img.More,
.Tool_Inlink,.Tool_Inlink:hover,.QRcode,.QRcode:hover,.Online,.Online:hover,div.CallDiv label,div.CallDiv:hover label
{
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	-o-transition:all .5s ease;
	transition:all .5s ease;
}