@charset "UTF-8";
body {
  padding: 0;
  margin: 0;
  font: normal 12px/180% 'Microsoft YaHei';
  color: #333;
  background: #fff; }

h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, button, input, textarea, th, td {
  margin: 0;
  padding: 0; }

div {
  margin: 0 auto;
  text-align: left;
  font: normal 12px/180% 'Microsoft YaHei'; }

a:link, a:visited {
  color: #333;
  text-decoration: none; }

a:hover {
  color: #e60012;
  text-decoration: none; }

img {
  border: none; }

ol, ul, li {
  list-style: none; }

i {
  font-style: normal; }

input, img {
  vertical-align: middle; }

input[type="button"], input[type="submit"] {
  vertical-align: middle;
  cursor: pointer; }

/*html5*/
article, aside, footer, header, section, footer, nav, figure {
  display: block;
  margin: 0 auto; }

/*clear*/
.clearfix:before, .clearfix:after {
  content: "";
  display: table; }

.clearfix:after {
  clear: both;
  overflow: hidden; }

.clearfix {
  zoom: 1; }

.clear {
  clear: both; }

h1, h2, h3, h4, h5, h6 {
  text-align: left;
  font: normal 12px/200% "宋体"; }

.fl {
  float: left; }

.fr {
  float: right; }

.tc {
  text-align: center; }

.ml35 {
  margin-left: 35px; }

.mb25 {
  margin-bottom: 23px; }

/*减去2像素边线*/
.w1000 {
  width: 1000px;
  margin: 0 auto; }

.w980 {
  width: 980px;
  margin: 0 auto; }

body {
  background: url(../images/bg.jpg) no-repeat center 36px; }

/*通用顶部*/
.top {
  width: 100%;
  height: 36px;
  background: url(../images/head_bg.png) repeat-x top; }
  .top span {
    float: right;
    margin-top: 8px; }
    .top span a {
      margin: 0 10px; }

/*题图*/
.tiTu {
  height: 517px;
  width: 100%; }

.bianzhean {
  width: 900px;
  height: 205px;
  padding: 30px 0 0 100px;
  margin: 0 auto;
  font-size: 18px;
  line-height: 200%;
  background: url(../images/bianzhean.png) no-repeat left center; }

.shuoming {
  width: 940px;
  height: 98px;
  background: #e69984;
  border: 1px solid #cb7e6a;
  color: #fff;
  padding: 30px;
  font-size: 14px; }
  .shuoming b {
    display: block; }

/*调查内容*/
.contentBox {
  width: 1000px;
  margin: 0 auto; }

.content {
  width: 1000px;
  margin: 0 auto;
  padding-top: 50px; }
  .content h2 {
    width: 767px;
    margin: 0 auto;
    padding: 5px 0;
    font-size: 24px;
    font-weight: bold; }
  .content p.title {
    width: 767px;
    margin: 0 auto;
    padding: 5px 0;
    font-size: 14px; }
    .content p.title select {
      margin-left: 10px;
      width: 129px;
      height: 30px;
      margin-right: 30px;
      border: 1px solid #f4e6d8; }
  .content p.red {
    text-align: center;
    padding: 15px 0;
    color: #d00; }
  .content .noteFirst {
    width: 1000px;
    height: auto;
    background: url(../images/c_bg.jpg);
    border: 1px solid #f0dfc9; }
    .content .noteFirst h3 {
      text-align: center;
      padding: 45px 0 25px 0; }
    .content .noteFirst .line {
      text-align: center; }
  .content .noteBox {
    width: 920px;
    margin: 0 auto 30px auto;
    border-bottom: 1px solid #f0dfc9;
    padding: 30px 0; }
    .content .noteBox dt {
      float: left;
      width: 60px;
      padding-left: 40px; }
      .content .noteBox dt span {
        display: inline-block;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        text-align: center;
        color: #fff;
        font-size: 22px;
        background: #e08066;
        line-height: 50px; }
    .content .noteBox dd {
      float: left;
      width: 750px; }
      .content .noteBox dd h4 {
        font-size: 15px; }
      .content .noteBox dd ul {
        height: 160px;
        position: relative; }
        .content .noteBox dd ul li {
          width: 33%;
          font-size: 14px;
          padding: 5px 0;
          height: 40px;
          position: absolute;
          cursor: pointer; }
          .content .noteBox dd ul li input[type='checkbox'] {
            display: none; }
          .content .noteBox dd ul li input[type='text'] {
            width: 65px;
            height: 20px;
            border: none;
            background: none;
            border-bottom: 1px solid #333; }
          .content .noteBox dd ul li b {
            font-weight: normal;
            display: inline-block;
            margin-right: 15px;
            width: 10px;
            text-align: center; }
        .content .noteBox dd ul li.t1 {
          top: 0px;
          left: 0px; }
        .content .noteBox dd ul li.t2 {
          top: 40px;
          left: 0px; }
        .content .noteBox dd ul li.t3 {
          top: 80px;
          left: 0px; }
        .content .noteBox dd ul li.t4 {
          top: 120px;
          left: 0px; }
        .content .noteBox dd ul li.t5 {
          top: 0px;
          left: 33%; }
        .content .noteBox dd ul li.t6 {
          top: 40px;
          left: 33%; }
        .content .noteBox dd ul li.t7 {
          top: 80px;
          left: 33%; }
        .content .noteBox dd ul li.t8 {
          top: 120px;
          left: 33%; }
        .content .noteBox dd ul li.t9 {
          top: 0px;
          left: 66%; }
        .content .noteBox dd ul li.t10 {
          top: 40px;
          left: 66%; }
        .content .noteBox dd ul li.t11 {
          top: 80px;
          left: 66%; }
        .content .noteBox dd ul li.t12 {
          top: 120px;
          left: 66%; }

.noteBox1 {
  width: 920px;
  margin: 0 auto 30px auto;
  border-bottom: 1px solid #f0dfc9;
  padding: 30px 0; }
  .noteBox1 dt {
    float: left;
    width: 60px;
    padding-left: 40px; }
    .noteBox1 dt span {
      display: inline-block;
      width: 50px;
      height: 50px;
      border-radius: 50%;
      text-align: center;
      color: #fff;
      font-size: 22px;
      background: #e08066;
      line-height: 50px; }
  .noteBox1 dd {
    float: left;
    width: 750px; }
    .noteBox1 dd h4 {
      font-size: 15px; }
  .noteBox1 .noteTwoList {
    width: 100%;
    margin: 0 auto; }
    .noteBox1 .noteTwoList .noteTitle {
      background: #ccc; }
      .noteBox1 .noteTwoList .noteTitle td {
        text-align: center;
        padding: 10px 0;
        font-size: 14px; }
    .noteBox1 .noteTwoList td {
      padding: 8px 0;
      font-size: 14px;
      cursor: pointer;
      text-align: center;
      position: relative; }
      .noteBox1 .noteTwoList td .xuan {
        display: inline-block;
        width: 24px;
        height: 30px;
        background: url(../images/xuan.png) no-repeat;
        position: absolute;
        left: 45%;
        top: 0px; }
      .noteBox1 .noteTwoList td b {
        font-weight: normal;
        display: inline-block;
        margin-right: 15px;
        width: 10px;
        text-align: center; }
    .noteBox1 .noteTwoList .ListTitle {
      text-align: left; }
      .noteBox1 .noteTwoList .ListTitle input[type='checkbox'] {
        display: none; }

.twoList h2 {
  text-align: center;
  font-size: 24px; }

.tijiao {
  text-align: center;
  padding: 20px 0; }

.xuan {
  display: inline-block;
  width: 24px;
  height: 30px;
  background: url(../images/xuan.png) no-repeat;
  position: absolute;
  left: -3px;
  top: -3px; }

/*第二部分*/
.two {
  width: 1000px;
  margin: 0 auto; }
  .two h4 {
    font-size: 24px;
    color: #e08066;
    width: 800px;
    margin: 0 auto; }
  .two p {
    font-size: 14px;
    line-height: 180%;
    width: 800px;
    margin: 0 auto; }
  .two .timuList {
    width: 845px;
    margin: 30px auto; }
    .two .timuList li {
      float: left;
      height: 60px;
      text-align: center;
      color: #fff;
      width: 420px;
      margin: 1px 0 0 1px;
      line-height: 60px;
      font-size: 30px; }
    .two .timuList li.s1 {
      background: #e69983; }
    .two .timuList li.s2 {
      background: #9fc889; }
    .two .timuList li.s3 {
      background: #80b2c4; }
    .two .timuList li.s4 {
      background: #dbca95; }

.tipBox {
  width: 1000px;
  height: 500px;
  background: url(../images/c_bg1.jpg);
  border: 1px solid #f0dfc9;
  text-align: center;
  padding-top: 100px;
  position: fixed;
  top: 10%;
  left: 50%;
  margin-left: -500px; }
  .tipBox h2 {
    font-size: 46px;
    color: #d00;
    margin-top: 100px;
    text-align: center; }

.copyright {
  color: #333;
  text-align: center;
  padding-top: 20px; }

/*动画*/
.flash {
  -webkit-animation: flash 1s ease forwards;
  animation: flash 1s ease forwards; }

@-webkit-keyframes flash {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes flash {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.unflash {
  -webkit-animation: unflash 1s ease forwards;
  animation: unflash 1s ease forwards; }

@-webkit-keyframes unflash {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes unflash {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.upMove {
  -webkit-animation: upMove 3s ease infinite;
  animation: upMove 3s ease infinite; }

@-webkit-keyframes upMove {
  0% {
    -webkit-transform: translate3d(0, 0px, 0) scale(0.9); }
  50% {
    -webkit-transform: translate3d(0, -30px, 0) scale(1); }
  100% {
    -webkit-transform: translate3d(0, 0, 0) scale(0.9); } }

@keyframes upMove {
  0% {
    transform: translate3d(0, 0px, 0) scale(0.9); }
  50% {
    transform: translate3d(0, -30px, 0) scale(1); }
  100% {
    transform: translate3d(0, 0, 0) scale(0.9); } }

@-webkit-keyframes mouseMove {
  0% {
    -webkit-transform: translate3d(0px, 0px, 0);
    opacity: 0; }
  100% {
    -webkit-transform: translate3d(0, -20px, 0);
    opacity: 1; } }

@keyframes mouseMove {
  0% {
    transform: translate3d(0px, 0px, 0);
    opacity: 0; }
  100% {
    transform: translate3d(0, -20px, 0);
    opacity: 1; } }

.p1MoveLeft {
  -webkit-animation: p1MoveLeft 0.8s ease forwards;
  animation: p1MoveLeft 0.8s ease forwards; }

@-webkit-keyframes p1MoveLeft {
  0% {
    -webkit-transform: translate3d(-5000px, 0px, 0);
    opacity: 0; }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes p1MoveLeft {
  0% {
    transform: translate3d(-5000px, 0px, 0);
    opacity: 0; }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

.p1MoveRight {
  -webkit-animation: p1MoveRight 0.8s ease forwards;
  animation: p1MoveRight 0.8s ease forwards; }

@-webkit-keyframes p1MoveRight {
  0% {
    -webkit-transform: translate3d(5000px, 0px, 0);
    opacity: 0; }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes p1MoveRight {
  0% {
    transform: translate3d(5000px, 0px, 0);
    opacity: 0; }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

.xianMove {
  -webkit-animation: xianMove 0.8s ease forwards;
  animation: xianMove 0.8s ease forwards;
  -webkit-transform-origin: 30% 60%;
  transform-origin: 30% 60%; }

@-webkit-keyframes xianMove {
  0% {
    -webkit-transform: scale(0);
    opacity: 0; }
  100% {
    -webkit-transform: scale(1);
    opacity: 1; } }

@keyframes xianMove {
  0% {
    transform: scale(0);
    opacity: 0; }
  100% {
    transform: scale(1);
    opacity: 1; } }

/*响应式*/
@media screen and (min-width: 320px) and (max-width: 640px) {
  .w1000 {
    width: 100%; }
  body {
    background: url(../images/mbg.jpg) no-repeat center 36px;
    background-size: contain;
    overflow-x: hidden; }
  .tiTu {
    height: 255px; }
  .bianzhean {
    width: 83%;
    margin: 0 auto;
    line-height: 160%;
    padding: 0px 0 0 12%;
    height: auto;
    font-size: 12px;
    padding-bottom: 10px;
    background: url(../images/bianzhean.png) no-repeat left top;
    background-size: 10% 45%; }
  .shuoming {
    width: 90%;
    height: auto;
    padding: 5%; }
  .content {
    width: 100%;
    padding-top: 20px; }
    .content h2 {
      width: 95%;
      margin: 0 auto; }
    .content p.title {
      width: 98%;
      margin: 0 auto;
      font-size: 12px; }
      .content p.title span {
        display: inline-block;
        width: 20%;
        text-align: right; }
      .content p.title select {
        width: 70%;
        font-size: 12px;
        margin-left: 0;
        margin-right: 5px;
        margin-bottom: 5px; }
    .content .noteFirst {
      width: 99%;
      margin: 0 auto; }
      .content .noteFirst h3 {
        width: 90%;
        margin: 0 auto; }
        .content .noteFirst h3 img {
          width: 100%; }
      .content .noteFirst .line {
        width: 100%;
        text-align: center; }
        .content .noteFirst .line img {
          width: 95%; }
    .content .noteBox {
      width: 95%;
      margin: 10px auto;
      height: auto; }
      .content .noteBox dt {
        width: 40px;
        padding-left: 0; }
        .content .noteBox dt span {
          width: 30px;
          height: 30px;
          font-size: 18px;
          line-height: 30px; }
      .content .noteBox dd {
        width: 85%; }
        .content .noteBox dd ul {
          height: auto; }
          .content .noteBox dd ul li {
            width: 100%;
            position: static;
            height: 24px;
            font-size: 12px; }
  .noteBox1 {
    width: 95%;
    margin: 10px auto; }
    .noteBox1 dt {
      width: 40px;
      padding-left: 0; }
      .noteBox1 dt span {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 18px; }
    .noteBox1 dd {
      width: 85%; }
      .noteBox1 dd ul {
        height: auto; }
        .noteBox1 dd ul li {
          width: 100%;
          position: static;
          height: 20px; }
    .noteBox1 .noteTwoList .noteTitle td {
      font-size: 12px; }
    .noteBox1 .noteTwoList td {
      font-size: 12px; }
      .noteBox1 .noteTwoList td .xuan {
        margin-top: 0; }
  .two {
    width: 100%; }
    .two h4 {
      width: 90%;
      margin: 0 auto; }
    .two p {
      width: 90%;
      margin: 0 auto; }
    .two .timuList {
      width: 90%;
      margin: 5px auto; }
      .two .timuList li {
        width: 49.5%;
        font-size: 14px; }
  .xuan {
    display: inline-block;
    width: 24px;
    height: 30px;
    background: url(../images/xuan.png) no-repeat;
    position: relative;
    margin-top: -15px; }
  .tipBox {
    width: 90%;
    height: auto;
    margin-left: 0; }
    .tipBox h2 {
      font-size: 26px;
      color: #d00;
      margin-top: 50px;
      text-align: center; }
  .tijiao {
    text-align: center;
    padding: 20px 0; }
    .tijiao img {
      width: 30%; }
  .tipBox {
    width: 90%;
    height: 200px;
    margin: 0 auto;
    background: url(../images/c_bg1.jpg);
    border: 1px solid #f0dfc9;
    text-align: center;
    padding-top: 50px;
    position: fixed;
    top: 10%;
    left: 5%; }
    .tipBox img {
      width: 100%; } }

/*# sourceMappingURL=maps/default.css.map */