@charset "utf-8"; /* CSS Document */ body { padding: 0; margin: 0; font-size: 14px; font-family: '微软雅黑'; -webkit-text-size-adjust: none; width: 100%; min-width: 320px; max-width: 640px; overflow-x: hidden; margin: 0 auto; font-size: 14px; } ol, ul { list-style: none } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } ul, li, input, h1, h2, h3, h4, h5, h6, p, span, b, dl, dt, dd { margin: 0; padding: 0; list-style: none; } img { border: 0; } em { font-style: normal; } a { text-decoration: none; color: #333; } .clear { clear: both; height: 0; width: 100%; overflow: hidden; } .mr { margin: 0 auto; } .lef { float: left; } /*初始化结束*/ .code { -moz-border-radius: .3em; -webkit-border-radius: .3em; border-radius: .3em; background-color: #e2e2e2; color: #000; font-family: 'Fira mono', 'Courier New', Courier, monospace; font-size: 85%; letter-spacing: .05em; padding: 1em; } .input { margin: .5em; border: 0; min-width: 100px; background-color: #b0120a; color: #f8f8f8; font-family: inherit; font-size: inherit; border-bottom: 5px solid #e84e40; padding: .5em 1em; -webkit-border-radius: .2em; -moz-border-radius: .2em; -webkit-box-shadow: 1px 1px 1px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 1px 1px 1px 0px rgba(50, 50, 50, 0.75); box-shadow: 1px 1px 1px 0px rgba(50, 50, 50, 0.75); outline: none; } input:active { box-shadow: 0 0 0 0; outline: none; } input:hover { outline: none; } main { max-width: 600px; margin: 0 auto; margin-top: 4em; } main a, main a:active, main a:focus, main a:hover, main a:link, main a:visited { font-family: 'fira mono'; text-transform: uppercase; font-size: 90%; color: black; border-bottom: 1px dotted black; } main header { font-size: 80%; } section { margin: 4em 0; } .aligncontent-center { text-align: center; } .wrapper { margin-top: 66px; padding: 1em; background-color: transparent; } .main-header { text-align: center; font-weight: 300; font-size: 90%; } .toolbar { background-color: transparent; line-height: 68px; } .menu-button { position: relative; margin: 5px; height: 36px; width: 36px; cursor: pointer; } .menu-button:before { content: ""; position: absolute; top: 5px; right: 3px; border-bottom: 17px double #ee7800; border-top: 6px solid #ee7800; width: 30px; height: 5px; } .menu-left { float: left; margin-right: 1.5em; } .sidebar { margin: 0; padding-top: 1em; color: white; background-color: #ee7800; } .sidebar h6 { margin: 0 .8em .6rem .8rem; padding: 0; font-weight: 300; line-height:1.8; font-size:1.2rem; } .sidebar li { padding: 0 1em; line-height: 32px; } .sidebar li:hover { background-color: #e84e40; } .sidebar hr { margin: 2em auto; border: 0; padding: 0; width: 80%; height: 1px; background-color: white; } .top_l { float: left; width: 10%; } .top_c { float: left; width: 80%; } .top_r { float: right; width: 10%; padding: 2%; } .tbdhl li > a { padding: .2rem .6rem; border-bottom: 1px solid #4d4d4d; font-size: 15px; display: block; color: #fff; text-align:center; } /*侧导航结束*/ .top_yw { padding: 2%; background: #f1f1f1; } .top_yw a { font-size:.6rem; color: #333; padding: 0 3%; } .ggt { margin: 2% auto; } /*底部*/ /*内容*/ .content{ background:#000;} .banner{ width: 100%;} .banner img{ width: 100%;} .bt{ width: 80%; margin-left: auto; margin-right: auto; margin-top: 2%; margin-bottom: 2%;} .bt img{ width: 100%; margin-left: auto; margin-right: auto;} .nr p{ font-size:1rem; width: 95%; margin-left: auto; margin-right: auto; text-indent: 2em; color: #fff;} .img{ width: 100%; margin-top: 2%; margin-bottom: 2%;} .img-1{ width: 48%; float: left; margin-top: 2%;} .img-1 img{ width: 100%;} .img-1 p{ width: 100%; font-size: 1rem; background: #deb968; color: #000; margin-left: 0;} .img-2{ width: 48%; float: right; margin-top: 2%;} .img-2 img{ width: 100%;} .img-2 p{ width: 100%; font-size: 1rem; background: #deb968; color: #000; margin-left: 0;} .bt1{ width: 115px; height: 35px; background: #deb968; text-align: center; line-height: 35px; color: #fff; font-size: 1.1rem;} .btn a{ display: block; width:49%; background: #deb968; border-radius: 10px 10px 10px 10px; float: left;} .btn a p{ font-size: 1.1rem; float: left; color: #fff; margin-top: 2%; word-spacing:initial;} .btn a img{ float: left; margin-left: 20%;} .n-btn{ margin-left: auto; margin-right: auto;} .btn{ margin-top: 2%; margin-bottom: 2%;} .qianjing{ margin-top: 2%;} .img-left{ width: 50%; float: left;} .img-left img{ width: 100%;} .wz-right{ width: 50%; float: right; background: #000;} .wz-right p{ color: #fff; text-align: center;} .wz-right a{ display: block; color: #fff; text-align: center; background: #deb968; width: 50%; margin-left: auto; margin-right: auto; padding: 2%;} .img-left1{ width: 50%; float: right;} .img-left1 img{ width: 100%;} .wz-right1{ width: 50%; float: left; background: #000;} .wz-right1 p{ color: #fff; text-align: center;} .wz-right1 a{ display: block; color: #fff; text-align: center; background: #deb968; width: 50%; margin-left: auto; margin-right: auto; padding: 2%;} .bt-bt a {display:block; width: 90%; color: #fff; background: #deb968; text-align: center; border-radius: 5px; margin-left: auto; margin-right: auto; font-size: 1.2rem; padding: 1%;} .bt-bt{ margin-top: 2%;} .img{ width: 100%; margin-top: 2%; margin-bottom: 2%;} .img-1{ width: 48%; float: left; margin-top: 2%;} .img-1 img{ width: 100%;} .img-2{ width: 48%; float: right; margin-top: 2%;} .img-2 img{ width: 100%;} .h5{ height: 5px;} .wz p{ color: #fff; font-size: 1rem; text-indent: 2em; width: 96%; margin-left: auto; margin-right: auto;} .wz-img{ width: 80%; margin-left: auto; margin-right: auto;} .wz-img img{ width: 100%; margin-top: 2%;} .job p{ color: #fff; font-size: 1rem; width: 98%; margin-left: auto; margin-right: auto;} .job-img img{ width: 100%;} .shicao img{ width: 100%;}