@charset "utf-8"; /* CSS Document */ *{ margin:0; padding:0; -webkit-tap-highlight-color: transparent; font-family:'Arial','SimSun', 'sans-serif'; line-height:30px; } body{ font-family:'Arial','SimSun', 'sans-serif'; } a{ text-decoration: none; color:#333; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-user-select: none; -moz-user-focus: none; -moz-user-select: none; } li{list-style-type:none;} em{font-style:normal} /*大于1024像素*/ @media all and (min-width:1020px){ .maxw{ max-width:1200px; } .headerTOPH{ height:0px; } header{ width:100%; height:60px; background: rgba(255,255,255,0.9); position:fixed; z-index:99999; left:0; top:0; /*border-bottom:1px solid #ddd;*/ } header .main{ width:90%; height:60px; margin:0 auto; } header .main .logo{ display:block; height:48px; margin-top:6px; float:left; margin-right:18px; } header .main .logo img{ display:block; height:48px; } header .main nav{ float:right; height:60px; } header .main section{ float:right; height:60px; margin-left:40px; } .blank{ height:60px; } .PCNenuMain{ display:block; height:60px; float:right; } .PCNenuMain .mn{ display:block; height:56px; float:left; padding:0 20px; transition-duration:0.2s; position:relative; } .PCNenuMain .mn:hover{ border-bottom:4px solid #1175B3; } .PCNenuMain .mn a{ display:block; height:60px; line-height:60px; font-size:1.4em; color:#333; float:left; cursor:pointer; /* font-weight: bold; */ } .PCNenuMain .mn i{ display:block; height:60px; line-height:64px; font-size:1px; margin-left:5px; color:#999; float:left; transition-duration:0.2s; } .PCNenuMain .mn:hover i{ line-height:58px; color:#EEE; -webkit-transform: rotate(180deg);/*Safari 4+,Google Chrome 1+ */ -moz-transform: rotate(180deg);/*Firefox 3.5+*/ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);/*ie*/ } .PCNenuMain .mn .sonClass{ width:220px; height:0; overflow:hidden; position:absolute; top:60px; left:0px; transition-duration:0.2s; z-index:9999; padding:0px 0; background: rgba(255,255,255, 0.7); } .PCNenuMain .mn:hover .sonClass{ height:auto; padding:10px 0px; text-align:left; } .PCNenuMain .mn:hover .sonClass li{ display:inline-block; vertical-align: middle; width:100%; height:auto; overflow:hidden; margin:0 auto; } .PCNenuMain .mn:hover .sonClass li a.serv{ display:block; width:100%; height:auto; overflow:hidden; margin:2px auto; padding:10px 0; text-align:left; } .PCNenuMain .mn:hover .sonClass li a:hover.serv{ background-color:#1175B3; } .PCNenuMain .mn:hover .sonClass li a.serv span{ display:block; width:90%; height:auto; overflow:hidden; text-align:left; line-height:18px; font-size:14px; color:#333; margin:0 auto; } .PCNenuMain .mn:hover .sonClass li a:hover.serv span{ color:#fff; } .PCNenuMain .mn:hover .sonClass li a.serv i{ display:block; width:100%; height:48px; text-align:left; line-height:48px; font-size:28px; color:#fff; margin:0; -webkit-transform: rotate(360deg);/*Safari 4+,Google Chrome 1+ */ -moz-transform: rotate(360deg);/*Firefox 3.5+*/ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);/*ie*/ transition-duration:0.2s; } .PCNenuMain .mn .sonClass li a:hover.serv i{ font-size:32px; color:#FDD786; } header .main .menu{ display:none; height:52px; float:right; } .MNenuMain{ display:none; } .MNenuMain .mnName{ width:100%; height:52px; background-color:#2D2E2F; } .MNenuMain .mnName h1{ display:block; height:52px; float:left; margin-left:10px; line-height:52px; font-size:16px; color:#E4E4E4; font-weight:normal; } .MNenuMain .mnName .menuClose{ display:block; float:right; margin-right:10px; height:52px; cursor:pointer; } .MNenuMain .mnName .menuClose i{ display:block; height:52px; line-height:52px; width:25px; font-size:22px; color:#F8B600; } .MNenuMain .navmain{ display:block; width:100%; height:auto; overflow:hidden; background: rgba(0,0,0, 0.7); } .MNenuMain .navmain .son{ width:100%; height:auto; overflow:auto; } .MNenuMain .navmain li.son .mbut{ display:block; width:92%; height:46px; padding:0 4%; line-height:46px; font-size:14px; color:#fff; background: rgba(40,40,40, 0.3); border-bottom:1px solid #2D2E2F; cursor:pointer; } .MNenuMain .navmain li.son .mbut em{ color:#888; margin-left:15px; } /*二级菜单样式*/ .MNenuMain .navmain li.son ul.SonContent{ width:96%; height:auto; padding:8px 0; margin:0 auto; overflow:hidden; z-index:999999; text-align:center; } .MNenuMain .navmain li.son ul.SonContent li{ display:inline-block; vertical-align: middle; height:38px; } .MNenuMain .navmain li.son ul.SonContent li a{ display:block; float:left; height:32px; line-height:31px; margin:0 3px; font-size:14px; color:#ccc; background: rgba(40,40,40, 0.5); padding:0 15px; border-radius:3px; } .MainContent{ width:100%; height:auto; overflow:hidden; margin:0 auto; line-height:24px; font-size:16px; color:#222; } .MainContent p{ margin:0; line-height:24px; font-size:16px; color:#222; padding:0; } .MainContent img{ vertical-align: bottom; margin:0 auto; padding:0; max-width:1200px; height:auto; zoom:expression( function(elm) { if (elm.width>1200) { var oldVW = elm.width; elm.width=1200; elm.height = elm.height*(1200 /oldVW); } elm.style.zoom = '1'; } (this)); } } /*大于1024像素*/ @media all and (min-width:1200px){ .maxw{ width:96%; margin:0 auto; } } @media all and (max-width:1380px){ .PCNenuMain .mn{ display:block; height:56px; float:left; padding:0 10px; transition-duration:0.2s; position:relative; } } @media all and (max-width:1180px){ .PCNenuMain .mn{ display:block; height:56px; float:left; padding:0 10px; transition-duration:0.2s; position:relative; } .MainContent img{ vertical-align: bottom; margin:0 auto; max-width:1180px; height:auto; zoom:expression( function(elm) { if (elm.width>1180) { var oldVW = elm.width; elm.width=1180; elm.height = elm.height*(1180 /oldVW); } elm.style.zoom = '1'; } (this)); } } /*小于1024像素*/ @media all and (max-width:1020px){ .maxw{ max-width:900px; } /*显示与隐藏*/ .headerTOPH{ height:58px; } header{ width:100%; min-width:280px; height:52px; background-color:#fff; position:fixed; top:0; z-index:999; } header .main{ width:96%; height:52px; margin:0 auto; } header .main .logo{ display:block; height:52px; float:left; margin-right:18px; } header .main .logo img{ display:block; height:40px; margin-top:6px; } header .main .menu{ height:52px; float:right; } header .main .menu i{ display:block; width:36px; font-size:26px; color:#1175B3; text-align:center; line-height:52px; } header .main section{ display:none; } .PCNenuMain{ display:none; } .MNenuMain{ min-width:280px; display:none; width:100%; height:auto; overflow:hidden; position:fixed; top:0; left:0; z-index:998; } .MNenuMain .mnName{ width:100%; height:52px; background-color:#1175B3; } .MNenuMain .mnName h1{ display:block; height:52px; float:left; margin-left:10px; line-height:52px; font-size:16px; color:#E4E4E4; font-weight:normal; } .MNenuMain .mnName .menuClose{ display:block; float:right; margin-right:10px; height:52px; cursor:pointer; } .MNenuMain .mnName .menuClose i{ display:block; height:52px; line-height:52px; width:25px; font-size:22px; color:#fff; } .MNenuMain .navmain{ display:block; width:100%; height:auto; overflow:hidden; background: rgba(17,117,179, 0.9); } .MNenuMain .navmain .son{ width:100%; height:auto; overflow:auto; } .MNenuMain .navmain li.son .mbut{ display:block; width:92%; height:46px; padding:0 4%; line-height:46px; font-size:14px; color:#fff; background: rgba(40,40,40, 0.3); border-bottom:1px solid #1175B3; cursor:pointer; } .MNenuMain .navmain li.son .mbut em{ color:#888; margin-left:15px; } /*二级菜单样式*/ .MNenuMain .navmain li.son ul.SonContent{ width:96%; height:auto; padding:10px 0 16px 0; margin:0 auto; overflow:hidden; z-index:999999; text-align:center; } .MNenuMain .navmain li.son ul.SonContent li{ /* display:inline-block; vertical-align: middle; */ /* float:left; */ height:38px; } .MNenuMain .navmain li.son ul.SonContent li a{ display:block; float:left; height:32px; line-height:31px; /* margin:6px 3px; */ margin:0px 3px; font-size:14px; color:#ccc; background: rgba(40,40,40, 0.5); padding:0 20px; border-radius:3px; /* width:50%; */ } .MainContent img{ vertical-align: bottom; margin:0 auto; width:100%; min-width:320px; height:auto; zoom:expression( function(elm) { if (elm.width>320) { var oldVW = elm.width; elm.width=320; elm.height = elm.height*(320 /oldVW); } elm.style.zoom = '1'; } (this)); } }