@charset "UTF-8";

* {

  margin: 0;

  padding: 0;

  font-size: 1.6rem; }

.page_nowindex{background: #ddd;}

body {

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  overflow-x: hidden;

  overflow-y: auto; }

 .am-container{
  max-width: 1200px;
  padding:none;
 }

#active div {

  color: #f00; }



.top {

  background: #191919;

  color: #fff;

  padding: 1rem 0;

  font-size: 1.4rem;

  line-height: 2rem; }

  .top span {

    font-size: 2rem;

    color: #b60011;

    font-weight: bold; }



/*瀵艰埅*/

.menu {

  padding: 1rem 0;

  background: #fff; }

  .menu-logo {

    padding: 0;

    float: left; 

    margin-top: 5px}

    .menu-logo img {

      width: 45%;

      float: left; }

    .menu-logo-text {

      margin-left: 1rem;

      float: left; }

      .menu-logo-text-ch {

        font-size: 2.6rem;

        font-weight: bold;

        color: #024ef9; }

        .menu-logo-text-ch span {

          color: #fe0103;

          font-size: 2.6rem;

          font-weight: bold; }

      .menu-logo-text-en {

        font-size: 1.4rem;

        color: #555; }

  .menu-list {

    text-align: center;

    line-height: 2rem;

    padding: 0.5rem 0; }

    .menu-list div {

      transition: 0.5s; }

    .menu-list a:hover div {

      color: #f00; }

    .menu-list-ch {

      font-weight: bold;

      font-size: 1.6rem;

      color: #000; }

    .menu-list-en {

      font-size: 1.4rem;

      color: #737373; }



/*瀵艰埅*/

/*灏鹃儴*/

.footer {

  position: relative;

  margin-top: 5rem;

  background: url("../images/bgbg.jpg") 100%; }

  .footer-top {

    width: 4rem;

    height: 4rem;

    line-height: 3rem;

    text-align: center;

    font-size: 1.2rem;

    position: absolute;

    color: #fff;

    background: #f00;

    transform: rotate(45deg);

    border: 0.5rem solid #fff;

    top: -2rem;

    left: 49%;

    transition: 1s;

    cursor: pointer;

    z-index: 100; }

    .footer-top:hover {

      transform: rotate(405deg); }

    .footer-top-msg {

      transform: rotate(-45deg); }

  .footer-left {

    padding: 5rem 1.5rem; }

    .footer-left-logo {

      width: 20%;

      float: left; }

      .footer-left-logo img {

        width: 100%; }

    .footer-left-tell {


      width: 100%;

      float: left; }

      .footer-left-tell img {

        float: left; }

      .footer-left-tell-box {

        float: left;

        margin-top: -1rem;

        line-height: 3rem;

        padding-left: 3rem; }

        .footer-left-tell-box-t {

          color: #c3c3c3;

          font-size: 1.4rem; }

        .footer-left-tell-box-n {

          color: #fe0103;

          font-size: 2.4rem;

          font-weight: bold; }

  .footer-center-content {

    margin: 4.5rem 0;

    padding-left: 3rem;

    width: 100%;
}

    .footer-center-content div {

      margin-top: 0.5rem;

      color: #a8a8a8; }

      .footer-center-content div i {

        font-size: 1.4rem; }

  .footer-right{
    padding-right: 0;
    float: right;
  }
  .footer-right-box {

    padding: 5rem 0;

    color: #a8a8a8; }

    .footer-right-box span {

      font-size: 1.2rem; }

    .footer-right-box input {

      width: 70%;

      height: 3rem;

      background: #232323;

      border: 1px solid #333; }

    .footer-right-box button {

      height: 3rem;

      background: #fe0103;

      color: #fff; }

      .footer-right-box button:hover {

        color: #fff; }



.footer-bottom {

  background: #000;


  position: relative;

  color: #878787;

  padding: 0.5rem 5rem; }

.footer-bottom span{
	float: right;
	color: #878787;
  position: absolute;
    top: 0.5rem;
    right: 5rem;
}
.footer-bottom span a{
	color: #053fc8;
}


.footer-desc{
  color: #fff;
  padding: 4rem 0 5rem;
  border-bottom: 1px solid #828282;
}
.footer-desc-right{
  font-size: 1.4rem;
}
.footer-desc-right select{
  background: #000;
  font-size: 1.2rem;
  padding:0.2rem  0.5rem;
}




/*灏鹃儴*/

/*棣栭〉*/

.index {

  background: url("../images/index-about.png") no-repeat;

  background-size: 100%; }

  .index-about, .index-develop {

    width: 90%;

    float: left;

    color: #fff; }

    .index-about-title, .index-develop-title {

      font-size: 2.2rem;

      font-weight: bold;

      padding: 2rem 0; }

    .index-about-content, .index-develop-content {

      font-size: 1.6rem;

      line-height: 3rem;

      height: 15rem; }


    .index-about-but, .index-develop-but, .index-world-left-top-left-title .but {

      padding: 2rem 0;

      position: relative; }

.index-world-left-top-left-title .but {
  float: right;
}
      .index-about-but a:hover, .index-develop-but a:hover, .index-world-left-top-left-title .but a:hover {

        position: relative;

        background: #ff0200;

        top: -0.5rem;

        left: -0.5rem; }

      .index-about-but a, .index-develop-but a, .index-world-left-top-left-title .but a {

        background: #ff0200;

        padding: 0.5rem 2rem;

        position: relative;

        top: 0rem;

        left: 0rem;

        z-index: 10;

        transition: 0.5s; }

      .index-about-but div, .index-develop-but div, .index-world-left-top-left-title .but div {

        border: 1px solid #000;

        padding: 0.2rem 2rem;

        position: absolute;

        top: 2rem;

        left: 0; }

  .index-develop {

    float: right; }

  .index-world {

    margin-top: 3rem;

    margin-bottom: 3rem;

    background: url("../images/world-bg.jpg");

    background-size: 100%; }

    .index-world img {

      width: 100%;


      opacity: 1;

      transition: 1s; }

    .index-world img:hover {

      opacity: 0.6;
 }

    .index-world-left {

      padding: 0;

      height: 63rem;

      overflow: hidden;

      width: 71%; }

      .index-world-left-top {

        height: 40rem;

        padding: 0.5rem; }

        .index-world-left-top-left {

          padding: 0.5rem;

          height: 40rem;

          overflow: hidden; }

          .index-world-left-top-left-title {

            padding: 1rem; }

            .index-world-left-top-left-title .title {

              font-size: 3rem;

              font-weight: bold;

              color: #000; }

            .index-world-left-top-left-title .titlef {

              color: #888;

              font-size: 1.8rem;

              font-weight: bold; 
              padding-left: 2rem}

            .index-world-left-top-left-title .content {

              font-size: 1.4rem;  
              padding-left: 2rem}

          .index-world-left-top-left-image {

            padding: 0; }

        .index-world-left-top-right {

          padding: 0.5rem;

          height: 40rem;

          overflow: hidden; }

      .index-world-left-bottom {

        width: 97%;

        height: 23rem;

        overflow: hidden;

        margin: 1rem 0.5rem 0 1rem; }

    .index-world-right {

      padding: 0.5rem;

      width: 29%;

      height: 63rem;

      overflow: hidden; }

      .index-world-right-top {

        padding: 0.5rem;

        height: 22rem;

        overflow: hidden; }

      .index-world-right-bottom {

        height: 50rem;

        overflow: hidden;

        margin-top: 0.5rem; }

    .index-world-hover {

      background: #000;

      padding: 0; 
      overflow: hidden;}



      @media (max-width: 1366px){
        .index-about-content, .index-develop-content {

      font-size: 1.4rem;

      line-height: 2rem;

      height: 8rem; }
    .index-about-title, .index-develop-title {

      font-size: 1.8rem;

      font-weight: bold;

      padding: 2rem 0; }

     .am-container{
      max-width: 1024px;
     }

    .index-world-left {

      padding: 0;

      height: 56rem;

      overflow: hidden;

      width: 71%; }

      .index-world-left-top {

        height: 38rem;

        padding: 0.5rem; }

        .index-world-left-top-left {

          padding: 0.5rem;

          height: 38rem;

          overflow: hidden; }

          .index-world-left-top-left-title {

            padding: 2rem; }

            .index-world-left-top-left-title .title {

              font-size: 2.6rem;

              font-weight: bold;

              color: #000; }

            .index-world-left-top-left-title .titlef {

              color: #888;

              font-size: 1.6rem;

              font-weight: bold; }

            .index-world-left-top-left-title .content {

              font-size: 1.4rem; }

          .index-world-left-top-left-image {

            padding: 0; }

        .index-world-left-top-right {


          height: 38rem;

          overflow: hidden; }

      .index-world-left-bottom {

        width: 97%;

        height: 18rem;

        overflow: hidden;

        margin: 1rem 0.5rem 0 1rem; }

    .index-world-right {

      width: 29%;

      height: 56rem;

      overflow: hidden; }

      .index-world-right-top {


        height: 18rem;

        overflow: hidden; }

      .index-world-right-bottom {

        height: 37rem;

        overflow: hidden;
}

    .footer-left-tell {

      padding: 0 2rem;

      width: 100%;
    }

      .footer-left-tell-box {

        float: left;

        padding-left: 1rem; }
      }

.phone{
  display: none;
}
/*# sourceMappingURL=app.css.map */


.middle-img {
    position: absolute;
    left: 259px;
    top: 0px;
    width: 40px;
  }

  .up-img {
    position: absolute;
    top: -40px;
    left: 261px;
    width: 40px;
  }

  .down-img {
    position: absolute;
    top: 40px;
    left: 257px;
    width: 40px;
  }

  .left-img {
    position: absolute;
    left: 218px;
    width: 40px;
  }

  .right-img {
    position: absolute;
    left: 300px;
    width: 40px;
  }
  @media screen and (max-width:450px) {
    .middle-img {
      position: absolute;
      left: 259px;
      top: 0px;
      width: 40px;
      display: none;
    }

    .up-img {
      position: absolute;
      top: -40px;
      left: 261px;
      width: 40px;
      display: none;
    }

    .down-img {
      position: absolute;
      top: 40px;
      left: 257px;
      width: 40px;
      display: none;
    }

    .left-img {
      position: absolute;
      left: 218px;
      width: 40px;
      display: none;
    }

    .right-img {
      position: absolute;
      left: 300px;
      width: 40px;
      display: none;
    }

    .rotate_jia{
      display: none;
    }.rotate_div{
      display: none;
    }.rotate_jian{
      display: none;
    }
  }

.imglist ul li .am-gallery-item a{margin: 10px 15px;padding: 15px;display: block;overflow: hidden;}

.news-box{
  position: relative;
  margin: 0 5px;
}
.news-title{
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  border-bottom: 2px solid red;
  margin-bottom: 10px;
}
.news-box-image{
  width: 100%;
  line-height: 200px;
  height: 200px;
  overflow: hidden;
}
.news-box .news-box-image img{
  width: 100%;
  height: 200px
}
.news-box-title{
  position: absolute;
  bottom: 0;
  width: 100%;
  padding:5px 0;
  background: rgba(0,0,0,0.5);
  text-align: center;
  color: #fff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.page {

  margin: 3rem 0;

  text-align: center; }

.page a ,.page span{

  border: 1px solid #ccc;

  color: #999;

  padding: 0.5rem 1rem;

  margin: 0 0.2rem;

  font-size: 1.2rem; }

.page .active-page {

  background: #ef5600;

  color: #fff !important;
}