@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;} /* ========================= 页面常用样式 css样式 =========================== */ .clear { clear:both; overflow:hidden; height:0; font-size:0; line-height:0; } body{ display:block; margin:0 auto;} html{overflow-x:hidden; display:block; margin:0 auto;} .fl{float:left;} .fr{float:right;} /* ========================= 主框架样式 css样式 =========================== */ .relief{ width:1200px; margin:0 auto;} .r_choose{ height:350px; background:url(/uploads/image/wjjimages/relief_bg.png) no-repeat; position:relative;} .r_choose ul{ position:absolute; bottom:0; background-color:rgba(0,0,0,0.3); height:60px; width:1200px;} .r_choose ul li{ float:left; line-height:60px; width:33%; text-align:center;} .r_choose ul li a{ color:#fff; font-size:18px;} .r_choose ul li a:hover{ color:#dabb85;} .r_setp{ margin:0 auto; margin-top:30px;} .r_setp .step_list{ line-height:24px; font-size:16px; margin-top:20px;} .r_setp .step{ height:140px; margin-top:20px;} .r_setp .step .step_01{ width:171px; height:140px; background-color:#96d154; float:left; position:relative; z-index:10000; cursor:pointer;} .r_setp .step .step_01:hover{ background-color:#b4ea77;} .r_setp .step .step_01 div{ width:146px; height:140px; text-align:center; float:left;} .r_setp .step .step_01 div h3{ font-size:60px; color:#fff;} .r_setp .step .step_01 div p{ margin-top:10px;} .r_setp .step .step_01 span{ border-width:70px 0 70px 25px; border-color:#fff transparent #fff transparent; border-style:solid; position:absolute; top:0; right:0;} .r_setp .step .step_02{ width: 171px; height:140px; position: relative; float: left; background: #00a7e2; text-align:center;} .r_setp .step .step_02:hover{ background-color:#27c4fb;} .r_setp .step .step_02 div{ width:124px; margin:0 auto; cursor:pointer;} .r_setp .step .step_02 span:nth-of-type(1) { border-width:70px 0 70px 25px; border-color:transparent transparent transparent #fff; border-style:solid; position:absolute; top:0; left:0;} .r_setp .step .step_02 span:nth-of-type(2) { border-width:70px 0 70px 25px; border-color:#fff transparent #fff transparent; border-style:solid; position:absolute; top:0; right:0;} .r_setp .step h3{ font-size:60px; color:#fff; font-weight:normal; margin-top:15px;} .r_setp .step p{ font-size:16px; line-height:18px; margin-top:3px;} .r_setp .step .step_03{ background-color:#ff4900;} .r_setp .step .step_03:hover{ background-color:#feae60;} .r_setp .step .step_04{ background-color:#96d154;} .r_setp .step .step_04:hover{ background-color:#b4ea77;} .r_setp table{ font-size:16px; line-height:24px;} .r_setp table td{ padding:15px 0; border-bottom:dotted 1px #e4e4e4;} .r_setp table tr td:nth-of-type(1){ padding-right:30px;} .r_setp table tr td:nth-of-type(2){ padding:0 30px;} .r_setp table tr td:nth-of-type(3){ text-align:center; padding-right:0px;} .r_setp table tr td:nth-of-type(4){ text-align:center;