* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} *:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0;padding:0; } body {background:#fff; color:#555; font:12px/1.25 "微软雅黑", "宋体",Verdana, Arial, Helvetica, sans-serif;} td,th,caption { font-size:14px; } h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; } address, caption, cite, code, dfn, em, b,i,strong, th, var { font-style:normal; font-weight:normal;} a { color:#000; text-decoration:none; } a:hover { text-decoration:none;color:#00a1d6; } img { border:none; } ol,ul,li { list-style:none; } input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif;outline: none } table { border-collapse:collapse; } .clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;} .clearfix { *zoom:1;} /*全局结束*/ .header{height: 153px} .footer{height: 100px} .qzxx-lb{ width: 1200px; background: #FFFFFF; padding: 0px; margin: 0 auto; min-height:800px; } .qzxx-lb h1{ padding: 23px 5px; font-size: 21px; margin-bottom: 10px; font-weight: bold; color: #2071b4; } .qzxx-lb .mail-search{margin-bottom:20px;border-bottom: 2px solid #0065f4;padding:20px;text-align:center} .qzxx-lb .mail-search .s-text { width: 400px; padding: 10px 15px; border-radius: 5px; border: 1px solid #77d8ee; } .qzxx-lb .mail-search .s-sub, .s-botton { background: #56b1e0; text-align: center; padding: 7px 20px; border: none; border-radius: 5px; color: #fff; font-size: 16px; display: inline-block; margin:0 5px; transition:all .4s ease; } .qzxx-lb .mail-search .s-sub{cursor:pointer;margin-right:100px} .qzxx-lb .mail-search .s-sub:hover,.qzxx-lb .mail-search .s-botton:hover{background: #266fa6; color: #fff;} .qzxx-zxul>li{ float: left; width: 50%; margin-left: 0; border-bottom: 1px solid #E4E4E4; padding-bottom: 10px; padding-left: 5px; margin-bottom: 30px; } .qzxx-zxul>li a{ display: block; margin: 13px 0px; font: normal normal 15px "微软雅黑"; line-height: 25px; } .qzxx-zt li{ float: left; font: normal normal 14px "微软雅黑"; color: #A9A9A9; } .qzxx-zt li+li{ margin: 0px 5%; } .qzxx-zt li+li+li{ margin: 0px; } .qzxx-zt li i{ color: #CC0000; } .qzxx-lbfy{ width: 60%; margin: 0 auto; } .qzxx-lbfy li{ float: left; border: 1px solid #DFDFDF; margin: 0px 5px; font: normal normal 14px "微软雅黑"; } .qzxx-lbfy li a{ display: block; padding: 8px 12px; } .qzxx-lbfy li a:hover{ background: #0377CE; color: #FFFFFF; } .qzxx-lbfy li a.on{ background: #0377CE; color: #FFFFFF; } .lg-xxwz { width: 1200px; height: 50px; padding-left: 15px; box-shadow: rgb(232, 234, 238) 0px 1px 1px 1px; color: rgb(133, 133, 133); margin: 18px auto 0; border-width: 1px; border-style: solid; border-color: rgb(232, 234, 238); border-image: initial; background: white; font: 16px/50px 微软雅黑; } /*列表页结束*/ .qzxx-lbnr{ width: 1200px; padding: 20px 0px; margin: 0 auto; min-height:800px } .qzxx-lbnr h3{ text-align: center; font: normal bold 22px "微软雅黑"; color: #0377CE; } .qzxx-nr{ margin-top: 50px; } .qzxx-nr li{ padding-bottom: 15px; padding-left: 20px; padding-right: 5px; border-bottom: 1px solid #E4E4E4; } .qzxx-nr li b,.qzxx-nr li em,.qzxx-nr li i{ display: inline-block; font: normal normal 15px "微软雅黑"; color: #000000; } .qzxx-nr li em{ font: normal bolder 16px "微软雅黑"; color: #000000; } .qzxx-nr li i{ font: normal normal 16px "微软雅黑"; color: #000000; } .qzxx-nr li em,.qzxx-nr li i{ width: 15%; vertical-align: middle; } .qzxx-nr li b{ width: 85%; vertical-align: middle; line-height:2 } /*内容页结束*/ .qzxx-cx{ width: 100%; padding: 40px 0px; } .qzxx-cxss h2{ text-align: center; } .qzxx-cxtb{ display: inline-block; width: 65px; height: 70px; background: url('../img/qzxx-tb.png') no-repeat; background-position: -16px -12px; vertical-align: middle; } .qzxx-cxss h2 span{ display: inline-block; margin-left: 10px; font: normal normal 23px "微软雅黑"; color: #E94747; vertical-align: middle; } .qzxx-cxy{ margin-left: 2.1%; } .qzxx-cxk{ width: 88%; margin: 30px auto; padding: 30px 5%; background: #F7F8FC; } .qzxx-cxk p{ float: left; margin-left: 12%; } .qzxx-cxk p+p{ margin-left: 4%; } .qzxx-cxk p input{ width: 250px; height: 32px; background: #FFFFFF; } .qzxx-cxk p span{ font: normal bold 15px "微软雅黑"; } .qzxx-cxk p button{ width: 105px; height: 37px; background: #F04244; border: 0px; font: normal normal 15px "微软雅黑"; color: #FFFFFF; cursor: pointer; margin-top: -3px; } .qzxx-cxk p button:hover{ font: normal bold 16px "微软雅黑"; color: #FFFFFF; } /*查询页结束*/ .qzxx-xx{ width: 100%; padding: 40px 0px; border: 1px solid saddlebrown; } .qzxx-wytb{ display: inline-block; width: 60px; height: 50px; background: url('../img/qzxx-tb.png') no-repeat; background-position: -130px -19px; vertical-align: middle; } .qzxx-wy p{ margin-left: 0px; font: normal normal 15px "微软雅黑"; color: #000000; line-height: 27px; } .qzxx-xxnr{ width: 88%; margin: 0 auto; margin-top:45px; } .qz-xxbt{ display: inline-block; width: 5px; height: 18px; margin-right: 5px; background:#0377CE; vertical-align: middle; } .qzxx-xxnr h2 span{ font: normal bold 16px "微软雅黑"; color: #000000; vertical-align: bottom; } .qzxx-xjnr{ float: left; width: 50%; margin-top: 35px; padding-left: 10px; } .qzxx-xjnry{ float: right; width: 46.5%; margin-top: 35px; } .qzxx-xjnr li,.qzxx-xjnry li{ margin-bottom: 15px; } .qzxx-xjnr li span,.qzxx-xjnry li span{ display: inline-block; width: 15.5%; font: normal normal 15px "微软雅黑"; color: #000000; } .qzxx-xjnry li span{ width: 14%; } .qzxx-xjnry li label{ display: inline-block; margin-right: 15px; padding-left: 3px; font: normal normal 15px "微软雅黑"; color: #000000; line-height: 32px; } .qzxx-ipt1{ width: 250px; height: 32px; background: #FFFFFF; border: 1px solid #DFDFDF; } .qzxx-ipt2{ width: 165px; height: 32px; background: #FFFFFF; border: 1px solid #DFDFDF; } .qzxx-ipt3{ width: 465px; height: 32px; background: #FFFFFF; border: 1px solid #DFDFDF; } .qzxx-ipt4{ width: 91%; height: 32px; background: #FFFFFF; border: 1px solid #DFDFDF; } .qzxx-ipt5{ width: 91%; height: 120px; background: #FFFFFF; border: 1px solid #DFDFDF; padding-left: 10px; padding-top: 5px; vertical-align: middle; } .qzxx-btn{ width: 115px; height: 32px; margin-left: 5px; font: normal normal 14px "微软雅黑"; background: #F2F2F2; border: 1px solid #DFDFDF; cursor: pointer; } .qzxx-btn:hover{ background: #00A1D6; color: #FFFFFF; } .qzxx-xjnrx{ width: 100%; } .qzxx-sx li{ float: left; margin-right: 5.3%; } .qzxx-xjnrx li span{ width: auto; } .qzxx-sx li span{ display: inline; } .qzxx-sx li select{ width: 114px; height: 32px; font: normal normal 14px "微软雅黑"; border: 1px solid #DFDFDF; } .qzxx-int{ display: block; padding-left: 5px; margin-left: 16.4%; margin-top: 15px; } .qzxx-sx li .qzxx-se2{ width: 250px; height: 32px; font: normal normal 14px "微软雅黑"; border: 1px solid #DFDFDF; } .qzxx-xjnrx li p{ margin-top: 5px; font: normal normal 14px "微软雅黑"; padding-left: 3px; margin-left: 8%; line-height: 30px; } .qzxx-xjnrx li label{ font: normal normal 15px "微软雅黑"; } .qzxx-xjnrx li em{ font: normal normal 15px "微软雅黑"; } .qzxx-yzm img{ width: 125px; height: 32px; vertical-align: bottom; } .qzxx-from{ width: 27.5%; margin: 40px auto; } .qzxx-btn2{ width: 165px; height: 40px; background: #0377CE; border: 0px; font: normal normal 15px "微软雅黑"; color: #FFFFFF; cursor: pointer; } .qzxx-btn3{ background: #999999; margin-left: 20px; } .qzxx-btn2:hover{ font: normal bold 15px "微软雅黑"; color: #FFFFFF; background: #00A1D6; } .qzxx-btn3:hover{ font: normal bold 15px "微软雅黑"; color: #FFFFFF; background: #CC0000; } @media (max-width:768px){ .header{height: 69.75px} .footer{height: 353px} .qzxx-lb{width: 100%} .qzxx-lb .mail-search .s-text{width: 100%;margin-bottom: 10px;} .qzxx-lb .mail-search .s-sub{margin-right: 0} .qzxx-zxul > li{width: 100%;padding-left: 15px;} .lg-xxwz{width: 100%} .qzxx-lbnr{width: 100%} .qzxx-nr{margin-top: 20px} .qzxx-nr li{padding-left: 5px} .qzxx-nr li em{width: 20%} .qzxx-nr li b{width: 80%} }