@font-face {
  font-family: DINPRO;
  src: url("fonts/DINPRO.ttf"), url("fonts/DINPRO.svg"), url("fonts/DINPRO.eot"); }
body, html {
  min-width: 1200px;
  width: 100%;
  height: 100%; }

@keyframes fade {
  0% {
    transform: translateY(100px);
    opacity: 0; }
  100% {
    transform: translateY(0px);
    opacity: 1; } }
@keyframes spinner {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
@keyframes move {
  0% {
    transform: translateY(0px);
    opacity: 0; }
  100% {
    transform: translateY(-10px);
    opacity: 1; } }
@keyframes moveup {
  0% {
    transform: translateY(0px);
    opacity: 0; }
  100% {
    transform: translateY(10px);
    opacity: 1; } }
.sjt {
  width: 27px;
  height: 15px;
  position: fixed;
  left: 28px;
  top: 40%;
  z-index: 1000;
  cursor: pointer;
  animation: move 1s linear infinite; }
  .sjt img {
    width: 100%;
    height: 100%; }

.xjt {
  width: 27px;
  height: 15px;
  position: fixed;
  left: 28px;
  top: 57%;
  cursor: pointer;
  z-index: 1000;
  animation: moveup 1s linear infinite; }
  .xjt img {
    width: 100%;
    height: 100%; }

.header {
  width: 100%;
  height: 70px;
  background: #17232f;
  display: block; }
  .header .header_cen {
    width: 1200px;
    margin: 0 auto; }
    .header .header_cen .logo {
      width: auto;
      float: left;
      height: auto; }
      .header .header_cen .logo a {
        width: 100%;
        height: 100%;
        display: block;
        line-height: 70px; }
    .header .header_cen .na {
      width: 700px;
      height: 70px;
      position: relative;
      float: left; }
      .header .header_cen .na .border {
        width: 80px;
        height: 7px;
        background: #e74256;
        position: absolute;
        bottom: 0;
        left: 90px; }
      .header .header_cen .na .nav {
        width: 700px;
        height: 70px;
        float: left;
        margin-left: 60px; }
        .header .header_cen .na .nav > li {
          width: 140px;
          float: left;
          position: relative;
          height: 70px; }
          .header .header_cen .na .nav > li:hover a .nav_main .en {
            color: #e74256; }
          .header .header_cen .na .nav > li.active a .nav_main .en {
            color: #e74256; }
          .header .header_cen .na .nav > li > a {
            width: 100%;
            height: 100%;
            display: block;
            color: #f8f9fe;
            position: relative; }
            .header .header_cen .na .nav > li > a .nav_main {
              width: 80px;
              height: auto;
              margin: 0 auto;
              padding-top: 7px; }
              .header .header_cen .na .nav > li > a .nav_main .en {
                font-size: 10px;
                color: #bfbfbf;
                text-align: center;
                font-family: DINPRO; }
              .header .header_cen .na .nav > li > a .nav_main .zh {
                font-size: 16px;
                color: #f8f9fe;
                text-align: center;
                font-family: SimSun;
                line-height: 16px; }
          .header .header_cen .na .nav > li .slide_down {
            width: 140px;
            height: auto;
            position: absolute;
            left: 0;
            display: none;
            top: 70px;
            z-index: 1000;
            background: #17232f; }
            .header .header_cen .na .nav > li .slide_down li:last-child {
              border-bottom: none; }
            .header .header_cen .na .nav > li .slide_down li {
              width: 100px;
              height: 40px;
              margin: 0 20px;
              line-height: 40px;
              border-bottom: 1px solid #fff; }
              .header .header_cen .na .nav > li .slide_down li a {
                width: 100%;
                height: 100%;
                display: block;
                line-height: 40px;
                color: #fff;
                font-size: 14px;
                text-align: center; }
                .header .header_cen .na .nav > li .slide_down li a:hover {
                  color: #e74256; }
    .header .header_cen .email {
      width: 35px;
      height: 35px;
      background: url(../img/email.png) no-repeat;
      float: right;
      margin-top: 20px;
      cursor: pointer; }
      .header .header_cen .email a {
        width: 100%;
        height: 100%;
        display: block; }
    .header .header_cen .search {
      width: 35px;
      height: 35px;
      float: right;
      border-radius: 35px;
      margin-top: 20px;
      cursor: pointer;
      margin-right: 25px;
      position: relative;
      overflow: hidden; }
      .header .header_cen .search .search_main {
        width: 35px;
        height: 35px;
        border-radius: 35px;
        position: relative;
        z-index: 10;
        background: url(../img/search.png) no-repeat center center #e74256; }
      .header .header_cen .search .search_f {
        position: absolute;
        width: 100px;
        background: #e74256;
        top: 2px;
        height: 35px;
        left: 5px;
        border-radius: 35px; }
        .header .header_cen .search .search_f input[type="text"] {
          width: 0px;
          height: 33px;
          border: none;
          display: block;
          background: none;
          float: left;
          text-indent: 1em; }
        .header .header_cen .search .search_f input[type="submit"] {
          width: 20px;
          height: 35px;
          background: url(../img/search.png) no-repeat center center;
          border: none;
          display: block;
          float: left;
          z-index: 1; }

.loading-sw {
  position: fixed;
  top: 40%;
  left: 50%;
  display: block;
  width: 50px;
  height: 50px;
  margin-left: -25px;
  font-size: 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  border-left: 1px solid rgba(0, 0, 0, 0.9);
  border-radius: 50%;
  animation: spinner 700ms infinite linear;
  z-index: 10000; }

#fullpage {
  width: 100%;
  height: auto;
  opacity: 0; }
  #fullpage .section {
    width: 100%;
    overflow: hidden; }
    @media (min-height: 899px) and (max-height: 940px) {
      #fullpage .section .news .classification {
        padding-bottom: 20px !important;
        padding-top: 20px !important; }
      #fullpage .section .news .cont4 .new_txt {
        margin-top: 35px !important; }
      #fullpage .section .about .tg {
        padding-top: 100px !important; }
      #fullpage .section .showcase .case_list {
        margin-bottom: 35px !important; }
      #fullpage .section .showcase .container .slider {
        margin-top: 0 !important; } }
    @media (min-height: 850px) and (max-height: 898px) {
      #fullpage .section .news {
        padding-top: 30px !important; }
      #fullpage .section .news .classification {
        padding-bottom: 20px !important;
        padding-top: 20px !important; }
      #fullpage .section .news .cont4 .new_txt {
        margin-top: 25px !important; }
      #fullpage .section .about .tg {
        padding-top: 100px !important; }
      #fullpage .section .showcase .case_list {
        margin-bottom: 25px !important;
        margin-top: 20px !important; }
      #fullpage .section .showcase {
        padding-top: 30px !important; }
      #fullpage .section .showcase .container .slider {
        margin-top: 10px !important; }
      #fullpage .section .showcase .container {
        width: 1080px !important; }
      #fullpage .section .showcase .container .tu li .main a {
        width: 346.5px !important;
        height: 256.5px !important;
        margin-right: 20px !important;
        margin-bottom: 20px !important; } }
    @media (min-height: 800px) and (max-height: 849px) {
      #fullpage .section .news {
        padding-top: 15px !important; }
      #fullpage .section .news .classification {
        padding-bottom: 15px !important;
        padding-top: 15px !important; }
      #fullpage .section .news .cont4 .new_txt {
        margin-top: 15px !important;
        height: 200px !important; }
      #fullpage .section .about .ab {
        margin-top: 40px !important; }
      #fullpage .section .about .tg {
        padding-top: 80px !important; }
      #fullpage .section .showcase .case_list {
        margin-bottom: 25px !important;
        margin-top: 20px !important; }
      #fullpage .section .showcase {
        padding-top: 20px !important; }
      #fullpage .section .showcase .container .slider {
        margin-top: 0px !important; }
      #fullpage .section .showcase .container {
        width: 1080px !important; }
      #fullpage .section .showcase .container .tu li .main a {
        width: 346.5px !important;
        height: 256.5px !important;
        margin-right: 20px !important;
        margin-bottom: 20px !important; } }
    @media (min-height: 750px) and (max-height: 799px) {
      #fullpage .section .news {
        padding-top: 15px !important; }
      #fullpage .section .news .classification {
        padding-bottom: 15px !important;
        padding-top: 15px !important; }
      #fullpage .section .news .cont4 .new_txt {
        margin-top: 15px !important;
        height: 200px !important; }
      #fullpage .section .about .ab {
        margin-top: 40px !important;
        width: 1150px !important; }
      #fullpage .section .about .ab .ab_l {
        padding-top: 15px !important;
        padding-right: 15px !important;
        width: 550px !important; }
      #fullpage .section .news .cont4 .pics .pic_news a .pic {
        height: 250px !important; }
        #fullpage .section .news .cont4 .pics .pic_news a .pic img {
          width: 100% !important;
          height: 100% !important; }
      #fullpage .section .about .ab .ab_r {
        margin-left: 50px !important;
        width: 500px !important; }
      #fullpage .section .about .tg {
        padding-top: 50px !important; }
      #fullpage .section .showcase .case_list {
        margin-bottom: 15px !important;
        margin-top: 15px !important; }
      #fullpage .section .showcase {
        padding-top: 15px !important; }
      #fullpage .section .showcase .container .slider {
        margin-top: 0px !important; }
      #fullpage .section .showcase .container {
        width: 1000px !important; }
      #fullpage .section .showcase .container .tu li .main a {
        width: 312px !important;
        height: 231px !important;
        margin-right: 15px !important;
        margin-bottom: 15px !important; } }
    #fullpage .section.js-n .showcase .tit, #fullpage .section.js-n .showcase .line, #fullpage .section.js-n .showcase .title, #fullpage .section.js-n .showcase .english, #fullpage .section.js-n .showcase .case_list {
      transform: translate(0px);
      opacity: 1; }
    #fullpage .section.js-n .showcase .container .tu li .main a:first-child {
      animation: fade 1.3s ease-out forwards; }
    #fullpage .section.js-n .showcase .container .tu li .main a:nth-child(2) {
      animation: fade 1.3s 0.2s ease-out forwards; }
    #fullpage .section.js-n .showcase .container .tu li .main a:nth-child(3) {
      animation: fade 1.3s 0.4s ease-out forwards; }
    #fullpage .section.js-n .showcase .container .tu li .main a:nth-child(4) {
      animation: fade 1.3s 0.6s ease-out forwards; }
    #fullpage .section.js-n .showcase .container .tu li .main a:nth-child(5) {
      animation: fade 1.3s 0.8s ease-out forwards; }
    #fullpage .section.js-n .showcase .container .tu li .main a:nth-child(6) {
      animation: fade 1.3s 1s ease-out forwards; }
    #fullpage .section.js-n .showcase .container .tu li .main a:nth-child(7) {
      animation: fade 1.3s 1.2s ease-out forwards; }
    #fullpage .section.js-n .showcase .container .tu li .main a:nth-child(8) {
      animation: fade 1.3s 1.4s ease-out forwards; }
    #fullpage .section.js-n .showcase .container .tu li .main a:nth-child(9) {
      animation: fade 1.3s 1.6s ease-out forwards; }
    #fullpage .section.js-c .news .tit, #fullpage .section.js-c .news .line, #fullpage .section.js-c .news .title, #fullpage .section.js-c .news .english {
      transform: translate(0px);
      opacity: 1; }
    #fullpage .section.js-c .news .classification, #fullpage .section.js-c .news .cont4 {
      transform: translate(0px);
      opacity: 1; }
    #fullpage .section.js .about .tit, #fullpage .section.js .about .line, #fullpage .section.js .about .title, #fullpage .section.js .about .english {
      transform: translate(0px);
      opacity: 1; }
    #fullpage .section.js .about .ab .ab_l, #fullpage .section.js .about .ab .ab_r {
      transform: translate(0px);
      opacity: 1; }
    #fullpage .section.js .about .tg .ch {
      transform: translate(0px);
      opacity: 1; }
    #fullpage .section .news_sketh {
      width: 100%;
      height: 80px;
      background: #17232f;
      position: relative;
      overflow: hidden;
      z-index: 10; }
      #fullpage .section .news_sketh .sketh_cen {
        width: 1200px;
        height: 80px;
        margin: 0 auto;
        overflow: hidden;
        position: relative;
        background: #17232f; }
        #fullpage .section .news_sketh .sketh_cen ul {
          width: 100%;
          height: auto;
          position: absolute;
          left: 0;
          top: 0; }
          #fullpage .section .news_sketh .sketh_cen ul li {
            width: 100%;
            height: 80px; }
            #fullpage .section .news_sketh .sketh_cen ul li a {
              width: 100%;
              height: 100%;
              display: block;
              color: #fff; }
              #fullpage .section .news_sketh .sketh_cen ul li a:hover {
                color: #e74256; }
              #fullpage .section .news_sketh .sketh_cen ul li a .sketh_l {
                float: left;
                line-height: 80px;
                font-size: 18px;
                color: #fff;
                height: 80px; }
                #fullpage .section .news_sketh .sketh_cen ul li a .sketh_l strong {
                  font-family: Arial;
                  color: #e74256;
                  font-size: 30px;
                  margin-right: 5px; }
                  #fullpage .section .news_sketh .sketh_cen ul li a .sketh_l strong span {
                    font-size: 30px;
                    margin-right: 5px; }
                #fullpage .section .news_sketh .sketh_cen ul li a .sketh_l i {
                  margin-left: 12px; }
              #fullpage .section .news_sketh .sketh_cen ul li a .sketh_r {
                width: 330px;
                height: 65px;
                float: right;
                padding-top: 15px;
                font-size: 12px; }
    #fullpage .section .news {
      width: 1200px;
      height: auto;
      margin: 0 auto;
      padding-top: 45px;
      padding-bottom: 70px; }
      #fullpage .section .news .tit {
        font-size: 18px;
        color: #bfbfbf;
        text-align: center;
        transform: translateY(20px);
        transition: all 1s;
        opacity: 0; }
      #fullpage .section .news .line {
        width: 60px;
        height: 1px;
        background: #bfbfbf;
        margin: 0 auto;
        transform: translateY(20px);
        transition: all 1s;
        opacity: 0; }
      #fullpage .section .news .title {
        font-size: 24px;
        letter-spacing: 0.2em;
        color: #5d5d5d;
        text-align: center;
        letter-spacing: 0.2;
        transform: translateY(50px);
        transition: all 1s;
        opacity: 0; }
      #fullpage .section .news .english {
        width: 540px;
        height: auto;
        margin: 0 auto;
        font-size: 8px;
        color: #b2b2b2;
        font-family: Arial;
        word-break: break-all;
        text-align: center;
        transform: translateY(50px);
        transition: all 1s;
        opacity: 0; }
      #fullpage .section .news .classification {
        width: 1200px;
        overflow: hidden;
        padding-bottom: 30px;
        margin: 0 auto;
        padding-top: 40px;
        transform: translateY(100px);
        opacity: 0;
        transition: 1s; }
        #fullpage .section .news .classification ul {
          width: 110%;
          overflow: hidden;
          margin-left: 70px; }
          #fullpage .section .news .classification ul li {
            width: 180px;
            overflow: hidden;
            float: left;
            cursor: pointer;
            margin-right: 260px;
            position: relative;
            perspective: 2000px; }
            #fullpage .section .news .classification ul li:hover .d1 {
              transform: rotateY(-180deg); }
            #fullpage .section .news .classification ul li:hover .d2 {
              transform: rotateY(0deg); }
            #fullpage .section .news .classification ul li.current .d1 {
              transform: rotateY(-180deg); }
            #fullpage .section .news .classification ul li.current .d2 {
              transform: rotateY(0deg); }
            #fullpage .section .news .classification ul li .d1 {
              width: 100%;
              height: auto;
              transform-style: perspective-3d;
              transform: rotateY(0deg);
              transition: all 1s;
              backface-visibility: hidden; }
              #fullpage .section .news .classification ul li .d1 .qy {
                font-size: 20px;
                color: #5d5d5d;
                width: 80px;
                margin: 0 auto;
                height: 50px;
                background: url(../img/qy_ll.png) no-repeat center top; }
              #fullpage .section .news .classification ul li .d1 .center {
                font-size: 20px;
                color: #5d5d5d;
                background: url(../img/center_ll.png) no-repeat center top;
                height: 50px;
                margin: 0 auto;
                width: 80px; }
              #fullpage .section .news .classification ul li .d1 .gao {
                font-size: 20px;
                width: 80px;
                color: #5d5d5d;
                margin: 0 auto;
                background: url(../img/gao_ll.png) no-repeat center top;
                height: 50px; }
              #fullpage .section .news .classification ul li .d1 .txt {
                font-size: 20px;
                color: #5d5d5d;
                text-align: center;
                line-height: 24px; }
            #fullpage .section .news .classification ul li .d2 {
              width: 100%;
              height: auto;
              position: absolute;
              left: 0;
              top: 0;
              transform-style: perspective-3d;
              transform: rotateY(-180deg);
              transition: all 1s;
              backface-visibility: hidden; }
              #fullpage .section .news .classification ul li .d2 .qy {
                font-size: 20px;
                color: #5d5d5d;
                width: 80px;
                margin: 0 auto;
                height: 50px;
                background: url(../img/n_ll.png) no-repeat center top; }
              #fullpage .section .news .classification ul li .d2 .center {
                font-size: 20px;
                color: #5d5d5d;
                background: url(../img/n_ll2.png) no-repeat center top;
                height: 50px;
                margin: 0 auto;
                width: 80px; }
              #fullpage .section .news .classification ul li .d2 .gao {
                font-size: 20px;
                width: 80px;
                color: #5d5d5d;
                margin: 0 auto;
                background: url(../img/n_ll3.png) no-repeat center top;
                height: 50px; }
              #fullpage .section .news .classification ul li .d2 .txt {
                font-size: 20px;
                color: #e74256;
                text-align: center;
                line-height: 24px; }
      #fullpage .section .news .cont4 {
        width: 100%;
        height: auto;
        transform: translateY(50px);
        opacity: 0;
        transition: 1.2s; }
        #fullpage .section .news .cont4 .pics {
          width: 100%;
          overflow: hidden;
          margin-top: 10px; }
          #fullpage .section .news .cont4 .pics .pic_news {
            width: 50%;
            height: auto;
            float: left; }
            #fullpage .section .news .cont4 .pics .pic_news.js-m {
              transform: translateY(50px);
              opacity: 0;
              filter: alpha(opacity=0); }
            #fullpage .section .news .cont4 .pics .pic_news:hover a .con1 .txt, #fullpage .section .news .cont4 .pics .pic_news:hover a .con1 .more {
              color: #e74256; }
            #fullpage .section .news .cont4 .pics .pic_news.two a .con1 {
              padding-left: 25px;
              width: 96%; }
            #fullpage .section .news .cont4 .pics .pic_news a {
              width: 100%;
              height: 100%;
              display: block; }
              #fullpage .section .news .cont4 .pics .pic_news a .pic {
                width: 100%;
                height: auto;
                overflow: hidden;
                position: relative; }
                #fullpage .section .news .cont4 .pics .pic_news a .pic img {
                  width: 100%;
                  height: auto;
                  transition: 1s; }
                  #fullpage .section .news .cont4 .pics .pic_news a .pic img:hover {
                    transform: scale(1.1); }
                #fullpage .section .news .cont4 .pics .pic_news a .pic .day {
                  width: 150px;
                  height: 45px;
                  background: #e74256;
                  color: #fff;
                  font-size: 24px;
                  font-family: Arial;
                  font-weight: bold;
                  position: absolute;
                  right: 0;
                  bottom: 0;
                  text-align: center; }
              #fullpage .section .news .cont4 .pics .pic_news a .con1 {
                width: 100%;
                height: auto;
                padding-top: 20px; }
                #fullpage .section .news .cont4 .pics .pic_news a .con1 .txt {
                  float: left;
                  font-size: 14px;
                  color: #9a9a9a; }
                #fullpage .section .news .cont4 .pics .pic_news a .con1 .more {
                  float: right;
                  font-size: 12px;
                  color: #3f3f3f;
                  font-family: Arial;
                  line-height: 28px; }
        #fullpage .section .news .cont4 .new_txt {
          width: 1200px;
          height: 215px;
          margin-top: 45px; }
          #fullpage .section .news .cont4 .new_txt a {
            width: 400px;
            height: 100%;
            display: block;
            float: left;
            position: relative;
            color: #fff;
            perspective: 2000px; }
            #fullpage .section .news .cont4 .new_txt a:hover .txt11 {
              transform: rotateY(-180deg); }
            #fullpage .section .news .cont4 .new_txt a:hover .txt22 {
              transform: rotateY(0deg); }
            #fullpage .section .news .cont4 .new_txt a .txt11 {
              width: 325px;
              height: 100%;
              position: absolute;
              left: 0;
              top: 0;
              transform-style: perspective-3d;
              padding-left: 25px;
              background: #e2e5ef;
              padding-right: 50px;
              transition: all 1s;
              backface-visibility: hidden; }
              #fullpage .section .news .cont4 .new_txt a .txt11 .t1 {
                font-size: 18px;
                color: #272727;
                padding-top: 35px;
                line-height: 18px; }
              #fullpage .section .news .cont4 .new_txt a .txt11 .day {
                font-size: 14px;
                font-family: DINPRO;
                line-height: 14px;
                color: #bfbfbf; }
              #fullpage .section .news .cont4 .new_txt a .txt11 .txt-w {
                font-size: 12px;
                padding-top: 5px;
                line-height: 18px;
                color: #868686; }
            #fullpage .section .news .cont4 .new_txt a .txt22 {
              width: 325px;
              height: 100%;
              position: absolute;
              left: 0;
              backface-visibility: hidden;
              transition: all 1s;
              top: 0;
              transform: rotateY(-180deg);
              padding-left: 25px;
              background: #e74256;
              transform-style: perspective-3d;
              padding-right: 50px; }
              #fullpage .section .news .cont4 .new_txt a .txt22 .t1 {
                font-size: 18px;
                color: #fff;
                padding-top: 35px;
                line-height: 18px; }
              #fullpage .section .news .cont4 .new_txt a .txt22 .day {
                font-size: 14px;
                font-family: DINPRO;
                line-height: 14px;
                color: #fff; }
              #fullpage .section .news .cont4 .new_txt a .txt22 .txt-w {
                font-size: 12px;
                padding-top: 5px;
                line-height: 18px;
                color: #fff; }
    #fullpage .section .showcase {
      width: 100%;
      overflow: hidden;
      padding-top: 45px; }
      #fullpage .section .showcase .tit {
        font-size: 18px;
        color: #bfbfbf;
        text-align: center;
        transform: translateY(20px);
        transition: all 1s;
        opacity: 0; }
      #fullpage .section .showcase .line {
        width: 60px;
        height: 1px;
        background: #bfbfbf;
        margin: 0 auto;
        transform: translateY(20px);
        transition: all 1s;
        opacity: 0; }
      #fullpage .section .showcase .title {
        font-size: 24px;
        letter-spacing: 0.2em;
        color: #5d5d5d;
        text-align: center;
        letter-spacing: 0.2;
        transform: translateY(50px);
        transition: all 1s;
        opacity: 0; }
      #fullpage .section .showcase .english {
        width: 540px;
        height: auto;
        margin: 0 auto;
        font-size: 8px;
        color: #b2b2b2;
        font-family: Arial;
        word-break: break-all;
        text-align: center;
        transform: translateY(50px);
        transition: all 1s;
        opacity: 0; }
      #fullpage .section .showcase .case_list {
        width: 1200px;
        text-align: center;
        margin-top: 25px;
        margin-left: auto;
        margin-right: auto;
        font-size: 24px;
        margin-bottom: 50px;
        transform: translateY(50px);
        opacity: 0;
        transition: all 1s; }
        #fullpage .section .showcase .case_list a {
          color: #747577;
          display: inline-block;
          height: 40px;
          overflow: hidden;
          width: 96px; }
          #fullpage .section .showcase .case_list a:hover div {
            transform: translateY(-48px); }
          #fullpage .section .showcase .case_list a div {
            width: 100%;
            height: 31px;
            display: inline-block;
            line-height: 31px;
            transition: 1s; }
            #fullpage .section .showcase .case_list a div.red {
              color: #e74256; }
        #fullpage .section .showcase .case_list span {
          color: #bfbfbf;
          margin: 0 24px;
          display: inline-block;
          vertical-align: top; }
      #fullpage .section .showcase .container {
        margin: 0 auto;
        overflow: hidden;
        max-width: 1200px; }
        #fullpage .section .showcase .container .tu {
          overflow: hidden;
          position: relative; }
          #fullpage .section .showcase .container .tu li {
            float: left;
            height: auto; }
            #fullpage .section .showcase .container .tu li .main {
              width: 110%;
              overflow: hidden; }
              #fullpage .section .showcase .container .tu li .main a {
                width: 385px;
                height: 285px;
                display: block;
                position: relative;
                margin-right: 15px;
                margin-bottom: 15px;
                float: left;
                opacity: 0; }
                #fullpage .section .showcase .container .tu li .main a:hover .pic img {
                  transform: scale(1.1); }
                #fullpage .section .showcase .container .tu li .main a:hover .detail {
                  opacity: 1;
                  filter: alpha(opacity=100); }
                  #fullpage .section .showcase .container .tu li .main a:hover .detail .line {
                    transform: translateY(0px);
                    opacity: 1;
                    filter: alpha(opacity=100); }
                  #fullpage .section .showcase .container .tu li .main a:hover .detail .title {
                    transform: translateX(0px);
                    opacity: 1;
                    filter: alpha(opacity=100); }
                  #fullpage .section .showcase .container .tu li .main a:hover .detail .more {
                    transform: translateX(0px);
                    opacity: 1;
                    filter: alpha(opacity=100); }
                #fullpage .section .showcase .container .tu li .main a .pic {
                  width: 100%;
                  height: 100%;
                  overflow: hidden; }
                  #fullpage .section .showcase .container .tu li .main a .pic img {
                    width: 100%;
                    height: 100%;
                    transition: 1s; }
                #fullpage .section .showcase .container .tu li .main a .detail {
                  width: 87.5%;
                  margin-left: auto;
                  position: absolute;
                  overflow: hidden;
                  left: 6.25%;
                  opacity: 0;
                  margin-right: auto;
                  height: 83.5%;
                  top: 8.25%;
                  transition: 0.5s;
                  background: url(../img/case_bg.png) no-repeat;
                  background-size: 100% 100%; }
                  #fullpage .section .showcase .container .tu li .main a .detail .line {
                    width: 13.3%;
                    margin-top: 31.5%;
                    height: 1px;
                    margin-left: auto;
                    margin-right: auto;
                    transition: all 1s;
                    background: #f8f9fe;
                    transform: translateY(-150px);
                    opacity: 0;
                    filter: alpha(opacity=0); }
                  #fullpage .section .showcase .container .tu li .main a .detail .title {
                    font-size: 18px;
                    color: #fff;
                    text-align: center;
                    letter-spacing: 0;
                    padding-top: 10px;
                    transform: translateX(-500px);
                    opacity: 0;
                    transition: all 1s;
                    filter: alpha(opacity=0); }
                  #fullpage .section .showcase .container .tu li .main a .detail .more {
                    font-size: 24px;
                    color: #d23f50;
                    text-align: center;
                    line-height: 28px;
                    transform: translateX(150px);
                    opacity: 0;
                    filter: alpha(opacity=0);
                    transition: all 1s; }
        #fullpage .section .showcase .container .slider {
          width: 100%;
          height: auto;
          text-align: center;
          margin-top: 40px; }
          #fullpage .section .showcase .container .slider a {
            width: 12px;
            height: 12px;
            margin: 0 12px;
            background: #fff;
            display: inline-block;
            border-radius: 12px; }
            #fullpage .section .showcase .container .slider a.active {
              background: #e74256; }
    #fullpage .section .about {
      width: 100%;
      overflow: hidden;
      padding-bottom: 135px;
      padding-top: 50px;
      margin: 0 auto; }
      #fullpage .section .about .tit {
        font-size: 18px;
        color: #bfbfbf;
        text-align: center;
        transform: translateY(20px);
        opacity: 0;
        transition: 1s; }
      #fullpage .section .about .line {
        width: 60px;
        height: 1px;
        background: #bfbfbf;
        margin: 0 auto;
        transform: translateY(20px);
        opacity: 0;
        transition: 1s; }
      #fullpage .section .about .title {
        font-size: 24px;
        letter-spacing: 0.2em;
        color: #5d5d5d;
        text-align: center;
        letter-spacing: 0.2;
        transform: translateY(50px);
        opacity: 0;
        transition: 1s; }
      #fullpage .section .about .english {
        width: 540px;
        height: auto;
        margin: 0 auto;
        font-size: 8px;
        color: #b2b2b2;
        font-family: Arial;
        word-break: break-all;
        text-align: center;
        transform: translateY(50px);
        opacity: 0;
        transition: 1s; }
      #fullpage .section .about .ab {
        width: 1200px;
        overflow: hidden;
        margin-top: 70px;
        margin-left: auto;
        margin-right: auto; }
        #fullpage .section .about .ab .ab_l {
          width: 600px;
          float: left;
          position: relative;
          background: url(../img/h_ll.png) no-repeat right top;
          padding-top: 25px;
          padding-right: 25px;
          transform: translate(-50px, 50px);
          opacity: 0;
          transition: all 1s; }
          #fullpage .section .about .ab .ab_l:hover a .get .ico-get {
            transform: translate(0);
            opacity: 1;
            filter: alpha(opacity=0); }
          #fullpage .section .about .ab .ab_l:hover a .get .name2 {
            transform: translate(0);
            opacity: 1;
            filter: alpha(opacity=0); }
          #fullpage .section .about .ab .ab_l a {
            width: 100%;
            height: 100%;
            display: block; }
            #fullpage .section .about .ab .ab_l a .pic1 {
              width: 100%;
              height: auto; }
              #fullpage .section .about .ab .ab_l a .pic1 img {
                width: 100%;
                height: auto; }
            #fullpage .section .about .ab .ab_l a .get {
              position: absolute;
              left: 240px;
              display: inline;
              height: auto;
              top: 145px; }
              #fullpage .section .about .ab .ab_l a .get .ico-get {
                width: 75px;
                height: 75px;
                text-align: center;
                background: #e74256;
                border-radius: 75px;
                line-height: 75px;
                transform: translateX(100px);
                opacity: 0;
                filter: alpha(opacity=0);
                margin: 0 auto;
                transition: 1s; }
                #fullpage .section .about .ab .ab_l a .get .ico-get img {
                  width: 20px;
                  height: 34px; }
              #fullpage .section .about .ab .ab_l a .get .name2 {
                font-size: 18px;
                color: #fff;
                transition: 1s;
                transform: translateX(-100px);
                opacity: 0;
                filter: alpha(opacity=0);
                font-family: DINPRO;
                margin-top: 5px; }
        #fullpage .section .about .ab .ab_r {
          width: 435px;
          height: auto;
          margin-left: 120px;
          float: left;
          padding-top: 20px;
          transform: translate(50px, 50px);
          opacity: 0;
          transition: all 1s; }
          #fullpage .section .about .ab .ab_r .tit2 {
            font-size: 18px;
            color: #bfbfbf;
            font-family: DINPRO;
            text-align: center; }
          #fullpage .section .about .ab .ab_r .line2 {
            width: 60px;
            height: 1px;
            background: #bfbfbf;
            margin: 0 auto; }
          #fullpage .section .about .ab .ab_r .name {
            font-size: 30px;
            color: #454545;
            text-align: center; }
            #fullpage .section .about .ab .ab_r .name span {
              transition: all 0.6s;
              transform: translateY(0px);
              display: inline-block; }
            #fullpage .section .about .ab .ab_r .name span:nth-child(2) {
              transition-delay: 0.15s; }
            #fullpage .section .about .ab .ab_r .name span:nth-child(3) {
              transition-delay: 0.3s; }
            #fullpage .section .about .ab .ab_r .name span:nth-child(4) {
              transition-delay: 0.45s; }
            #fullpage .section .about .ab .ab_r .name span:nth-child(5) {
              transition-delay: 0.6s; }
            #fullpage .section .about .ab .ab_r .name span:nth-child(6) {
              transition-delay: 0.75s; }
          #fullpage .section .about .ab .ab_r .name:hover span {
            transform: translateY(-10px); }
          #fullpage .section .about .ab .ab_r .co {
            font-size: 12px;
            color: #6F6F6F;
            padding-top: 15px; }
            #fullpage .section .about .ab .ab_r .co a {
              width: 100%;
              height: 100%;
              display: block;
              color: #6f6f6f; }
              #fullpage .section .about .ab .ab_r .co a:hover {
                color: #e74256; }
          #fullpage .section .about .ab .ab_r .more {
            width: 184px;
            height: 52px;
            font-size: 14px;
            text-align: center;
            line-height: 50px;
            margin-top: 70px;
            border-radius: 50px;
            color: #5d5d5d;
            font-family: DINPRO;
            overflow: hidden;
            position: relative; }
            #fullpage .section .about .ab .ab_r .more:hover .bg {
              width: 182px; }
            #fullpage .section .about .ab .ab_r .more a {
              display: block;
              width: 180px;
              height: 50px;
              transition: 1s;
              color: #5d5d5d;
              position: relative;
              border-radius: 50px;
              border: 1px solid #bfbfbf;
              z-index: 10; }
              #fullpage .section .about .ab .ab_r .more a:hover {
                color: #fff; }
            #fullpage .section .about .ab .ab_r .more .bg {
              width: 0;
              position: absolute;
              z-index: 1;
              bottom: 0;
              left: 0;
              height: 52px;
              background: #e74256;
              transition: 0.3s;
              border-radius: 52px; }
      #fullpage .section .about .tg {
        width: 1200px;
        clear: both;
        margin: 0 auto;
        padding-top: 140px;
        overflow: hidden; }
        #fullpage .section .about .tg .ch {
          width: 200px;
          height: auto;
          float: left;
          display: block;
          margin-right: 100px;
          transform: translateY(50px);
          opacity: 0;
          transition: all 1s; }
          #fullpage .section .about .tg .ch:hover .ch_l {
            background: url(../img/peo_ll.png) no-repeat 0 -95px; }
          #fullpage .section .about .tg .ch:hover .ch_r .text .red {
            width: 100%;
            opacity: 1; }
          #fullpage .section .about .tg .ch.hd {
            transition-delay: 0.9s; }
            #fullpage .section .about .tg .ch.hd:hover .ch_l {
              background: url(../img/xy_ll.png) no-repeat 0 -90px; }
            #fullpage .section .about .tg .ch.hd .ch_l {
              background: url(../img/xy_ll.png) no-repeat; }
          #fullpage .section .about .tg .ch.sj {
            transition-delay: 0.6s; }
            #fullpage .section .about .tg .ch.sj:hover .ch_l {
              background: url(../img/gg_ll.png) no-repeat 0 -90px; }
            #fullpage .section .about .tg .ch.sj .ch_l {
              background: url(../img/gg_ll.png) no-repeat; }
          #fullpage .section .about .tg .ch.pp {
            transition-delay: 0.3s; }
            #fullpage .section .about .tg .ch.pp:hover .ch_l {
              background: url(../img/fl_ll.png) no-repeat 0 -100px; }
            #fullpage .section .about .tg .ch.pp .ch_l {
              background: url(../img/fl_ll.png) no-repeat; }
          #fullpage .section .about .tg .ch .ch_l {
            width: 85px;
            height: 85px;
            float: left;
            transition: background-position 0.5s;
            background: url(../img/peo_ll.png) no-repeat; }
          #fullpage .section .about .tg .ch .ch_r {
            width: 100px;
            height: auto;
            float: right;
            margin-top: 17px;
            margin-left: 5px; }
            #fullpage .section .about .tg .ch .ch_r .line2 {
              width: 25px;
              height: 1px;
              background: #b20012;
              margin: 0; }
            #fullpage .section .about .tg .ch .ch_r .text {
              font-size: 24px;
              color: #252525;
              position: relative;
              overflow: hidden;
              height: 48px; }
              #fullpage .section .about .tg .ch .ch_r .text .text1 {
                font-size: 24px;
                color: #252525; }
              #fullpage .section .about .tg .ch .ch_r .text .red {
                color: #e74256;
                position: absolute;
                left: 0;
                top: 0;
                width: 0;
                transition: all 0.5s;
                opacity: 0; }

.about_main {
  width: 100%;
  overflow: hidden;
  padding-top: 45px;
  background: url(../img/bg.jpg) repeat-y;
  background-size: contain; }
  .about_main .tit {
    font-size: 18px;
    color: #bfbfbf;
    text-align: center; }
    .about_main .tit.js-m {
      transform: translateX(100px);
      opacity: 0;
      filter: alpha(opacity=0); }
  .about_main .line {
    width: 60px;
    height: 1px;
    background: #bfbfbf;
    margin: 0 auto; }
    .about_main .line.js-m {
      transform: translateY(50px);
      opacity: 0;
      filter: alpha(opacity=0); }
  .about_main .title {
    font-size: 24px;
    letter-spacing: 0.2em;
    color: #5d5d5d;
    text-align: center;
    letter-spacing: 0.2; }
    .about_main .title.js-m {
      transform: translateY(50px);
      opacity: 0;
      filter: alpha(opacity=0); }
  .about_main .english {
    width: 540px;
    height: auto;
    margin: 0 auto;
    font-size: 8px;
    color: #b2b2b2;
    font-family: Arial;
    word-break: break-all;
    text-align: center; }
    .about_main .english.js-m {
      transform: translateY(100px);
      opacity: 0;
      filter: alpha(opacity=0); }
  .about_main .tit4 {
    width: 100%;
    height: auto;
    border-bottom: 1px solid #bfbfbf;
    text-align: center;
    font-size: 24px;
    color: #808080;
    margin-top: 100px;
    padding-bottom: 15px; }
    .about_main .tit4.js-m {
      transform: translateY(100px);
      opacity: 0;
      filter: alpha(opacity=0); }
  .about_main .content1 {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 20px;
    padding-bottom: 75px;
    font-size: 14px;
    color: #555555; }
    .about_main .content1 img {
      max-width: 100%; }
    .about_main .content1.js-m {
      transform: translateY(100px);
      opacity: 0;
      filter: alpha(opacity=0); }
    .about_main .content1 p {
      padding-top: 8px; }
    .about_main .content1 .tu3 {
      margin-top: 20px;
      margin-bottom: 14px; }
      .about_main .content1 .tu3 img {
        max-width: 100%; }
    .about_main .content1 .share {
      width: 100%;
      margin-top: 75px;
      height: auto; }
      .about_main .content1 .share .share_l {
        float: left; }
        .about_main .content1 .share .share_l.js-m {
          transform: translateX(-200px);
          opacity: 0;
          filter: alpha(opacity=0); }
        .about_main .content1 .share .share_l i {
          width: 75px;
          height: 35px;
          border: 1px solid #d6d6d6;
          display: inline-block;
          text-align: center;
          line-height: 35px;
          font-size: 14px;
          font-style: normal;
          color: #555; }
        .about_main .content1 .share .share_l a {
          width: 33px;
          height: 26px;
          vertical-align: middle;
          margin-left: 20px;
          display: inline-block;
          cursor: pointer; }
          .about_main .content1 .share .share_l a.sina {
            background: url(../img/sina.png) no-repeat; }
            .about_main .content1 .share .share_l a.sina:hover {
              background: url(../img/sh.png) no-repeat; }
          .about_main .content1 .share .share_l a.weixin {
            background: url(../img/weixin.png) no-repeat; }
            .about_main .content1 .share .share_l a.weixin:hover {
              background: url(../img/wh.png) no-repeat; }
      .about_main .content1 .share .share_r {
        width: 130px;
        height: 35px;
        border: 1px solid #d6d6d6;
        float: right;
        text-align: center;
        line-height: 35px;
        color: #555;
        display: block;
        font-size: 14px; }
        .about_main .content1 .share .share_r:hover {
          color: #e74256; }
        .about_main .content1 .share .share_r.js-m {
          transform: translateX(200px);
          opacity: 0;
          filter: alpha(opacity=0); }
        .about_main .content1 .share .share_r span {
          margin: 0 10px; }
  .about_main .mes {
    width: 100%;
    overflow: hidden;
    padding-top: 80px;
    padding-bottom: 17px;
    border-bottom: 1px solid #bfbfbf; }
    .about_main .mes.js-m {
      transform: translateY(100px);
      opacity: 0;
      filter: alpha(opacity=0); }
    .about_main .mes .mes_cen {
      width: 1200px;
      overflow: hidden;
      margin: 0 auto; }
      .about_main .mes .mes_cen .mes_l {
        float: left;
        font-size: 24px;
        color: #808080; }
      .about_main .mes .mes_cen .mes_r {
        float: right;
        font-size: 14px;
        font-family: Arial;
        color: #a3a3a3;
        line-height: 48px; }
        .about_main .mes .mes_cen .mes_r span {
          margin-left: 20px; }
  .about_main .container {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
    height: auto;
    padding-top: 15px; }
    .about_main .container li {
      width: 100%;
      overflow: hidden;
      margin-top: 45px;
      padding-bottom: 50px;
      background: url(../img/li.png) no-repeat bottom center; }
      .about_main .container li.js-m {
        transform: translateY(100px);
        filter: alpha(opacity=0);
        opacity: 0; }
      .about_main .container li a {
        width: 100%;
        height: 100%;
        display: block; }
        .about_main .container li a:hover .news_r .titi {
          color: #e74256; }
        .about_main .container li a:hover .more {
          background: url(../img/wsl.png) no-repeat center center #e74256; }
        .about_main .container li a .news_l {
          float: left;
          width: 354px;
          overflow: hidden; }
          .about_main .container li a .news_l img {
            width: 100%;
            transition: 1s;
            height: auto; }
            .about_main .container li a .news_l img:hover {
              transform: scale(1.1); }
        .about_main .container li a .news_r {
          width: 605px;
          height: auto;
          margin-left: 35px;
          float: left; }
          .about_main .container li a .news_r .titi {
            font-size: 18px;
            color: #808080;
            line-height: 20px; }
          .about_main .container li a .news_r .con2 {
            font-size: 14px;
            line-height: 24px;
            color: #848484;
            padding-top: 20px; }
          .about_main .container li a .news_r .date {
            font-size: 12px;
            font-family: Arial;
            color: #bebebe;
            padding-top: 35px; }
        .about_main .container li a .more {
          width: 40px;
          height: 192px;
          float: right;
          background: url(../img/sl.png) no-repeat center center #e3e6f5; }
  .about_main .case_detail {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    padding-bottom: 75px; }
    .about_main .case_detail .pic_main {
      width: 1200px;
      overflow: hidden;
      height: 520px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 55px;
      position: relative; }
      .about_main .case_detail .pic_main.js-m {
        transform: translateY(100px);
        opacity: 0;
        filter: alpha(opacity=0); }
      .about_main .case_detail .pic_main ul {
        position: absolute;
        top: 0;
        left: 0;
        height: 520px; }
        .about_main .case_detail .pic_main ul li {
          width: 1200px;
          height: 520px;
          float: left; }
          .about_main .case_detail .pic_main ul li img {
            width: 100%;
            height: 100%; }
    .about_main .case_detail .small {
      margin-top: 60px;
      margin-left: auto;
      margin-right: auto;
      width: 1200px;
      height: 145px; }
      .about_main .case_detail .small.js-m {
        transform: translateY(100px);
        opacity: 0;
        filter: alpha(opacity=0); }
      .about_main .case_detail .small .prev {
        width: 65px;
        height: 145px;
        cursor: pointer;
        float: left;
        transition: 1s;
        background: url(../img/prev.png) no-repeat 20px center #e3e6f5; }
        .about_main .case_detail .small .prev:hover {
          background: url(../img/prev.png) no-repeat -112px center #e74256; }
      .about_main .case_detail .small .next {
        width: 65px;
        cursor: pointer;
        height: 145px;
        float: right;
        transition: 1s;
        background: url(../img/next.png) no-repeat 20px center #e3e6f5; }
        .about_main .case_detail .small .next:hover {
          background: url(../img/next.png) no-repeat -112px center #e74256; }
      .about_main .case_detail .small .main {
        width: 1045px;
        float: left;
        position: relative;
        overflow: hidden;
        margin-left: 25px;
        height: 145px; }
        .about_main .case_detail .small .main ul {
          position: absolute;
          left: 0;
          height: 145px;
          top: 0; }
          .about_main .case_detail .small .main ul li {
            width: 235px;
            margin-right: 27px;
            float: left;
            height: 145px; }
            .about_main .case_detail .small .main ul li.cur {
              border: 1px solid #cd3849;
              width: 233px;
              height: 143px; }
            .about_main .case_detail .small .main ul li img {
              width: 100%;
              height: 100%; }
    .about_main .case_detail .content {
      clear: both;
      font-size: 14px;
      color: #555555;
      opacity: 0.7;
      padding-top: 50px;
      filter: alpha(opacity=70); }
      .about_main .case_detail .content.js-m {
        transform: translateY(100px);
        opacity: 0;
        filter: alpha(opacity=0); }
      .about_main .case_detail .content p {
        padding-top: 30px; }
    .about_main .case_detail .share {
      width: 100%;
      margin-top: 105px;
      height: auto; }
      .about_main .case_detail .share .share_l {
        float: left; }
        .about_main .case_detail .share .share_l.js-m {
          transform: translateX(-200px);
          opacity: 0;
          filter: alpha(opacity=0); }
        .about_main .case_detail .share .share_l i {
          width: 75px;
          height: 35px;
          border: 1px solid #d6d6d6;
          display: inline-block;
          text-align: center;
          line-height: 35px;
          font-size: 14px;
          color: #555;
          font-style: normal; }
        .about_main .case_detail .share .share_l a {
          width: 33px;
          height: 26px;
          vertical-align: middle;
          margin-left: 20px;
          display: inline-block;
          cursor: pointer; }
          .about_main .case_detail .share .share_l a.sina {
            background: url(../img/sina.png) no-repeat; }
            .about_main .case_detail .share .share_l a.sina:hover {
              background: url(../img/sh.png) no-repeat; }
          .about_main .case_detail .share .share_l a.weixin {
            background: url(../img/weixin.png) no-repeat; }
            .about_main .case_detail .share .share_l a.weixin:hover {
              background: url(../img/wh.png) no-repeat; }
      .about_main .case_detail .share .share_r {
        width: 130px;
        height: 35px;
        border: 1px solid #d6d6d6;
        float: right;
        text-align: center;
        line-height: 35px;
        color: #555;
        display: block;
        font-size: 14px; }
        .about_main .case_detail .share .share_r:hover {
          color: #e74256; }
        .about_main .case_detail .share .share_r.js-m {
          transform: translateX(200px);
          opacity: 0;
          filter: alpha(opacity=0); }
        .about_main .case_detail .share .share_r span {
          margin: 0 10px; }
  .about_main .ab_list {
    width: 100%;
    height: auto;
    margin-top: 40px;
    border-bottom: 1px solid #bfbfbf; }
    .about_main .ab_list.js-m {
      transform: translateY(100px);
      opacity: 0;
      filter: alpha(opacity=0); }
    .about_main .ab_list div {
      width: 1200px;
      overflow: hidden;
      margin-left: auto;
      margin-right: auto;
      font-size: 0;
      text-align: center; }
      .about_main .ab_list div span {
        width: 100px;
        display: inline-block;
        text-align: center;
        font-size: 20px;
        padding-bottom: 8px;
        margin: 0 50px; }
        .about_main .ab_list div span:hover {
          border-bottom: 10px solid #e74256; }
          .about_main .ab_list div span:hover a {
            color: #e74256; }
        .about_main .ab_list div span.active {
          border-bottom: 10px solid #e74256; }
          .about_main .ab_list div span.active a {
            color: #e74256; }
        .about_main .ab_list div span a {
          width: 100%;
          height: 100%;
          display: block;
          color: #5d5d5d; }
  .about_main .design {
    width: 100%;
    padding-top: 100px;
    height: auto; }
    .about_main .design .item {
      width: 100%;
      height: auto; }
      .about_main .design .item .pic {
        width: 56.5%;
        overflow: hidden;
        float: left; }
        .about_main .design .item .pic.js-m {
          transform: translateX(-100px);
          opacity: 0;
          filter: alpha(opacity=0); }
        .about_main .design .item .pic img {
          width: 100%;
          height: 354px;
          transition: 1s; }
          .about_main .design .item .pic img:hover {
            transform: scale(1.1); }
      .about_main .design .item .txt {
        width: 40.5%;
        height: auto;
        float: left;
        padding-top: 50px;
        min-height: 304px;
        padding-left: 3%;
        background: #fff; }
        .about_main .design .item .txt.js-m {
          transform: translateX(100px);
          opacity: 0;
          filter: alpha(opacity=0); }
        .about_main .design .item .txt .txt_cen {
          width: 45%;
          float: left; }
          .about_main .design .item .txt .txt_cen .tit3 {
            font-size: 30px;
            color: #5d5d5d;
            font-weight: bold;
            letter-spacing: 3px; }
          .about_main .design .item .txt .txt_cen .co {
            width: 100%;
            font-size: 14px;
            padding-top: 12px;
            color: #6f6f6f; }
    .about_main .design .item2 {
      width: 100%;
      height: auto; }
      .about_main .design .item2 .pic {
        width: 56.5%;
        overflow: hidden;
        float: right; }
        .about_main .design .item2 .pic.js-m {
          transform: translateX(100px);
          opacity: 0;
          filter: alpha(opacity=0); }
        .about_main .design .item2 .pic img {
          width: 100%;
          height: 354px;
          transition: 1s; }
          .about_main .design .item2 .pic img:hover {
            transform: scale(1.1); }
      .about_main .design .item2 .txt {
        width: 39%;
        height: auto;
        float: left;
        padding-top: 50px;
        min-height: 304px;
        padding-right: 4.5%;
        background: #fff; }
        .about_main .design .item2 .txt.js-m {
          transform: translateX(-100px);
          opacity: 0;
          filter: alpha(opacity=0); }
        .about_main .design .item2 .txt .txt_cen {
          width: 51%;
          float: right; }
          .about_main .design .item2 .txt .txt_cen .tit3 {
            font-size: 30px;
            color: #e74256;
            letter-spacing: 3px;
            font-weight: bold; }
          .about_main .design .item2 .txt .txt_cen .co {
            width: 100%;
            font-size: 14px;
            padding-top: 12px;
            color: #6f6f6f; }
  .about_main .company {
    width: 100%;
    height: auto;
    margin-top: 90px; }
    .about_main .company .t {
      text-align: center;
      font-weight: bold;
      font-size: 30px;
      color: #5d5d5d; }
      .about_main .company .t.js-m {
        transform: translateY(100px);
        opacity: 0;
        filter: alpha(opacity=0); }
  .about_main .ts {
    height: 150px;
    width: 100%;
    text-align: center;
    line-height: 150px;
    font-size: 30px;
    font-weight: bold;
    color: #5d5d5d;
    letter-spacing: 6px; }
    .about_main .ts.js-m {
      transform: scale(0.1); }
  .about_main .en {
    font-size: 18px;
    color: #bfbfbf;
    font-family: DINPRO;
    text-align: center;
    line-height: 26px;
    padding-bottom: 90px; }
    .about_main .en.js-m {
      transform: scale(0.1);
      opacity: 0;
      filter: alpha(opacity=0); }
  .about_main .photo {
    width: 100%;
    height: 975px; }
    .about_main .photo div {
      float: left; }
      .about_main .photo div.one {
        width: 24.5%;
        height: 100%;
        float: left; }
        .about_main .photo div.one .tu1 {
          width: 100%;
          overflow: hidden;
          height: 487px; }
          .about_main .photo div.one .tu1:hover .t {
            width: 100%; }
          .about_main .photo div.one .tu1.js-m {
            transform: translateX(-200px);
            opacity: 0;
            filter: alpha(opacity=0); }
          .about_main .photo div.one .tu1 .t {
            position: absolute;
            left: 0;
            transition: 1s;
            top: 0;
            width: 0;
            height: 100%;
            background: url(../img/bg.png) no-repeat;
            background-size: 100% 100%; }
          .about_main .photo div.one .tu1 img {
            width: 100%;
            height: 100%; }
        .about_main .photo div.one .tu2 {
          width: 100%;
          overflow: hidden;
          height: 488px; }
          .about_main .photo div.one .tu2:hover .t {
            width: 100%; }
          .about_main .photo div.one .tu2.js-m {
            transform: translateX(-200px);
            opacity: 0;
            filter: alpha(opacity=0); }
          .about_main .photo div.one .tu2 .t {
            position: absolute;
            left: 0;
            transition: 1s;
            top: 0;
            width: 0;
            height: 100%;
            background: url(../img/bg.png) no-repeat;
            background-size: 100% 100%; }
          .about_main .photo div.one .tu2 img {
            width: 100%;
            height: 100%; }
      .about_main .photo div.two {
        width: 22%;
        height: 100%;
        float: left; }
        .about_main .photo div.two .tu1 {
          width: 100%;
          overflow: hidden;
          height: 355px; }
          .about_main .photo div.two .tu1:hover .t {
            width: 100%; }
          .about_main .photo div.two .tu1.js-m {
            transform: translateX(-200px);
            opacity: 0;
            filter: alpha(opacity=0); }
          .about_main .photo div.two .tu1 .t {
            position: absolute;
            left: 0;
            transition: 1s;
            top: 0;
            width: 0;
            height: 100%;
            background: url(../img/bg.png) no-repeat;
            background-size: 100% 100%; }
          .about_main .photo div.two .tu1 img {
            width: 100%;
            height: 100%; }
        .about_main .photo div.two .tu2 {
          width: 100%;
          overflow: hidden;
          height: 620px; }
          .about_main .photo div.two .tu2:hover .t {
            width: 100%; }
          .about_main .photo div.two .tu2.js-m {
            transform: translateX(-200px);
            opacity: 0;
            filter: alpha(opacity=0); }
          .about_main .photo div.two .tu2 img {
            width: 100%;
            height: 100%; }
          .about_main .photo div.two .tu2 .t {
            position: absolute;
            left: 0;
            transition: 1s;
            top: 0;
            width: 0;
            height: 100%;
            background: url(../img/bg.png) no-repeat;
            background-size: 100% 100%; }
      .about_main .photo div.three {
        width: 28.5%;
        height: 100%;
        float: left; }
        .about_main .photo div.three .tu1 {
          width: 100%;
          overflow: hidden;
          height: 620px; }
          .about_main .photo div.three .tu1:hover .t {
            width: 100%; }
          .about_main .photo div.three .tu1.js-m {
            transform: translateX(-200px);
            opacity: 0;
            filter: alpha(opacity=0); }
          .about_main .photo div.three .tu1 img {
            width: 100%;
            height: 100%; }
          .about_main .photo div.three .tu1 .t {
            position: absolute;
            left: 0;
            transition: 1s;
            top: 0;
            width: 0;
            height: 100%;
            background: url(../img/bg.png) no-repeat;
            background-size: 100% 100%; }
        .about_main .photo div.three .tu2 {
          width: 100%;
          overflow: hidden;
          height: 355px; }
          .about_main .photo div.three .tu2:hover .t {
            width: 100%; }
          .about_main .photo div.three .tu2.js-m {
            transform: translateX(-200px);
            opacity: 0;
            filter: alpha(opacity=0); }
          .about_main .photo div.three .tu2 img {
            width: 100%;
            height: 100%; }
          .about_main .photo div.three .tu2 .t {
            position: absolute;
            left: 0;
            transition: 1s;
            top: 0;
            width: 0;
            height: 100%;
            background: url(../img/bg.png) no-repeat;
            background-size: 100% 100%; }
      .about_main .photo div.four {
        width: 25%;
        height: 100%;
        float: left; }
        .about_main .photo div.four .tu1 {
          width: 100%;
          overflow: hidden;
          height: 489px; }
          .about_main .photo div.four .tu1:hover .t {
            width: 100%; }
          .about_main .photo div.four .tu1.js-m {
            transform: translate(-200px);
            opacity: 0;
            filter: alpha(opacity=0); }
          .about_main .photo div.four .tu1 img {
            width: 100%;
            height: 100%; }
          .about_main .photo div.four .tu1 .t {
            position: absolute;
            left: 0;
            transition: 1s;
            top: 0;
            width: 0;
            height: 100%;
            background: url(../img/bg.png) no-repeat;
            background-size: 100% 100%; }
        .about_main .photo div.four .tu2 {
          width: 100%;
          overflow: hidden;
          height: 486px; }
          .about_main .photo div.four .tu2:hover .t {
            width: 100%; }
          .about_main .photo div.four .tu2.js-m {
            transform: translateX(-200px);
            opacity: 0;
            filter: alpha(opacity=0); }
          .about_main .photo div.four .tu2 img {
            width: 100%;
            height: 100%; }
          .about_main .photo div.four .tu2 .t {
            position: absolute;
            left: 0;
            transition: 1s;
            top: 0;
            width: 0;
            height: 100%;
            background: url(../img/bg.png) no-repeat;
            background-size: 100% 100%; }
  .about_main .map_classification {
    width: 1200px;
    margin: 0 auto;
    padding-top: 50px;
    text-align: center; }
    .about_main .map_classification div:last-child.js-m {
      transform: translateX(200px);
      opacity: 0;
      filter: alpha(opacity=0); }
    .about_main .map_classification div {
      display: inline-block;
      font-size: 22px;
      color: #808080;
      font-weight: bold;
      width: 180px;
      height: 50px;
      border-radius: 50px;
      cursor: pointer;
      line-height: 50px;
      margin-bottom: 45px; }
      .about_main .map_classification div.js-m {
        transform: translateX(-200px);
        opacity: 0;
        filter: alpha(opacity=0); }
      .about_main .map_classification div.current {
        border: 1px solid #bfbfbf; }
  .about_main .coo {
    width: 100%;
    overflow: hidden;
    display: none; }
    .about_main .coo.show {
      display: block; }
    .about_main .coo #map {
      width: 100%;
      height: 575px;
      position: relative; }
      .about_main .coo #map.js-m {
        transform: scale(0.1) rotateX(-90deg);
        opacity: 0;
        filter: alpha(opacity=0); }
      .about_main .coo #map .anchorBL {
        display: none; }
    .about_main .coo #map2 {
      width: 100%;
      height: 575px;
      position: relative; }
      .about_main .coo #map2.js-m {
        transform: scale(0.1) rotateX(-90deg);
        opacity: 0;
        filter: alpha(opacity=0); }
      .about_main .coo #map2 .anchorBL {
        display: none; }
    .about_main .coo .message {
      width: 1200px;
      height: auto;
      margin-left: auto;
      margin-right: auto;
      margin-top: 85px;
      margin-bottom: 110px; }
      .about_main .coo .message .tel {
        width: 265px;
        height: auto;
        float: left;
        margin-left: 135px; }
        .about_main .coo .message .tel:hover .ico {
          background: url(../img/wtel.png) no-repeat center center #d2394b; }
        .about_main .coo .message .tel.js-m {
          transform: translateX(-100px);
          opacity: 0;
          filter: alpha(opacity=0); }
        .about_main .coo .message .tel .ico {
          width: 150px;
          height: 150px;
          margin-bottom: 20px;
          border: 1px solid #c6c6c6;
          border-radius: 75px;
          background: url(../img/tel2.png) no-repeat center center; }
        .about_main .coo .message .tel .tel_main {
          font-size: 22px;
          color: #808080;
          font-weight: bold;
          padding-left: 33px; }
        .about_main .coo .message .tel .telephone {
          font-size: 24px;
          color: #808080;
          width: 170px;
          word-break: break-all;
          font-family: Arial; }
      .about_main .coo .message .address {
        width: 285px;
        height: auto;
        float: left;
        margin-left: 115px; }
        .about_main .coo .message .address:hover .ico {
          background: url(../img/wa.png) no-repeat center center #d2394b; }
        .about_main .coo .message .address.js-m {
          transform: translateX(-200px);
          opacity: 0;
          filter: alpha(opacity=0); }
        .about_main .coo .message .address .ico {
          width: 150px;
          height: 150px;
          margin-bottom: 20px;
          border: 1px solid #c6c6c6;
          border-radius: 75px;
          background: url(../img/address.png) no-repeat center center; }
        .about_main .coo .message .address .tel_main {
          font-size: 22px;
          color: #808080;
          font-weight: bold;
          padding-left: 33px; }
        .about_main .coo .message .address .address1 {
          font-size: 14px;
          color: #808080;
          width: 170px;
          word-break: break-all;
          text-align: center; }
      .about_main .coo .message .email {
        width: 315px;
        height: auto;
        float: left;
        margin-left: 85px; }
        .about_main .coo .message .email:hover .ico {
          background: url(../img/wm.png) no-repeat center center #d2394b; }
        .about_main .coo .message .email.js-m {
          transform: translateX(-300px);
          opacity: 0;
          filter: alpha(opacity=0); }
        .about_main .coo .message .email .ico {
          width: 150px;
          height: 150px;
          margin-left: 10px;
          margin-bottom: 20px;
          border: 1px solid #c6c6c6;
          border-radius: 75px;
          background: url(../img/emm.png) no-repeat center center; }
        .about_main .coo .message .email .tel_main {
          font-size: 22px;
          color: #808080;
          font-weight: bold;
          padding-left: 53px; }
        .about_main .coo .message .email .email1 {
          font-size: 24px;
          color: #808080;
          font-family: Arial;
          text-align: left; }
  .about_main .photos {
    width: 100%;
    height: auto;
    margin-bottom: 75px; }
    .about_main .photos li {
      width: 50%;
      height: auto;
      float: left;
      overflow: hidden; }
      .about_main .photos li.js-m {
        transform: translate(100px);
        opacity: 0;
        filter: alpha(opacity=0); }
      .about_main .photos li img {
        width: 100%;
        height: auto;
        transition: 1s; }
        .about_main .photos li img:hover {
          transform: scale(1.1); }
  .about_main .sj {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    text-align: center;
    padding-top: 80px; }
    .about_main .sj ul {
      width: 1200px;
      height: auto;
      margin: 0 auto;
      text-align: center; }
      .about_main .sj ul li {
        height: 40px;
        margin: 0 auto;
        text-align: center;
        padding: 0 15px;
        cursor: pointer;
        line-height: 40px;
        font-size: 20px;
        display: inline-block;
        margin-right: 55px;
        border: 1px solid #f4f6fc;
        color: #797979; }
        .about_main .sj ul li:hover {
          border-color: #898884; }
        .about_main .sj ul li.cu2 {
          border-color: #898884; }
  .about_main .case_list2 {
    width: 100%;
    padding-bottom: 10px;
    height: auto;
    padding-top: 80px;
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 75px; }
    .about_main .case_list2 .case_cen {
      width: 1200px;
      overflow: hidden;
      margin: 0 auto; }
      .about_main .case_list2 .case_cen ul {
        width: 110%;
        height: auto; }
        .about_main .case_list2 .case_cen ul li {
          width: 580px;
          height: auto;
          float: left;
          margin-right: 40px; }
          .about_main .case_list2 .case_cen ul li:hover a .pro {
            opacity: 1;
            filter: alpha(opacity=100);
            transform: scale(1) rotate(0deg); }
            .about_main .case_list2 .case_cen ul li:hover a .pro .nm {
              opacity: 1;
              filter: alpha(opacity=100);
              transform: translate(0); }
            .about_main .case_list2 .case_cen ul li:hover a .pro .more {
              opacity: 1;
              filter: alpha(opacity=100);
              transform: translate(0); }
          .about_main .case_list2 .case_cen ul li.js-m {
            transform: translateY(100px);
            opacity: 0;
            filter: alpha(opacity=0); }
          .about_main .case_list2 .case_cen ul li a {
            width: 100%;
            height: 100%;
            display: block;
            position: relative; }
            .about_main .case_list2 .case_cen ul li a .pro {
              width: 420px;
              height: 225px;
              position: absolute;
              left: 75px;
              top: 60px;
              transition: 1s;
              overflow: hidden;
              opacity: 0;
              transform: scale(0.1) rotateX(-210deg);
              filter: alpha(opacity=0);
              background: url(../img/case_bg.png) no-repeat; }
              .about_main .case_list2 .case_cen ul li a .pro .nm {
                font-size: 24px;
                color: #fff;
                text-align: center;
                padding-top: 70px;
                transition: 1s;
                transform: translateY(-120px);
                opacity: 0;
                filter: alpha(opacity=0); }
              .about_main .case_list2 .case_cen ul li a .pro .more {
                font-size: 24px;
                color: #d23f50;
                text-align: center;
                padding-top: 5px;
                transition: 1s;
                transform: translateY(120px);
                opacity: 0;
                filter: alpha(opacity=0); }
            .about_main .case_list2 .case_cen ul li a .pic {
              width: 100%;
              overflow: hidden; }
              .about_main .case_list2 .case_cen ul li a .pic img {
                width: 100%;
                height: auto; }
            .about_main .case_list2 .case_cen ul li a .txt_c {
              text-align: center;
              font-size: 24px;
              color: #808080;
              padding-top: 27px;
              margin-bottom: 40px; }
  .about_main .page {
    width: 1200px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 80px;
    padding-bottom: 10px; }
    .about_main .page.js-m {
      transform: translateY(100px);
      opacity: 0;
      filter: alpha(opacity=0); }
    .about_main .page > .page {
      width: 800px;
      height: 42px;
      text-align: center; }
      .about_main .page > .page .prev_page {
        width: 42px;
        height: 42px;
        display: inline-block;
        border: none;
        color: #fff;
        font-size: 20px;
        text-align: center;
        line-height: 42px;
        background: #e3e6f5; }
      .about_main .page > .page a {
        text-align: center;
        width: 40px;
        height: 40px;
        line-height: 40px;
        display: inline-block;
        color: #a8a8a8;
        border: 1px solid #a8a8a8;
        font-size: 18px;
        margin: 0 15px;
        text-align: center; }
        .about_main .page > .page a.active {
          background: #e74256;
          border-color: #e74256;
          color: #fff; }
      .about_main .page > .page .next_page {
        width: 42px;
        height: 42px;
        border: none;
        color: #fff;
        font-size: 20px;
        text-align: center;
        line-height: 42px;
        background: #e3e6f5; }
  .about_main .vi {
    width: 485px;
    height: auto;
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
    color: #6f6f6f;
    opacity: 0.7;
    line-height: 20px;
    margin-top: 50px;
    margin-bottom: 90px;
    filter: alpha(opacity=70);
    display: none; }
    .about_main .vi.show {
      display: block; }
  .about_main .culture {
    width: 1200px;
    margin: 0 auto;
    height: auto;
    padding-bottom: 100px;
    border-top: 1px solid #9c9c9c; }
    .about_main .culture ul {
      width: 110%;
      height: auto; }
      .about_main .culture ul li:nth-child(odd).js-m {
        transform: translate(-100px);
        opacity: 0;
        filter: alpha(opacity=0); }
      .about_main .culture ul li:nth-child(even).js-m {
        transform: translate(100px);
        opacity: 0;
        filter: alpha(opacity=0); }
      .about_main .culture ul li {
        width: 565px;
        height: auto;
        float: left;
        margin-top: 70px;
        margin-right: 60px; }
        .about_main .culture ul li .pic {
          width: 100%;
          overflow: hidden; }
          .about_main .culture ul li .pic img {
            width: 100%;
            height: auto;
            transition: 1s; }
            .about_main .culture ul li .pic img:hover {
              transform: scale(1.1); }
        .about_main .culture ul li .tits {
          text-align: center;
          font-family: MingHei_B;
          font-size: 24px;
          margin-top: 60px;
          letter-spacing: 5px; }
        .about_main .culture ul li .con {
          font-size: 14px;
          color: #6f6f6f;
          padding-top: 20px;
          text-align: center; }
  .about_main .mor {
    width: 33px;
    height: 33px;
    background: url(../img/jia.png) no-repeat;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    margin-top: 30px;
    margin-bottom: 90px; }
  .about_main .history {
    width: 1200px;
    height: auto;
    margin-top: 104px;
    margin-left: auto;
    margin-right: auto;
    background: url(../img/hl.png) repeat-y center 20px; }
    .about_main .history .fr:first-child {
      margin-top: -50px; }
    .about_main .history .fr {
      float: right;
      width: 460px;
      height: auto;
      margin-left: 150px;
      margin-top: 280px;
      position: relative; }
      .about_main .history .fr.js-m {
        transform: translateX(100px);
        opacity: 0;
        filter: alpha(opacity=0); }
      .about_main .history .fr .y {
        position: absolute;
        left: -155px;
        top: 40px;
        width: 33px;
        height: 33px;
        background: url(../img/y2.png) no-repeat; }
      .about_main .history .fr .year {
        color: #e74256;
        font-weight: bold;
        font-size: 24px; }
      .about_main .history .fr .ti {
        font-size: 24px;
        color: #8a8a8a;
        font-weight: bold;
        line-height: 26px;
        letter-spacing: 3px; }
      .about_main .history .fr .pic {
        width: 100%;
        margin-top: 30px;
        height: auto; }
        .about_main .history .fr .pic img {
          width: 100%;
          height: auto; }
      .about_main .history .fr .co {
        font-size: 14px;
        color: #6f6f6f;
        padding-top: 50px;
        opacity: 0.7;
        filter: alpha(opacity=70);
        line-height: 20px; }
    .about_main .history .fl {
      float: left;
      width: 460px;
      height: auto;
      position: relative;
      margin-top: 280px; }
      .about_main .history .fl.js-m {
        transform: translateX(-100px);
        opacity: 0;
        filter: alpha(opacity=0); }
      .about_main .history .fl .y {
        position: absolute;
        right: -156px;
        top: 40px;
        width: 33px;
        height: 33px;
        background: url(../img/y2.png) no-repeat; }
      .about_main .history .fl .year {
        color: #e74256;
        font-weight: bold;
        font-size: 24px;
        text-align: right; }
      .about_main .history .fl .ti {
        font-size: 24px;
        color: #8a8a8a;
        font-weight: bold;
        line-height: 26px;
        letter-spacing: 3px;
        text-align: right; }
      .about_main .history .fl .pic {
        width: 100%;
        margin-top: 30px;
        height: auto; }
        .about_main .history .fl .pic img {
          width: 100%;
          height: auto; }
      .about_main .history .fl .co {
        font-size: 14px;
        color: #6f6f6f;
        text-align: right;
        padding-top: 50px;
        opacity: 0.7;
        filter: alpha(opacity=70);
        line-height: 20px; }
  .about_main .about_news {
    width: 1200px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
    padding-bottom: 60px; }
    .about_main .about_news li {
      width: 100%;
      height: auto;
      margin-bottom: 110px; }
      .about_main .about_news li.even .about_r {
        background: none;
        width: 560px;
        margin-right: 35px;
        padding-top: 0; }
        .about_main .about_news li.even .about_r .pic {
          width: 100%;
          height: auto; }
          .about_main .about_news li.even .about_r .pic img {
            width: 100%;
            height: auto; }
        .about_main .about_news li.even .about_r.js-m {
          transform: translateX(-200px);
          opacity: 0;
          filter: alpha(opacity=0); }
      .about_main .about_news li.even .about_l {
        margin-top: 0;
        width: 557px;
        margin-right: 0;
        margin-left: 48px;
        float: left; }
        .about_main .about_news li.even .about_l .ti {
          border: none;
          margin-top: 37px; }
        .about_main .about_news li.even .about_l.js-m {
          transform: translateX(200px);
          opacity: 0;
          filter: alpha(opacity=0); }
      .about_main .about_news li .about_l {
        width: 545px;
        height: auto;
        margin-right: 50px;
        margin-top: 85px;
        float: left; }
        .about_main .about_news li .about_l.js-m {
          transform: translateX(-200px);
          opacity: 0;
          filter: alpha(opacity=0); }
        .about_main .about_news li .about_l .ti {
          font-size: 24px;
          color: #8a8a8a;
          display: inline-block;
          border-bottom: 1px solid #e6e4e4;
          font-weight: bold;
          letter-spacing: 7px;
          padding-bottom: 20px; }
        .about_main .about_news li .about_l .con2 {
          width: 100%;
          height: auto;
          font-size: 14px;
          color: #6f6f6f; }
          .about_main .about_news li .about_l .con2 p {
            padding-top: 25px; }
      .about_main .about_news li .about_r {
        width: 605px;
        height: auto;
        float: left;
        padding-top: 70px;
        background: url(../img/abg.png) no-repeat right top; }
        .about_main .about_news li .about_r.js-m {
          transform: translateX(200px);
          opacity: 0;
          filter: alpha(opacity=0); }
        .about_main .about_news li .about_r .pic {
          width: 100%;
          height: auto; }
          .about_main .about_news li .about_r .pic img {
            width: auto;
            height: auto; }

.footer {
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 10;
  background: url(../img/bg2.jpg) no-repeat center center;
  padding-top: 80px;
  background-size: 100% 100%; }
  .footer .footer_cen {
    width: 1200px;
    margin: 0 auto;
    height: 300px;
    border-bottom: 1px solid #1e2f40; }
    .footer .footer_cen .address {
      width: 480px;
      height: auto;
      float: left; }
      .footer .footer_cen .address .t {
        font-size: 18px;
        color: #fff;
        padding-bottom: 5px;
        width: 75px;
        border-bottom: 1px solid #1e2f40; }
      .footer .footer_cen .address .t_info {
        width: 100%;
        height: auto;
        padding-top: 30px;
        color: #fff;
        font-size: 14px;
        color: #fff; }
        .footer .footer_cen .address .t_info .eng {
          font-size: 12px;
          color: #2d4863;
          font-family: Arial;
          width: 300px;
          word-break: break-all;
          padding-top: 7px; }
        .footer .footer_cen .address .t_info .friendship {
          width: 270px;
          height: 40px;
          margin-top: 30px;
          position: relative;
          cursor: pointer;
          z-index: 2; }
          .footer .footer_cen .address .t_info .friendship .lj {
            width: 250px;
            height: 100%;
            background: url(../img/gd.png) no-repeat 240px center #1E2F3F;
            padding-left: 10px;
            line-height: 40px;
            font-size: 16px;
            padding-right: 10px; }
          .footer .footer_cen .address .t_info .friendship ul {
            width: 270px;
            height: auto;
            position: absolute;
            background: #12112d;
            left: 0;
            display: none;
            top: 40px; }
            .footer .footer_cen .address .t_info .friendship ul li {
              width: 100%;
              height: 40px;
              text-align: center;
              line-height: 40px;
              font-size: 14px;
              color: #ccc; }
              .footer .footer_cen .address .t_info .friendship ul li a {
                width: 100%;
                height: 100%;
                color: #ccc;
                display: block; }
    .footer .footer_cen .tel {
      width: 350px;
      height: auto;
      float: left; }
      .footer .footer_cen .tel .t {
        font-size: 18px;
        color: #fff;
        padding-bottom: 5px;
        width: 75px;
        border-bottom: 1px solid #1e2f40; }
      .footer .footer_cen .tel .telephone {
        width: 310px;
        padding-left: 40px;
        background: url(../img/tel.png) no-repeat left center;
        height: auto;
        margin-top: 25px;
        font-size: 24px;
        color: #fff;
        font-family: Arial; }
      .footer .footer_cen .tel .title3 {
        font-size: 18px;
        color: #fff;
        margin-top: 35px; }
      .footer .footer_cen .tel .em {
        margin-top: 18px;
        background: url(../img/email.png) no-repeat left center;
        font-size: 18px;
        padding-left: 45px;
        color: #fff;
        font-family: Arial; }
    .footer .footer_cen .follow {
      width: 365px;
      height: auto;
      float: right; }
      .footer .footer_cen .follow .ti {
        display: inline-block; }
        .footer .footer_cen .follow .ti:hover span {
          margin-left: 30px; }
        .footer .footer_cen .follow .ti .t {
          font-size: 18px;
          color: #fff;
          padding-bottom: 5px;
          width: 75px;
          border-bottom: 1px solid #1e2f40;
          float: left; }
        .footer .footer_cen .follow .ti span {
          float: left;
          margin-left: 15px;
          transition: 1s; }
      .footer .footer_cen .follow .code {
        margin-top: 50px; }
        .footer .footer_cen .follow .code .code1 {
          margin-left: 4px;
          margin-right: 23px;
          position: relative;
          display: inline-block;
          transition: 1s; }
          .footer .footer_cen .follow .code .code1:hover {
            transform: translateY(-10px); }
        .footer .footer_cen .follow .code .code2 {
          position: relative;
          transition: 1s;
          display: inline-block; }
          .footer .footer_cen .follow .code .code2:hover {
            transform: translateY(-10px); }
  .footer .copyright {
    width: 1200px;
    height: 105px;
    line-height: 105px;
    margin: 0 auto; }
    .footer .copyright .copy_l {
      float: left;
      font-size: 14px;
      font-family: Arial;
      opacity: 0.4;
      filter: alpha(opacity=40);
      color: #f8f9fe; }
      .footer .copyright .copy_l span {
        font-size: 12px;
        color: #3fb5e7; }
      .footer .copyright .copy_l a {
        font-size: 12px;
        color: #f8f9fe;
        margin-left: 5px; }
    .footer .copyright .copy_r {
      width: 780px;
      float: left;
      height: 105px; }
      .footer .copyright .copy_r li:first-child {
        margin-right: 30px; }
      .footer .copyright .copy_r li:last-child {
        margin-right: 10px;
        text-align: right;
        width: 140px; }
      .footer .copyright .copy_r li {
        float: left;
        width: 150px;
        height: 100%;
        text-align: right; }
        .footer .copyright .copy_r li a {
          width: 100%;
          height: 100%;
          display: block;
          color: #f8f9fe; }
          .footer .copyright .copy_r li a:hover {
            color: #d2394b; }

.slidebar {
  width: 75px;
  height: 310px;
  position: fixed;
  top: 60%;
  right: 0;
  margin-top: -155px;
  z-index: 999;
  opacity: 0;
  display: block;
  background: url(../img/bg4.png) no-repeat;
  background-size: 100% 100%; }
  .slidebar a {
    width: 250px;
    height: 50px;
    display: block;
    line-height: 50px;
    color: #fff;
    font-size: 16px;
    color: #fff;
    font-family: Arial;
    margin-top: 15px;
    position: relative;
    border-radius: 5px; }
    .slidebar a.cu {
      background: rgba(0, 0, 0, 0.7); }
    .slidebar a span {
      width: 75px;
      height: 100%;
      display: inline-block;
      text-align: center; }
      .slidebar a span img {
        vertical-align: middle; }

#particles {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #000017; }
  @media (max-width: 1400px) {
    #particles .intro {
      top: 19% !important; }
    #particles .logo {
      width: 90%;
      margin: 0 auto;
      text-align: center; }
      #particles .logo img {
        display: block;
        margin: 0 auto;
        transform: scale(0.7); } }
  #particles .intro {
    width: 100%;
    height: auto;
    position: absolute;
    margin: 0 auto;
    top: 34%;
    color: #fff; }
    #particles .intro .logo {
      width: 90%;
      margin: 0 auto;
      text-align: center; }
      #particles .intro .logo img {
        display: block;
        margin: 0 auto; }
    #particles .intro .name {
      width: 80%;
      margin: 0 auto;
      text-align: center;
      padding-top: 1.5%; }
      #particles .intro .name img {
        display: block;
        margin: 0 auto; }
    #particles .intro .pass {
      width: 195px;
      height: 50px;
      border: 1px solid #fff;
      border-radius: 50px;
      margin: 0 auto;
      font-size: 20px;
      color: #fff;
      text-align: center;
      margin-top: 4%;
      line-height: 50px; }
      #particles .intro .pass:hover {
        box-shadow: 0 0 12px #fff; }
      #particles .intro .pass a {
        width: 100%;
        color: #fff;
        height: 100%;
        display: block;
        border-radius: 50px; }
    #particles .intro .ico {
      width: 80%;
      height: auto;
      padding-top: 6%;
      margin: 0 auto; }
      #particles .intro .ico img {
        display: block;
        margin: 0 auto; }
    #particles .intro .copyright {
      width: 80%;
      height: auto;
      text-align: center;
      margin: 0 auto;
      padding-top: 1.3%;
      font-size: 12px;
      color: #fff; }
      #particles .intro .copyright span {
        font-size: 14px;
        font-family: Arial;
        margin-right: 5px; }
      #particles .intro .copyright a {
        color: #fff; }
        #particles .intro .copyright a:hover {
          color: #3fb5e7;
          opacity: 1 !important;
          filter: alpha(opacity=100); }

#fp-nav {
  display: inline-block;
  left: 30px !important;
  right: inherit;
  opacity: 0; }
  #fp-nav ul li a {
    width: 10px !important;
    height: 10px !important;
    border-radius: 10px !important;
    background: #fff;
    display: block; }
    #fp-nav ul li a span {
      width: 100% !important;
      height: 100% !important;
      display: inline-block; }
    #fp-nav ul li a.active {
      width: 10px;
      height: 10px;
      background: #e74256;
      border-radius: 10px; }

#fp-nav ul li .fp-tooltip {
  top: -8px !important; }

/*# sourceMappingURL=style.css.map */