html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;background:#FFFFFF;font-family:'Microsoft YaHei';}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
a, a:hover, a:focus{ text-decoration:none !important;}
input::-webkit-input-placeholder {color: #ACAFB3;}
input::-moz-input-placeholder {color: #ACAFB3;}
input::-ms-input-placeholder {color: #ACAFB3;}
body { background-color: #F7F7F7; }

.xz-wrap {width: 1100px;height: 100%;margin: 0 auto;position: relative;}
.xz-wrap:before{ content: '.'; display:block; height:0; visibility:hidden;}
.xz-header {width: 100%; height: 350px;background-repeat: no-repeat;background-image: url(../images/xz-banner.png); background-position: center center;background-color: #D5F6FD; }
.xz-header img { display: block; margin: 110px auto 0; }
.xz-main { margin-top: -80px; margin-bottom: 70px; }
.xz-list { position: relative; margin-bottom: 30px; box-shadow:0px 5px 10px 1px rgba(0, 0, 0, 0.03); border-radius:10px; background-color: #FFFFFF; padding: 0 14px; }
.xz-list .layui-tab { margin: 0; }
.xz-list .layui-tab-title { border: 0; border-radius: 10px 10px 0 0; height: 80px; }
.xz-list .layui-tab-title:before { width: 100%; height: 4px; background-color: #112534; display: block; content: ''; position: absolute; left: 0; bottom: -2px; }
.xz-list .layui-tab-title li { line-height: 80px; font-size: 24px; color: #112534; font-weight: bold; padding: 0; margin-right: 60px; }
.xz-list .layui-tab-title .layui-this:after { height: 4px; background-color: #F60000; bottom: -2px; top: initial; border: 0; }
.xz-list .layui-tab-title .layui-this { color: #F60000; }
.xz-list .xz-form { position: absolute; top: 0; right: 0; z-index: 10; padding-top: 22px; }
.xz-list .xz-form .layui-form-select dl dd.layui-this {background-color: #F60000;}
.xz-list .xz-form .layui-input-inline { width: 210px; font-size: 14px; }
.xz-list .xz-form .layui-input-inline:first-child { width: 150px; }
.xz-list .xz-form .layui-input-inline:last-child { width: auto; }
.xz-list .xz-form .layui-input-inline:last-child button { width: 56px; background-color: #F60000; padding: 0;}
.xz-list .layui-tab-content { padding: 14px 0;}

.xz-list .layui-table { margin: 0; }
.xz-list .layui-table td, .xz-list .layui-table th { padding: 15px; color: #333333; }
.xz-list .layui-table thead tr { background:rgba(246,0,0,0.08); border-radius:10px 10px 0px 0px; }
.xz-list .layui-table thead tr th { font-weight: bold; }
.xz-list .layui-table tbody tr td a { display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 14px; color: #333333; }
.xz-list .layui-table tbody tr td a:hover { color: #F60000; text-decoration: underline !important; }
.xz-list .layui-table tbody tr td:nth-child(1) a, .xz-list .layui-table tbody tr td:nth-child(2) a { width: 300px;}
.xz-list .layui-table tbody tr td:nth-child(3) a { width: 132px;}
.xz-list .layui-table tbody tr td:nth-child(4) a { width: 220px;}

.xz-list2 { height: 100px; background-repeat: no-repeat;background-image: url(../images/xz-banner2.png); background-position: center center;}
.xz-list2 a { width: 100px; background-color: #F60000; border-radius: 10px; box-shadow:0px 5px 10px 1px rgba(0, 0, 0, 0.03); position: absolute; top: 50%; margin-top: -19px; left: 50%; margin-left: 180px; transition: all 0.3s; }
.xz-list2 a:hover { border-radius: 5px; }

.dowebok { width: 100%; height: 500px; font-size: 14px; background: none !important; overflow: hidden;}
.xz-dowebok ul:after, .xz-dowebok ul:before {content: '';display: block;clear: both;}
.xz-dowebok ul li { height: 50px; line-height: 50px; box-sizing: border-box; }
.xz-dowebok ul li:nth-child(2n) { background-color: #F2F2F2; }
.xz-dowebok ul li.xz-li1 { background:rgba(246,0,0,0.08); border-radius:10px 10px 0px 0px; }
.xz-dowebok ul li.xz-li1 div { color: #666666; font-weight: bold; }
.xz-dowebok ul li div { float: left; padding: 0 15px; box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 14px; color: #333333; }
.xz-dowebok ul li div:hover a { color: #F60000; text-decoration: underline !important; }
.xz-dowebok ul li div:nth-child(1), .xz-dowebok ul li div:nth-child(2) { width: 330px;}
.xz-dowebok ul li div:nth-child(3) { width: 162px;}
.xz-dowebok ul li div:nth-child(4) { width: 250px;}

.xz-more { width:110px; height:42px; line-height: 42px; text-align: center; font-size: 14px; color: #F60000; display: block; margin: 14px auto 0; border:1px solid #F60000; border-radius:4px; transition: all 0.3s; }
.xz-more:hover { background-color: #F60000; color: #FFFFFF; }

.xz-bm { margin: -5px; min-height: 336px; }
.xz-bm li { width: 20%; padding: 5px; float: left; box-sizing: border-box; }
.xz-bm li a { width:100%; height:38px; line-height: 38px; background:#F1F2F3; border-radius:4px; display: block; font-size: 14px; color: #333333; text-align: center; transition: all 0.3s; cursor: pointer; }
.xz-bm li a:hover { background-color: #F60000; color: #FFFFFF; }

.xz-footer { height: 120px; background-color: #FFFFFF; border-top: 2px solid #F60000; }
.xz-footer img { display: block; position: absolute; top: 20%; }
.xz-footer .xz-img1 { left: 0; height: 39px; margin-top: -19.5px; }
.xz-footer .xz-img2 { right: 0; height: 55px; margin-top: -22.5px; }
.xz-footer p { text-align: center; font-size: 14px; color: #666666; line-height: 20px; padding: 5px 0;}
.xz-footer p:first-child { margin-top: 35px; }

.xz-pages { text-align: center; padding-top: 20px;}
.xz-pages .layui-laypage { margin: 0; }
.xz-pages .layui-laypage .layui-laypage-curr .layui-laypage-em { background-color: #F60000 !important; }
.xz-pages .layui-laypage input:focus, .xz-pages .layui-laypage select:focus {border-color: #F60000 !important; }
.xz-pages .layui-laypage a:hover { color: #F60000; }

.xz-details { overflow: hidden; padding-top: 20px}
.xz-details h3 { height: 80px; line-height: 80px; text-align: center; font-size: 24px; color: #F60000; font-weight: normal; }
.xz-details .layui-form { border-radius: 10px; border: 1px solid #E5E5E5; overflow: hidden; margin-bottom: 20px}
.xz-details .layui-form-item { margin: 0; }
.xz-details .layui-form-item:nth-child(2n+1) .layui-form-label { background-color: #F2F2F2; }
.xz-details .layui-form-item:last-child .layui-form-label, .xz-details .layui-form-item:last-child .layui-input-block { border-bottom: 0;}
.xz-details .layui-form-label, .xz-details .layui-input-block { font-size: 14px; box-sizing: border-box; }
.xz-details .layui-form-label { width: 270px; font-weight: bold; color: #666666; padding: 15px 20px!important; border-bottom: 1px solid #E5E5E5; border-right: 1px solid #E5E5E5; }
.xz-details .layui-input-block { margin-left: 271px; color: #333333; padding: 0 20px!important; line-height: 50px; min-height: 50px; border-bottom: 1px solid #E5E5E5; }


