@charset "UTF-8";
    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;
    }

    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;
    }

    html {
      font-size: 62.5%;
      color: #222;
    }

    ::selection {
      background-color: #b3d4fc;
      text-shadow: none;
    }

    ul {
      margin: 0;
      padding: 0;
    }

    li {
      list-style: none;
    }

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

    .clearfix:after {
      clear: both;
    }

    .text-red {
      color: #ff0000;
    }
    /* ===============
   自定义页面样式
   =============== */
    body {
      font: 1.2rem "simhei", Arial, Helvetica, sans-serif;
      line-height: 1.5;
      background-color: #ffffff;
    }

    a {
      color: #666;
      text-decoration: none;
    }

    a:hover,
    a:active {
      color: #ff0000;
      /* text-decoration: underline; */
    }

    /*公共类*/
    .fl {
      float: left
    }

    .fr {
      float: right
    }

    .al {
      text-align: left
    }

    .ac {
      text-align: center
    }

    .ar {
      text-align: right
    }

    .hide {
      display: none
    }


    .nuxt-progress {
      position: fixed;
      top: 0px;
      left: 0px;
      right: 0px;
      height: 2px;
      width: 0%;
      opacity: 1;
      transition: width 0.1s, opacity 0.4s;
      background-color: black;
      z-index: 999999;
    }

    .nuxt-progress.nuxt-progress-notransition {
      transition: none;
    }

    .nuxt-progress-failed {
      background-color: red;
    }

    .topnav {
      height: 48px;
      line-height: 48px;
      border-bottom: 1px solid #e2e2e2;
    }

    .w {
      width: 1100px;
      margin: 0 auto;
    }

    #time {
      background: url(../images/top_icon1.jpg) no-repeat left 13px;
      padding-left: 30px;
    }

    .w380 {
      /* width: 380px; */
      height: 49px;
    }

    .email {
      background: url(../images/top_icon2.jpg) no-repeat left 16px;
      width: 150px;
      padding-left: 30px;
    }

    .call {
      background: url(../images/top_icon3.jpg) no-repeat left 13px;
      /* width: 100px; */
      padding-left: 20px;
    }


    .w {
      width: 1100px;
      margin: 0 auto;
    }

    .m_0 {
      margin-top: 0;
    }

    .djSearch {
      background: url(../images/logo_bg.jpg) no-repeat left top;
      height: 105px;
      width: 100%;
      margin-top: 0;
      overflow: hidden;
    }
    .djSearch input{
      outline: none;
    }

    .search {
      /* box-sizing: border-box; */
      margin-top: 40px;
      width: 251px;
      height: 36px;
      border: 1px solid #000;
    }

     .el-input-group__append {
      position: relative;
      width: 32px;
      height: 34px;
      /* border: 1px; */
    }

     .el-input__inner {
      width: 210px;
      height: 34px;
      border-radius: 0;
      padding-left: 8px;
      border: 0;
    }

    .el-button--primary {
      box-sizing: border-box;
      position: absolute;
      right: 0;
      top: 0;
      border-radius: 0;
      border: 0;
      height: 34px !important;
      width: 32px;
      background-color: #fff !important;
      color: #000 !important;
      /* border-color: #409eff !important; */
      /* background: url(../images/search.png) no-repeat center center;
      background-size: 20px; */
    }
    .searchbtn{
      background: url(../images/search.png) no-repeat center center;
      background-size: 20px;
    }
    .searchbtn:hover{
      cursor: pointer;
    }

     .el-icon-search {
      position: absolute;
      top: 10px;
      right: 11px;
    }

    .nav {
      background: #dabd9d;
      height: 45px;
      width: 100%;
    }

    .el-menu-demo {
      height: 45px;
      width: 100%;
      display: flex;
      align-content: center;
      justify-content: center;
      border: none !important;
      background-color: #dabd9d;
    }

    .el-menu-item {
      width: 130px !important;
      height: 45px !important;
      line-height: 45px !important;
      font-size: 20px !important;
      text-align: center !important;
      border: none !important;
    }

    .el-menu-item a{
      display: block;
      color: #222;
    }

    .el-menu-item i {
      display: none;
    }

    .el-menu-item:hover,
    .is-active {
      outline: 0 !important;
      color: #000 !important;
      background-color: #fff !important;
      font-weight: 700;
    }

    .notActive {
      color: #000000 !important;
      border-bottom-color: transparent !important;
    }


    .w {
      width: 1100px;
      margin: 0 auto;
    }

    .fl {
      float: left;
      display: inline;
    }

    .fr {
      float: right;
      display: inline;
    }


    body {
      font-family: "Microsoft YaHei", "微软雅黑", "SimHei", "宋体";
      font-size: 12px;
      background: #fff;
    }

    a {
      list-style: none;
    }

    li {
      list-style: none;
    }

    .area {
      overflow: hidden;
    }


    .swiperBox {
      margin-top: 20px;
      height: 500px;
      width: 1100px;
      overflow: hidden;
      position: relative;
    }
    .swiperBox .swiper-button-next, .swiperBox .swiper-button-prev{
        color: #fff;
        background-color: rgba(0, 0, 0, .3);
        width: 48px;
        height: 100px;
        border-radius: 5px;
        font-size: 50px;
        font-weight: lighter;
        top: 43%;
        opacity: .5;
        transition: all 0.5s;
    }
    .swiperBox .swiper-button-next:hover, .swiperBox .swiper-button-prev:hover{
        opacity: 1;
        transition: all 0.5s;
    }

    .el-carousel__item {
      height: 500px;
      width: 1100px;
    }

    .el-carousel__item .carousel {
      width: 100%;
      height: 100%;
    }

    .el-carousel__item .carousel img {
      display: block;
      width: 1100px;
      height: 470px;
    }

     .el-carousel__indicator--horizontal {
      padding: 0 5px;
    }

     .el-carousel__button {
      width: 32px;
      height: 9px;
      border-radius: 10px;
      background: #b9b8b8;
    }

     .el-carousel__arrow {
      width: 52px;
      height: 134px;
      border-radius: 5px;
      opacity: 1;
      font-size: 30px;
    }

     .el-carousel__arrow--right {
      right: 5px;
    }

     .el-carousel__arrow--left {
      left: 5px;
    }

     .el-carousel__indicators--horizontal .is-active .el-carousel__button {
      background: #dabd9d;
      width: 87px;
      height: 9px;
    }

    .carousel img {
      cursor: pointer;
      width: "1100";
      height: "470";
    }


    .area {
      overflow: hidden;
    }

    .m_t25 {
      margin-top: 25px;
    }

    .w700 {
      width: 700px;
    }

    .title h3 {
      font-size: 24px;
      font-family: "Microsoft YaHei", "微软雅黑", "SimHei", "宋体";
      font-weight: bold;
      color: #000;
      border-bottom: 1px solid #dabd9d;
      line-height: 45px;
    }

    .title h3 span {
      /* cursor: pointer; */
      float: right;
      font-size: 14px;
      color: #515151;
      line-height: 60px;
    }

    .title h3 span:hover {
      text-decoration: underline;
    }

    .title h3 span a {
      float: right;
      display: inline;
      font-size: 14px;
      color: #515151;
      line-height: 60px;
    }

    .m_t15 {
      margin-top: 15px;
    }

    .news img {
      float: left;
      display: inline;
      margin-right: 15px;
    }

    .news h2,
    .news h2 div,
    .news h2 a {
      cursor: pointer;
      font-size: 24px;
      color: #000;
    }

    .news h2 div:hover {
      text-decoration: underline;
    }

    .news p {
      font-size: 14px;
      color: #4c4c4c;
      text-indent: 2em;
      line-height: 25px;
      margin-top: 10px;
    }

    .news p span:hover {
      cursor: pointer;
      color: rgb(0, 170, 238);
      text-decoration: underline;
    }

    .news .time {
      margin-top: 5px;
      text-indent: 0em;
      color: #dabd9d;
    }

    .w370 {
      width: 370px;
    }

    .hd span {
      /* font-weight: bold; */
    }

    .hd .w58 img {
      cursor: pointer;
    }

    .hd p {
      font-size: 15px;
      line-height: 20px;
    }

    .xiangqing {
      font-weight: normal !important;
      display: inline;
    }

    .xiangqing:hover {
      cursor: pointer;
      text-decoration: underline;
      color: red;
    }

    .w58 {
      width: 58px;
    }

    .w300 {
      width: 300px;
    }

    .news .time {
      text-indent: 0em;
      color: #dabd9d;
    }

    .tz p {
      cursor: pointer;
      font-size: 15px;
      color: #2a2a2a;
      line-height: 20px;
    }

    .tz p:hover {
      text-decoration: underline;
    }


    .area {
      overflow: hidden;
    }

    .m_t25 {
      margin-top: 25px;
    }

    .title_big h3 {
      background: url(../images/xiantiao.jpg) repeat-x 0 5px;
      text-align: center;
    }

    .title_big h3 span {
      cursor: pointer;
      background: #fff;
      padding: 0 10px;
      font-size: 24px;
      font-family: "Microsoft YaHei", "微软雅黑", "SimHei", "宋体";
      font-weight: bold;
    }

    .title_big h3 span:hover {
      color: red;
      text-decoration: underline;
    }

    .syly {
      margin-top: 20px;
    }
    .syly li {
      float: left;
      display: inline;
      width: 345px;
      overflow: hidden;
    }

    .syly li div img {
      cursor: pointer;
      width: 345px;
      height: 235px;
    }

    .syly li p {
      cursor: pointer;
      font-family: "Microsoft YaHei", "微软雅黑", "SimHei", "宋体";
      font-size: 16px;
      line-height: 30px;
      text-align: center;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .syly li a:hover {
      color: red;
      text-decoration: underline;
    }

    .syly li:nth-child(3) {
      margin-right: 0px;
    }

    .syly li {
      margin-right: 30px;
    }

    .zhsp.m_t15 {
      margin-top: 15px;
    }

    .zhsp {
      display: flex;
      justify-content: space-around;
    }

    .zhsp li div {
      cursor: pointer;
    }

    .zhsp li div img {
      width: 258px;
      height: 170px;
    }

    .zhsp li p {
      font-family: "Microsoft YaHei", "微软雅黑", "SimHei", "宋体";
      font-size: 14px;
      line-height: 30px;
      text-align: center;
      cursor: pointer;
    }

    .zhsp li p:hover {
      color: red;
      text-decoration: underline;
    }


    .hz_footer {
      background: #dabd9d;
      padding-top: 45px;
      padding-bottom: 45px;
      margin-top: 40px;
      line-height: 25px;
      width: 100%;
    }

    .foot_logo {
      background: url(../images/foot_logo.jpg) no-repeat left center;
      font-family: "Microsoft YaHei", "微软雅黑", "SimHei", "宋体";
      font-size: 12px;
    }