@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;} 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/wjsimages/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:300px; height:77px; border-top:5px solid #bd1a2d; line-height:82px; text-align:center;} .main .tab .nav ul li:hover{ background-color:#fff;} .main .tab .nav ul li{ font-size:24px; color:#fff;} .main .tab .nav ul a:hover li{ 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:890px; margin:30px auto;} .main .details .button input{ width:250px; height:80px; border-radius:10px; background-color:#bd1a2d; border:none; color:#fff; font-size:36px; margin:0 20px;} .main .with{ float:right;} .main .with img{ margin-top:30px;} .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 .rule{ width:1180px; height:220px; background-color:#bd1a2d; padding:10px; margin-top:30px;} .main .rule .rule_bg{ width:1160px; height:200px; background-color:#fff; padding:10px; box-shadow: 0 0 8px 1px rgba(96,30,38,0.5);} .main .rule .rule_bg div{ width:1158px; height:198px; border:solid 2px #bd1a2d;} .main .rule .rule_bg div h3{ text-align:center; font-size:18px; color:#bd1a2d; font-weight:normal; margin-top:30px; margin-bottom:14px;} .main .rule .rule_bg div ul li{ font-size:14px; line-height:28px; color:#333; margin-left:20px;} .main .choose{ padding:30px 0; border-bottom:1px #f5f5f5 solid; height:36px;} .main .choose ul li{ float:left; padding:10px 15px;} .main .choose ul li a{ color:#333; font-size:18px;} .main .choose ul li:hover{ background-color:#bd1a2d;} .main .choose ul li:hover a{ 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 #f5f5f5 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 .p_information{ width:80%;} .main .p_list dl dd .p_information h3 a{ font-size:18px; color:#333;} .main .p_list dl dd .p_information ul{ float:left; margin-top:30px; margin-bottom:15px;} .main .p_list dl dd .p_information ul li{ line-height:36px;} .main .p_list dl dd .p_ope{ float:right;} .main .p_list dl dd .p_ope p{ color:#333; font-size:14px; margin-top:30px;} .main .p_list dl dd .p_ope p span{ color:#bd1a2d;} .main .p_list dl dd .p_ope input{ color:#fff; padding:10px 20px; background-color:#bd1a2d; font-size:16px; border:none; margin-top:10px;} .main .p_list dl dd .p_indro{ clear:both; background-color:#f5f5f5; padding:20px 15px; line-height:24px;} .pag{ margin-top:30px; line-height:30px; text-align:center; height:30px; margin-bottom:30px;} .pag a{ width:28px; height:28px; border:solid 1px #e4e4e4; 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 #e4e4e4; 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 .list .list_1{ margin-top:30px;} .main .list .list_1 h3{ text-align:center;} .main .list .list_1 .l1_public{ width:100%; background-color:#f1f1f1; height:983px; padding:15px 0 30px 0; margin-top:30px;} .main .list .list_1 .l1_public ul{ width:1200px; margin: auto;} .main .list .list_1 .l1_public li{ width:220px; float:left; margin-right:25px; margin-top:15px;} .main .list .list_1 .l1_public li.last{ margin-right:0;} .main .list .list_1 .l1_public li a p{ font-size:16px; color:#333; text-align:center; margin-top:15px; line-height:24px;} .main .list .list_2 .l1_public{ height:276px;} .main .list .list_3 .l1_public{ height:530px;}