@charset "utf-8"; /* css document */ /* ============================ 重置css样式 ============================ */ /* 清除内外边距 */ body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, lengend, button, input, textarea, th, td { margin: 0; padding: 0; } /* 设置默认字体 */ body, button, input, select, textarea { font: 14px/1 "微软雅黑", tahoma, helvetica, arial, sans-serif; } h1 { font-size: 18px; } h2 { font-size: 16px; } h3 { font-size: 14px; } h4, h5, h6 { font-size: 100%; } cite, em { font-style: normal; } /* 重置列表元素 */ ul, ol { list-style: none; } 重置文本格式元 a{ text-decoration:none; cursor:pointer; outline:none; } /* 重置表单元素 */ legend { color: #000; } fieldset, img { border: none; } img{vertical-align:middle;} /* 重置表格元素 */ table { border-collapse: collapse; border-spacing: 0; } button, input, select, textarea { font-size: 100%; } body a{ text-decoration:none;} input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;} textarea { -webkit-appearance: none;} /* ========================= 页面常用样式 css样式 =========================== */ .clear { clear:both; overflow:hidden; height:0; font-size:0; line-height:0; } body{ display:block; margin:0 auto; background:url(/uploads/image/wjcimages/bg.png) top center; background-size:100%;} html{overflow-x:hidden; display:block; margin:0 auto;} .fl{float:left;} .fr{float:right;} /* ========================= 主框架样式 css样式 =========================== */ /* 头部区域样式 */ .header{ width:100%; height:600px; background:url(/uploads/image/wjcimages/banner.png) top center no-repeat;} .main .tab{ width:100%; height:82px; background-color:#bd1a2d; margin-top:30px;} .main .tab .nav{ width:1200px; margin:0 auto;} .main .tab .nav ul li{ float:left; width:231px; height:77px; border-top:5px solid #bd1a2d; line-height:82px; margin-right:5px; text-align:center;} .main .tab .nav ul .li_1:hover{ background:url(/uploads/image/wjcimages/li_1.png) center top no-repeat;} .main .tab .nav ul .li_2:hover{ background:url(/uploads/image/wjcimages/li_2.png) center top no-repeat;} .main .tab .nav ul .li_3:hover{ background:url(/uploads/image/wjcimages/li_3.png) center top no-repeat;} .main .tab .nav ul .li_4:hover{ background:url(/uploads/image/wjcimages/li_4.png) center top no-repeat;} .main .tab .nav ul .li_5:hover{ background:url(/uploads/image/wjcimages/li_5.png) center top no-repeat;} .main .tab .nav ul .li_6:hover{ background:url(/uploads/image/wjcimages/li_5.png) center top no-repeat;} .main .tab .nav ul a li{ font-size:24px; color:#fff;} .main .tab .nav ul a li:hover{ color:#bd1a2d;} .main .tab .nav ul a li img{ margin-top:-5px; margin-right:10px;} .main .details{ width:1200px; margin:0 auto;} .main .details .article{ width:1180px; float:left; margin-top:30px;} .main .details .article p{ font-size:16px; color:#333; line-height:28px;} .main .details .article a{ margin:30px 0; font-size:16px; color:#999; display:block; text-align:center;} .main .details .article a img{ margin-left:5px;} .main .details .button{ width:250px; margin:30px auto;} .main .details .button input{ width:250px; height:80px; border-radius:10px; background-color:#bd1a2d; border:none; color:#fff; font-size:36px;} .main .with{ float:right;} .main .with img{ margin-top:30px;} /* 页码样式 */ .main .pag{ margin-top:30px; font-size:16px; line-height:40px; margin-left:220px;} .main .pag a{ width:38px; height:38px; border:solid 1px #e6e6e6; display:block; float:left; text-decoration:none; text-align:center; line-height:40px; color:#333; margin-right:7px; margin-bottom:50px;} .main .pag a:hover{ width:40px; height:40px; background-color:#b3040e; color:#fff; border:none;} .main .pag span{ float:left; margin-right:7px;} .main .pag input{ width:38px; height:38px; border:solid 1px #e6e6e6; margin:0 7px; text-align:center; float:left;} .main .pag .next{ width:73px;} .main .pag .next:hover{ width:75px;} /* 项目列表样式 */ .main .choose{ padding:30px 0; border-bottom:1px #cdd8ed solid; height:36px;} .main .choose ul a li{ float:left; padding:10px 15px;} .main .choose ul a li{ color:#333; font-size:18px;} .main .choose ul a li:hover{ background-color:#bd1a2d;} .main .choose ul a li:hover{ color:#fff;} .main .choose ul li.c_search{ float:right; margin-top:-10px;} .main .choose ul li.c_search:hover{ background:none;} .main .choose ul li.c_search .c_s_box{ height:34px; width:231px; border:solid 1px #e4e4e4; border-right:none; outline:none; float:left; color:#e4e4e4; font-size:16px; padding-left:10px;} .main .choose ul li.c_search .c_s_button{ height:36px; width:60px; border:none; background-color:#bd1a2d; color:#fff; font-size:16px;} .main .p_list dl{ clear:both; height:230px; padding:30px 0; border-bottom:1px #cdd8ed solid;} .main .p_list dl dt{ float:left; width:360px; height:233px;} .main .p_list dl dd{ float:left; width:820px; height:136px; margin-left:20px; margin-top:10px;} .main .p_list dl dd h3 a{ font-size:18px; color:#333;} .main .p_list dl dd p{ color:#333; font-size:14px; margin-top:30px;} .main .p_list dl dd p span{ color:#666;} .main .p_list dl dd p a{ color:#fff; padding:10px 20px; float:right; background-color:#bd1a2d; margin-top:-10px; font-size:16px;} .main .p_list dl dd div{ background-color:#fff; padding:20px 15px; line-height:24px; margin-top:25px;} .pag{ margin-top:30px; line-height:30px; text-align:center; height:30px; margin-bottom:30px;} .pag a{ width:28px; height:28px; border:solid 1px #d6e2f1; display:inline-block; text-decoration:none; text-align:center; line-height:30px; color:#333; margin-right:7px; margin-bottom:50px; background-color:#fff;} .pag a:hover{ width:30px; height:30px; background-color:#bd1a2d; color:#fff; border:none;} .pag span{ display:inline-block; margin-right:7px;} .pag input{ width:28px; height:28px; border:solid 1px #d6e2f1; margin:0 7px; text-align:center; display:inline-block;} .pag .next{ width:73px;} .pag .next:hover{ width:75px;} .main .details .public h2{ font-size:24px; text-align:center; line-height:36px; margin-bottom:20px;} .main .details .public h3{ font-size:16px; text-indent:32px; margin-top:20px; line-height:30px;} .main .details .public p{ text-indent:32px;} .main .details .public p.right{ text-align:right;} /* 最终结果 */ .main .podium{ width:1200px; margin:0 auto; height:432px; background:url(/uploads/image/wjcimages/podium.png) center bottom no-repeat; margin-top:50px;} .main .podium dl{ width:400px; float:left; text-align:center;} .main .podium dl dd{ width:320px; margin:auto; font-size:18px; color:#ffde95; line-height:30px; margin-top:45px; text-align:left;} .main .podium dl dd span{ font-size:30px; font-weight:bold; float:left; margin-top:18px; margin-right:10px;} .main .podium dl.first dd{ text-align:center; margin-top:35px;} .main .podium dl.first dd span{ float:none;} .main .list{ width:1200px; margin:30px auto;} .main .list li{ line-height:58px; border-bottom:solid 1px #d0e1f0;} .main .list li a{ font-size:18px; color:#333;} .main .list li span{ margin-right:10px; width:30px; display:inline-block; text-align:center;}