.header .topimg {
    position: relative;
    z-index: 0;}
    .header .topimg .slick-list li {
      background-repeat: no-repeat;
      background-position: center top;
      background-size: cover;
     
      position: relative;}
      @media screen and (max-width: 1000px) {
        }
      @media screen and (max-width: 400px) {
        .header .topimg .slick-list li {
        } 


}
      .header .topimg .slick-list li h3 {
        font-size: 40px;
        color: #fff;
        position: absolute;
        bottom: 220px;
        right: 100px;
        line-height: 1.5em;
        text-shadow: 2px 2px 0px #000;
        text-align: right;
        max-width: 70%;}
        @media screen and (max-width: 1400px) {
          .header .topimg .slick-list li h3 {
            font-size: 30px;
            right: 50px;
            bottom: 140px;} }
        @media screen and (max-width: 1280px) {
          .header .topimg .slick-list li h3 {
            font-size: 24px;
            right: 40px;
            max-width: 50%;} }
        @media screen and (max-width: 1000px) {
          .header .topimg .slick-list li h3 {
            bottom: 40px;} }
        @media screen and (max-width: 700px) {
          .header .topimg .slick-list li h3 {
            max-width: 100%;
            text-align: center;
            width: auto;
            right: 25px;
            left: 25px;
            font-size: 18px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            bottom: 15px;
            text-shadow: 1px 1px 0px #000;} }
        @media screen and (max-width: 700px) {
          .header .topimg .slick-list li h3 {
            bottom: 10px;} }
      .header .topimg .slick-list li a {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
  background: url(../images/bgrad_1.jpg) left -1px repeat-x, url(../images/bgrad_2.png) repeat-x bottom left;
        }
        @media screen and (max-width: 1000px) {
          .header .topimg .slick-list li a {
            background: url(../images/bgrad_2.jpg) repeat-x bottom left;
            background-size: 7%;} }
    .header .topimg .arrow {
      position: absolute;
      top: 50%;
      background: #000;
      color: #fff;
      font-size: 40px;
      height: 70px;
      width: 70px;
      margin-top: -35px;
      border-radius: 50%;
      opacity: 0.5;
      filter: alpha(opacity=50);
      text-align: center;
      cursor: pointer;
      z-index: 1000;
      border: 1px solid rgba(255, 255, 255, 0.5);}
      @media screen and (max-width: 1280px) {
        .header .topimg .arrow {
          display: none !important;} }
      .header .topimg .arrow i {
        line-height: 65px;}
      .header .topimg .arrow.pre {
        left: 30px;}
      .header .topimg .arrow.next {
        right: 30px;}
      .header .topimg .arrow:hover {
        opacity: 0.4;
        filter: alpha(opacity=40);}
    .header .topimg .slick-dots {
      position: absolute;
      bottom: -40px;
    width: 94%;
      text-align: center;
      z-index: 1000;}
    .header .topimg .slick-dots li {
      display: inline-block;
      width: auto;
      float: none;
      vertical-align: middle;}
    .header .topimg .slick-dots li button {
      background: #A8B3C6;
      border: 0 none;
      border-radius: 7px;
      cursor: pointer;
      display: block;
      font-size: 0;
      height: 12px;
      line-height: 0;
      margin: 0 8px;
      outline: medium none;
      padding: 0;
      width: 12px;}
    .header .topimg .slick-dots li.slick-active button {
      background: #5e068c;}
    .header .topimg .slick-dots {
      bottom: 220px;
      left: 70px;
      text-align: left;}
      @media screen and (max-width: 1400px) {
        .header .topimg .slick-dots {
          bottom: 200px;
          left: 25px;
          text-align: left;
          bottom: 130px;} }
      @media screen and (max-width: 1000px) {
        .header .topimg .slick-dots {
          bottom: 30px;} }
      @media screen and (max-width: 700px) {
        .header .topimg .slick-dots {
          text-align: center;
          bottom: 45px;
          left: 0;} }
      .header .topimg .slick-dots li button {
        font-size: 16px;
        color: #fff;
        background: none;
        height: 50px;
        width: 34px;
        border-radius: 0;
        font-family: 'Raleway';}
        @media screen and (max-width: 700px) {
          .header .topimg .slick-dots li button {
            font-size: 0;
            border-radius: 6px;
            height: 10px;
            width: 10px;
            background: #fff;} }
      .header .topimg .slick-dots li.slick-active button {
        background: #9f8027;
        font-weight: bold;}
      .header .topimg .slick-dots .moreimg {
        display: inline-block;
        background: #9f8027;
        color: #fff;
        padding: 0 15px;
        height: 30px;
        line-height: 30px;
        border-radius: 15px;
        margin-left: 30px;}
        @media screen and (max-width: 700px) {
          .header .topimg .slick-dots .moreimg {
            margin-left: 10px;
            font-size: 9px;
            line-height: 20px;
            height: 20px;
            border-radius: 10px;
            padding: 0 8px;} }
        .header .topimg .slick-dots .moreimg:hover {
          background: #461C8E;}

.mainWrap {
  width: 1400px;
  margin: auto;}

.news1 {
    height: 580px;
    padding-top: 30px;
    margin-top: 20px;
}


.news1 h2 {
      font-family: "Microsoft JhengHei", "明黑", Arial, Helvetica;
      font-size: 36px;
      color: #fff;
      text-align: center;
      line-height: 1em;
      margin-bottom: 40px;}

.news1 h2 b {
    height: 1px;
    width: 60px;
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    opacity: 0.5;
    margin: 0 20px;
}

.news1List {
    float: right; width: 500px; height: 450px; padding-right: 40px;
}
.news1List li{
    line-height: 36px;
}
.news1List a {
    font: normal 16px/26px '微软雅黑';
    color: #eeeeee;
    text-decoration: none;
}

.body a {
    font: normal 16px/26px '微软雅黑';
    color: #000;
    text-decoration: none;
}

.news1List Article_PublishDate {
    color: #eeeeee;
}

.footer {
  position: relative;
  background: url(../Images/fbk1.jpg) no-repeat bottom center;
  background-size: cover;}
  .footer .ulink {
    padding-top: 150px;
    padding-bottom: 150px;
    border-top: 1px solid rgba(46, 78, 48, 0.4);    
}
    @media screen and (max-width: 1920px) {
      .footer .ulink {
        padding-top: 100px;
        padding-bottom: 100px;} }
    @media screen and (max-width: 1280px) {
      .footer .ulink {
        padding-top: 150px;
        padding-bottom: 80px;} }
    @media screen and (max-width: 1000px) {
      .footer .ulink {
        padding-top: 40px;
        padding-bottom: 50px;} }
    .footer .ulink .plink {
      margin-right: 25%;
      margin-left: -44px;}
      @media screen and (max-width: 1280px) {
        .footer .ulink .plink {
          margin-left: -20px;} }
      @media screen and (max-width: 1000px) {
        .footer .ulink .plink {
          margin-right: 0;
          margin-top: 30px;} }
      .footer .ulink .plink li {
        float: left;
        width: 33.33%;}
        @media screen and (max-width: 700px) {
          .footer .ulink .plink li {
            width: 100%;} }
        .footer .ulink .plink li a {
          display: block;
          margin-left: 44px;}
          @media screen and (max-width: 1280px) {
            .footer .ulink .plink li a {
              margin-left: 20px;} }
          .footer .ulink .plink li a img {
            width: 100%;}
    .footer .ulink .tlink {
      float: right;
      width: 25%;
      color: #000000;}
      @media screen and (max-width: 1000px) {
        .footer .ulink .tlink {
          float: none;
          width: auto;} }
      .footer .ulink .tlink .txtwrapper {
        margin-left: 60px;
        padding-left: 40px;
        border-left: 1px solid rgba(0, 0, 0, 0.3);}
        @media screen and (max-width: 1280px) {
          .footer .ulink .tlink .txtwrapper {
            margin-left: 40px;
            padding-left: 20px;} }
        @media screen and (max-width: 1000px) {
          .footer .ulink .tlink .txtwrapper {
            margin-left: 0;
            padding-left: 0;
            border-left: 0;} }
        .footer .ulink .tlink .txtwrapper h2 {
          font-size: 20px;
          line-height: 1em;
          padding-bottom: 20px;}
          @media screen and (max-width: 1000px) {
            .footer .ulink .tlink .txtwrapper h2 {
              padding-bottom: 10px;} }
        .footer .ulink .tlink .txtwrapper a {
          color: #000000;
          font-size: 14px;
          line-height: 38px;}
          .footer .ulink .tlink .txtwrapper a:hover {
            color: #d18e59;}
        .footer .ulink .tlink .txtwrapper li {
          float: left;
          width: 50%;}
          @media screen and (max-width: 1000px) {
            .footer .ulink .tlink .txtwrapper li {
              width: 16.66%;} }
          @media screen and (max-width: 700px) {
            .footer .ulink .tlink .txtwrapper li {
              width: 33.33%;} }
  .footer .copy {
    background: rgba(0, 0, 0, 0.5);
    padding: 50px 0 50px 0;}
    .footer .copy .en {
      float: right;
      font-size: 14px;}
      @media screen and (max-width: 400px) {
        .footer .copy .en {
          float: none;
          margin-bottom: 30px;} }
      .footer .copy .en a {
        color: #fff;
        padding: 8px 30px 8px 15px;
       }
        .footer .copy .en a:hover {
          background: none;}
    .footer .copy .contact {
      padding-bottom: 40px;}
      .footer .copy .contact img {
        width: 405px;}
        @media screen and (max-width: 1000px) {
          .footer .copy .contact img {
            width: 150px;} }
        @media screen and (max-width: 400px) {
          .footer .copy .contact img {
            width: 80%;
            display: block;
            margin: auto;} }
      .footer .copy .contact .txtwrapper {
        display: inline-block;
        color: #fff;
        opacity: 0.7;
        font-size: 13px;
        line-height: 1.75em;
        padding-left: 40px;}
        @media screen and (max-width: 1000px) {
          .footer .copy .contact .txtwrapper {
            font-size: 12px;
            padding-left: 20px;} }
        @media screen and (max-width: 700px) {
          .footer .copy .contact .txtwrapper {
            padding-left: 0px;
            display: block;
            padding-top: 20px;} }
        @media screen and (max-width: 400px) {
          .footer .copy .contact .txtwrapper {
            text-align: center;}
            .footer .copy .contact .txtwrapper br {
              display: none;}
            .footer .copy .contact .txtwrapper span {
              display: block;} }
    .footer .copy .copyrights {
      color: #fff;
      opacity: 0.6;
      border-top: 1px solid rgba(255, 255, 255, 0.4);
      padding-top: 20px;padding-bottom: 20px;}
      @media screen and (max-width: 400px) {
        .footer .copy .copyrights {
          text-align: center;} 
 .footer .copy .copyrights p{text-align: center;float: initial !important;}
}
      .footer .copy .copyrights span {
        opacity: 0.5;
        padding: 0 20px;}
        @media screen and (max-width: 400px) {
          .footer .copy .copyrights span {
            display: block;
            padding: 0;} }

.mainWrap {
  width: 1400px;
  margin: auto;}
.clearfix {
  *display: table;
  *zoom: 1;}
.clearfix:after {
  display: block;
  content: '';
  clear: both;
  height: 0px;
  visibility: hidden;}

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

.mail_box{
display: inline-block;
    height: 108px;
    line-height: 108px;
    padding-left: 60px;
    left: 2%;
    top: 50%;
    color: #fff;
    font-size: 26px;
    background: url(../Images/mail.png) no-repeat 0 center;
}
.midnews {
    overflow: auto;
    min-height: 500px;
}
.rowBlank {
    width: 13px;
    float: left;
}
.footer a, .footer a:link, .footer a:hover {
    text-decoration: none;
    color: #FFFFFF;
}