*{ margin:0px; padding:0px;} body{ font-family:寰蒋闆呴粦; font-size:14px; background:#000;} a{ text-decoration:none;} img{ border:0px; width:100%; height:auto;} ul{ list-style:none;} .ui-body-c, .ui-dialog.ui-overlay-c{ background:none; text-shadow:none;} .ui-body-c, .ui-body-c input, .ui-body-c select, .ui-body-c textarea, .ui-body-c button{ font-family:寰蒋闆呴粦; } /*main*/ .main{ overflow:hidden; width:98%; margin:0% auto 0px;} .main div a{ display:block; position:relative; color:#fff; font-size:14px;} .main div:first-child{ float:left; width:49%; height:90px;} .main div:first-child a{ background:#4f6885; height:100%; width:100%;} .main div:first-child a p.img{ width:42px; height:46px; position:relative; margin:0px auto; top:5px;} .main div:first-child a p.text{ position:absolute; width:100%; bottom:20%; text-align:center;} .main div:nth-child(2){ float:right; width:49%; height:170px;background:#038800; margin-bottom:8px;} .main div:nth-child(2) a{ width:100%; height:81px;} .main div:nth-child(2) a p.img{width:45px; height:35px; position:relative; margin:0px auto; top:50px;} .main div:nth-child(2) a p.text{ position:absolute; width:100%; bottom:15%;margin-bottom:-40px; text-align:center;} .main div:nth-child(2) a:first-child{ background:#038800;} .main div:nth-child(2) a:nth-child(2){ background:#038800; margin-top:8px;} .main div:nth-child(3){ clear:right; width:50%; height:117px; margin-top:-77px; float:left;} .main div:nth-child(3) a:first-child{float:left; width:98%; background:#3ea1bd; height:100%;} .main div:nth-child(3) a:nth-child(2),.main div:nth-child(4) a:nth-child(2){ float:left; width:47%; background:#cf466a; height:100%; margin-left:4%;} .main div:nth-child(3) a p.img{width:35px; height:42px; position:relative; margin:0px auto; top:20px;} .main div:nth-child(3) a p.text,.main div:nth-child(4) a p.text{ position:absolute; width:100%; bottom:25%; text-align:center;} .main div:nth-child(4) a:first-child{ float:right; width:98%; height:100%;} .main div:nth-child(4){float:right;width:50%; height:180px; } .main div:nth-child(4) a p.img{width:35px; height:42px; position:relative; margin:0px auto; top:40px;} .main div:nth-child(4) a p.text{ position:absolute; width:100%; margin-bottom:30px; bottom:20%; text-align:center;} .main div:nth-child(4){ float:right !important} .main div:nth-child(4) a:first-child{ background:#f26722 !important; margin-left:2%;} .main div:nth-child(4) a:nth-child(2){ background:#e14545 !important;} .main div:nth-child(5){ float:left; width:49%; height:130px;margin-top:10px} .main div:nth-child(5) a{ background:#092296; height:100%; width:100%;} .main div:nth-child(5) a p.img{ width:55px; height:55px; position:relative; margin:0px auto; top:20px;} .main div:nth-child(5) a p.text{ position:absolute; width:100%; margin-bottom:-10px; bottom:20%; text-align:center;} .main div:nth-child(6){ float:left; width:49%; height:80px; margin-top:8px} .main div:nth-child(6) a{ background:#c3a340; height:100%; width:100%;} .main div:nth-child(6) a p.img{ width:55px; height:85px; position:relative; margin:0px auto; top:-15px;} .main div:nth-child(6) a p.text{ position:absolute; width:100%; bottom:20%;margin-bottom:-12px; text-align:center;} .main div:nth-child(7){ float:left; width:49%; height:80px;margin-left:2%; margin-top:8px} .main div:nth-child(7) a{ background:#c3a340; height:100%; width:100%;} .main div:nth-child(7) a p.img{ width:55px; height:85px; position:relative; margin:0px auto; top:-15px;} .main div:nth-child(7) a p.text{ position:absolute; width:100%; bottom:20%;margin-bottom:-12px; text-align:center;} .footer{ line-height:40px; text-align:center;} .footer-top{ color:#333; font-weight:bold; color:#fff;} .footer-bottom{ background:#333; color:#fff; font-weight:bold;} .footer-bottom a{ color:#fff;} /*骞荤伅鐗?/ header{text-align:center; position:relative; height:220px; overflow:hidden; margin-bottom:8px; } ul{ margin:0px; padding:0px;} #nav{ position:absolute; width:100%; height:20px; line-height:20px; bottom:0px; z-index:999;} #nav{ float:left; margin-right:5%; opacity:1;} #nav ul li{ float:left; background:#eee; border-radius:10px; width:10px; height:10px; margin-left:10px; margin-top:5px; opacity:0.3;} #nav ul li.active{ background:#fff;opacity:0.8;} .black{} .banner{} .banner img{ width:100%; min-height:241px; } .banner ul li{ float:left; padding:0px 0px;} .catemenu { overflow: hidden; background-color: #fff; border-radius: 4px; margin: 10px 10px 4px 9px; box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.15); } .catemenu ul { width: 100%; overflow: hidden; } .catemenu li { display: list-item; text-align: -webkit-match-parent; } .catemenu li { width: 33.33%; float: left; font-size: 15px; border-top: 1px solid #ededed; } .catemenu li:nth-child(-n 3) { border-top: 0 none; } .catemenu a{ display: block; border-right: 1px solid #ededed; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding:20px 5px; height:100%; text-align:center; } .catemenu li:nth-child(3n) a{ border-right: 0 none; } img { max-width: 100%; height: auto; width: auto; border: none; } ul { list-style: none; } .weiba-masklayer.black { background-color: #000000; opacity: 0; } .logo{ position:absolute; top:10px; left:0px; width:50px; height:50px;} .logo img{ width:40px; height:40px;}