锘                    /** 娓呴櫎鍐呭杈硅窛 **/

                    body,
                    h1,
                    h2,
                    h3,
                    h4,
                    h5,
                    h6,
                    hr,
                    p,
                    blockquote,
                    /* structural elements 缁撴瀯鍏冪礌 */

                    dl,
                    dt,
                    dd,
                    ul,
                    ol,
                    li,
                    /* list elements 鍒楄〃鍏冪礌 */

                    pre,
                    /* text formatting elements 鏂囨湰鏍煎紡鍏冪礌 */

                    form,
                    fieldset,
                    legend,
                    button,
                    input,
                    textarea,
                    /* form elements 琛ㄥ崟鍏冪礌 */

                    th,
                    td
                    /* table elements 琛ㄦ牸鍏冪礌 */

                      {
                      margin: 0;
                      padding: 0;
                    }

                    /** 璁剧疆榛樿瀛椾綋 **/

                    body,
                    button,
                    input,
                    select,
                    textarea
                    /* for ie */

                      {
                      font: 14px/1.0 "Microsoft YaHei", "榛戜綋", "瀹嬩綋", sans-serif;
                    }

                    h1,
                    h2,
                    h3,
                    h4,
                    h5,
                    h6 {
                      font-size: 100%;
                      font-weight: normal;
                    }

                    address,
                    cite,
                    dfn,
                    em,
                    var,
                    i {
                      font-style: normal;
                    }

                    /* 灏嗘枩浣撴壎姝 */

                    code,
                    kbd,
                    pre,
                    samp {
                      font-family: courier new, courier, monospace;
                    }

                    /* 缁熶竴绛夊瀛椾綋 */

                    small {
                      font-size: 12px;
                    }

                    /* 灏忎簬 12px 鐨勪腑鏂囧緢闅鹃槄璇? 璁 small 姝ｅ父鍖 */
                    /** 閲嶇疆鍒楄〃鍏冪礌 **/

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

                    /** 閲嶇疆鏂囨湰鏍煎紡鍏冪礌 **/

                    a {
                      text-decoration: none;
                      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
                      color: #333;
                    }

                    a:hover {
                      text-decoration: none;
                      cursor: pointer;
                    }

                    sup {
                      vertical-align: text-top;
                    }

                    /* 閲嶇疆, 鍑忓皯瀵硅楂樼殑褰卞搷 */

                    sub {
                      vertical-align: text-bottom;
                    }

                    /** 閲嶇疆琛ㄥ崟鍏冪礌 **/

                    legend {
                      color: #000;
                    }

                    /* for ie6 */

                    fieldset,
                    img {
                      border: 0;
                    }

                    /* img 鎼溅锛氳閾炬帴閲岀殑 img 鏃犺竟妗 */

                    button,
                    input,
                    select,
                    textarea {
                      font-size: 100%;
                      outline: none;
                    }

                    /* 浣垮緱琛ㄥ崟鍏冪礌鍦 ie 涓嬭兘缁ф壙瀛椾綋澶у皬 */

                    input::-ms-clear {
                      display: none;
                    }

                    /*闅愯棌鏂囨湰妗嗗弶瀛?/

                    input::-ms-reveal {
                      display: none;
                    }

                    /*闅愯棌瀵嗙爜妗嗗皬鐪肩潧*/
                    /* 娉細optgroup 鏃犳硶鎵舵 */
                    /** 閲嶇疆琛ㄦ牸鍏冪礌 **/

                    table {
                      border-collapse: collapse;
                      border-spacing: 0;
                    }

                    /* 閲嶇疆 HTML5 鍏冪礌 */

                    article,
                    aside,
                    details,
                    figcaption,
                    figure,
                    footer,
                    header,
                    hgroup,
                    menu,
                    nav,
                    section,
                    summary,
                    time,
                    mark,
                    audio,
                    video {
                      display: block;
                      margin: 0;
                      padding: 0;
                    }

                    body {
                      overflow-x: hidden;
                    }

                    @font-face {
                      font-family: "BEBAS";
                      src: url('../font/BEBAS___.TTF');
                      font-weight: normal;
                      font-style: normal;
                    }

                    @media screen and (max-width: 640px) {
                      html {
                        font-size: 20px;
                      }
                    }

                    @media screen and (max-width: 480px) {
                      html {
                        font-size: 20px;
                      }
                    }

                    @media screen and (max-width: 380px) {
                      html {
                        font-size: 18px;
                      }
                    }

                    @media screen and (max-width: 320px) {
                      html {
                        font-size: 16px;
                      }
                    }

                    p {
                      text-align: justify;
                      text-justify: inter-ideograph;
                    }

                    html {
                      font-size: 20px;
                      height: 100%;
                      background: #fff;
                    }

                    .clear::after {
                      content: ".";
                      display: block;
                      height: 0;
                      visibility: hidden;
                      clear: both;
                    }

                    .cen {
                      position: absolute;
                      margin: auto;
                      top: 0;
                      left: 0;
                      right: 0;
                      bottom: 0;
                    }

                    .center {
                      position: absolute;
                      top: 50%;
                      left: 50%;
                      transform: translate(-50%, -50%);
                    }

                    .content {
                      width: 73%;
                      margin: 0 auto;
                    }

                    .pic-box {
                      overflow: hidden;
                      z-index: 33;
                      height: 100%;
                      width: 100%;
                    }

                    .pic-box img {
                      transition: all 0.5s ease;
                      width: 100%;
                      height: 100%;
                    }

                    .pic-box:hover img {
                      transform: scale(1.1, 1.1);
                    }

                    .swiper-container {
                      width: 100%;
                      /* height: 100%; */
                    }

                    .swiper-button-prev,
                    .swiper-button-next {
                      outline: none;
                    }

                    img {
                      vertical-align: middle;
                    }

                    .swiper-slide a {
                      display: block;
                    }

                    .left {
                      float: left;
                    }

                    .right {
                      float: right;
                    }

                    @media screen and (max-width:500px) {}

                    .pic img {
                      width: 100%;
                    }

                    .banner .swiper-pagination-bullet {
                      background-color: transparent;
                      position: relative;
                      width: 14px;
                      height: 14px;
                      font-size: 0;
                      vertical-align: top;
                      opacity: 1;
                      transition: all 0.5s ease;
                    }

                    .banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
                      margin: 0 10px;
                    }

                    .banner .swiper-pagination-bullet:after {
                      content: '';
                      width: 100%;
                      height: 14px;
                      background-color: #fff;
                      display: block;
                      border-radius: 7px;
                      position: absolute;
                      left: 50%;
                      transform: translateX(-50%);
                      top: 20px;
                      transition: all 0.5s ease;
                    }

                    .banner .swiper-pagination-bullet-active {
                      background-color: transparent;
                      width: 90px;
                      color: #b01c2b;
                      font-size: 18px;
                    }

                    .banner .swiper-pagination-bullet-active:after {
                      background-color: #b01c2b;
                    }

                    .banner .swiper-container-horizontal>.swiper-pagination-bullets,
                    .swiper-pagination-custom,
                    .swiper-pagination-fraction {
                      bottom: 35px;
                    }

                    .banner img {
                      width: 100%;
                    }

                    a {
                      display: block;
                    }

                    .head {
                      z-index: 999;
                      position: fixed;
                      top: 20px;
                      left: 5.75%;
                      height: 80px;
                      width: 88.5%;
                      margin: 0 auto;
                      line-height: 80px;
                      background-color: rgba(255, 255, 255, 0.89);
                      transition: all 0.5s ease;
                    }

                    .head .left {
                      margin-left: 40px;
                    }

                    .head .left img {
                      width: 175px;
                    }

                    .head ul {
                      font-size: 0;
                      float: right;
                      margin-right: 20px;
                      height: 80px;
                    }

                    .head ul li {
                      display: inline-block;
                      margin-left: 35px;
                      position: relative;
                    }

                    .head ul li .list {
                      position: absolute;
                      top: 78px;
                      left: 0;
                      background-color: #fff;
                      padding: 0 10px;
                      border-top: 2px solid #b01b2a;
                      display: none;
                    }

                    .head ul li .list a {
                      font-size: 16px;
                      color: #666;
                      line-height: 45px;
                      transition: all 0.3s ease;
                      white-space: nowrap;
                    }

                    .head ul li .list a:hover {
                      color: #b01c2b;
                    }

                    .head ul li.act>a {
                      color: #b01c2b;
                    }

                    .head ul li:hover {
                      color: #b01c2b
                    }

                    .head ul li>a {
                      font-size: 15px;
                      /*font-size: 18px;*/
                      color: #333;
                      transition: all 0.3s ease;
                    }

                    .head ul li>a:hover {
                      color: #b01b2a;
                    }

                    .head ul li>a.act {
                      color: #b01b2a;
                    }

                    .head.act {
                      left: 0;
                      width: 100%;
                      top: 0;
                      box-shadow: 1px 1px 10px #999;
                    }

                    .banner .font {
                      position: absolute;
                      top: 50%;
                      right: 13.5%;
                      transform: translateY(-50%);
                      width: 420px;
                      font-size: 42px;
                      color: #fefefe;
                      line-height: 75px;
                    }

                    .wel-title .ti {
                      font-size: 30px;
                      color: #333;
                      vertical-align: middle
                    }

                    .wel-title .tit {
                      font-size: 30px;
                      color: #333;
                      padding-left: 30px;
                      box-sizing: border-box;
                      /*margin-top: 20px;*/
                    }

                    .wel-title .xian {
                      width: 130px;
                      border-top: 1px solid #b01c2b;
                      margin-top: 15px;
                    }

                    .two-top {
                      padding-top: 110px;
                    }

                    .two-top .de {
                      font-size: 18px;
                      color: #666;
                      line-height: 35px;
                      text-indent: 2em;
                      margin-top: 20px;
                      padding-left: 30px;
                      box-sizing: border-box;
                      margin-bottom: 45px;
                    }

                    .two-top .left {
                      width: 50%;
                    }

                    .two-top .right {
                      width: 50%;
                    }

                    .two-top .more {
                      margin-left: 30px;
                    }

                    .more::after {
                      content: '';
                      background-image: url('../img/jt.png');
                      width: 28px;
                      height: 28px;
                      background-repeat: no-repeat;
                      background-position: center;
                      display: inline-block;
                      vertical-align: middle;
                      background-size: 18px;
                      margin-top: -4px;
                      width: 0;
                      transition: all 0.3s ease;
                      opacity: 0;
                    }

                    .more:hover:after {
                      width: 28px;
                      opacity: 1;
                    }

                    .more {
                      width: 225px;
                      height: 60px;
                      line-height: 60px;
                      text-align: center;
                      background-color: #b01c2b;
                      color: #fff;
                      font-size: 18px;
                      transition: all 0.5s ease;
                      display: inline-block;
                    }

                    /* .more i {
                        width: 0;
                        display: inline-block;

                        transition: all 0.5s ease;
                    }

                    .more:hover i {
                        width: 20px;
                    } */

                    .news .swiper-container .swiper-slide {
                      display: block;
                    }

                    .more i img {
                      margin-top: -4px;
                      width: 100%;
                    }

                    .two-top .right {
                      padding-right: 40px;
                      box-sizing: border-box;
                    }

                    .two-top .left {
                      padding-right: 40px;
                      box-sizing: border-box;
                    }

                    .two-top .right .pic {
                      border: 8px solid #b01c2b;
                      box-sizing: border-box;
                    }

                    .two-bot img {
                      width: 100%;
                    }

                    .two-bot .tb-swi {
                      padding: 0 40px;
                      /*margin-top: 165px;*/
                      position: relative;
                    }

                    .two-bot {
                      border-top: 5px solid #fff;
                      padding-top: 80px;
                      margin-top: 80px;
                    }

                    .tb-swi .swiper-slide {
                      border: 6px solid #b01c2b;
                      box-sizing: border-box;
                    }

                    .tb-swi .swiper-button-next {
                      right: -30px;
                      background-image: url('../img/sr.png');
                    }

                    .tb-swi .swiper-button-prev {
                      left: -30px;
                      background-image: url('../img/sl.png');
                    }

                    .tb-swi .swiper-button-next:hover {
                      background-image: url('../img/srr.png');
                    }

                    .tb-swi .swiper-button-prev:hover {
                      background-image: url('../img/sll.png');
                    }

                    .tb-swi .swiper-button-next,
                    .tb-swi .swiper-button-prev {
                      width: 23px;
                      height: 41px;
                      margin: none;
                      transform: translateY(-50%);
                      background-size: 23px 41px;
                      transition: all 0.5s ease;
                      margin: 0;
                    }

                    .wel-two {
                      background-image: url('../img/abbg.jpg');
                      background-repeat: no-repeat;
                      background-position: center bottom;
                      background-size: cover;
                      padding-bottom: 55px;
                    }

                    .tb-swi .font {
                      height: 110px;
                      background-color: #fff;
                      position: absolute;
                      width: 100%;
                      bottom: 0;
                      left: 0;
                      background-color: rgba(49, 49, 49, 0.47);
                      font-size: 24px;
                      color: #fff;
                      text-align: center;
                      line-height: 110px;
                    }

                    .tb-swi .font span {
                      border-top: 1px solid #fff;
                      width: 18%;
                      display: inline-block;
                      vertical-align: middle;
                      opacity: 0;
                      transition: all 0.5s ease;
                    }

                    .tb-swi .font i {
                      display: inline-block;
                      /* width: 150px;*/
                    }

                    .tb-swi a:hover span {
                      opacity: 1;
                    }

                    .tb-swi a img {
                      transition: all 0.5s ease;
                    }

                    .tb-swi a {
                      overflow: hidden;
                    }

                    .tb-swi a:hover img {
                      transform: scale(1.1);
                    }

                    .tb-de {
                      padding: 65px 90px;
                      box-sizing: border-box;
                    }

                    .tb-de .ti {
                      font-size: 30px;
                      margin-bottom: 30px;
                      color: #fff;
                    }

                    .tb-de .de {
                      font-size: 20px;
                      color: #fff;
                      line-height: 35px;
                      width: 766px;
                    }

                    .wel-news .ti {
                      font-size: 24px;
                      color: #333;
                      transition: all 0.5s ease;
                      margin-bottom: 40px;
                      overflow: hidden;
                      text-overflow: ellipsis;
                      white-space: nowrap;
                    }

                    .wel-news a {
                      display: inline-block;
                      width: 32%;
                      margin-right: 2%;
                      vertical-align: top;
                    }

                    .wel-news a:nth-child(3n) {
                      margin-right: 0;
                    }

                    .wel-news a .de {
                      font-size: 16px;
                      color: #666;
                      line-height: 30px;
                      height: 120px;
                      overflow: hidden;
                      margin-bottom: 20px;
                    }

                    .wel-three .wel-title {
                      margin-bottom: 80px;
                    }

                    .wel-news .border {
                      height: 4px;
                      background-color: #e5e5e5;
                      margin-top: 10px;
                      position: relative;
                      opacity: 0;
                      transition: all 0.5s ease;
                    }

                    .wel-news .border span {
                      position: absolute;
                      width: 0;
                      height: 4px;
                      top: 0;
                      background-color: #b01c2b;
                      transition: all 0.5s ease;
                    }

                    .wel-news a:hover .border span {
                      width: 50%
                    }

                    .wel-news a:hover .border {
                      opacity: 1;
                    }

                    .wel-news a:hover .ti {
                      color: #b01c2b;
                    }

                    .pic {
                      overflow: hidden;
                    }

                    .pic img {
                      transition: all 0.5s ease;
                    }

                    .wel-news a:hover .pic img {
                      transform: scale(1.1);
                    }

                    .wel-news {
                      font-size: 0;
                    }

                    .wel-three {
                      padding-top: 70px;
                    }

                    .wel-three .btn {
                      text-align: right;
                      margin-top: 40px;
                      margin-bottom: 55px;
                    }

                    .footer {
                      background-color: #626262;
                    }

                    .footer {
                      padding: 60px 45px;
                      padding-bottom: 0;
                    }

                    .footer .form .fo-text {
                      width: 100%;
                      border: none;
                      border-bottom: 1px solid #fff;
                      background-color: transparent;
                      font-size: 18px;
                      padding-bottom: 10px;
                      line-height: 35px;
                      color: #fff;
                      padding-right: 45px;
                      box-sizing: border-box;
                    }

                    .footer .form {
                      position: relative;
                      margin-bottom: 70px;
                    }

                    .footer .form .fo-sub {
                      position: absolute;
                      right: 0;
                      bottom: 10px;
                      width: 45px;
                      height: 45px;
                      background-color: transparent;
                      border: none;
                      background-image: url('../img/sea.png');
                      background-repeat: no-repeat;
                      background-position: center;
                      color: transparent;
                      cursor: pointer;
                    }

                    .footer .form .fo-text::-webkit-input-placeholder {
                      color: #fff;
                    }

                    .footer .form .fo-text::-moz-placeholder {
                      /* Mozilla Firefox 19+ */
                      color: #fff;
                    }

                    .footer .form .fo-text:-moz-placeholder {
                      /* Mozilla Firefox 4 to 18 */
                      color: #fff;
                    }

                    .footer .form .fo-text:-ms-input-placeholder {
                      /* Internet Explorer 10-11 */
                      color: #fff;
                    }

                    .foo-left {
                      width: 26.4%;
                      display: inline-block;
                      font-size: 16px;
                      color: #fff;
                      vertical-align: top;
                      line-height: 30px;
                      padding-right: 10px;
                      box-sizing: border-box;
                    }

                    .foo-left p {
                      margin-bottom: 15px;
                    }

                    .foo-left p img {
                      margin-right: 10px;
                    }

                    .foo-c {
                      font-size: 0;
                    }

                    .foo-c ul {
                      display: inline-block;
                      width: 73.6%;
                      font-size: 0;
                      padding-left: 40px;
                      box-sizing: border-box;
                      border-left: 1px solid #9a9a9a;
                    }

                    .foo-c ul a {
                      font-size: 16px;
                      color: #d8d8d8;
                      margin-bottom: 10px;
                      transition: all 0.3s ease;
                    }

                    .foo-c ul li {
                      display: inline-block;
                      width: 25%;
                      vertical-align: top;
                    }

                    .foo-c ul li>a:nth-child(1) {
                      font-size: 18px;
                      color: #fff;
                      margin-bottom: 20px;
                    }

                    .ewm {
                      margin-top: 40px;
                      width: 140px;
                    }

                    .foo-c .zi {
                      font-size: 14px;
                      color: #bdbcbc;
                      margin-top: 30px;
                      line-height: 1.5
                    }

                    .foo-c .zi a {
                      display: inline;
                      font-size: 14px;
                      color: #bdbcbc;
                    }

                    .footer .content {
                      background-image: url('../img/fbg.png');
                      background-repeat: no-repeat;
                      background-position: right bottom;
                      width: 80%;
                    }

                    .footer .last {
                      padding-top: 40px;
                      padding-bottom: 50px;
                      font-size: 14px;
                      color: #c8c8c8;
                      border-top: 1px solid #818181;
                      margin-top: 35px;

                    }

                    .footer .last p {
                      text-align: center;
                    }

                    .foo-c ul a:hover {
                      color: #b01c2b;
                    }

                    .ban img {
                      width: 100%;
                    }

                    .title {
                      font-size: 30px;
                      color: #333;
                      border-bottom: 2px solid #b01c2b;
                      margin-bottom: 50px;
                      display: inline-block;
                      padding-bottom: 8px;
                    }

                    .group .title:hover {
                      color: #b01c2b;
                    }

                    .group {
                      padding-top: 80px;
                    }

                    .group .de {
                      padding: 0 50px 0 20px;
                      box-sizing: border-box;
                    }

                    .group .de p {
                      font-size: 18px;
                      color: #333;
                      line-height: 35px;
                      /*margin-bottom: 40px;*/
                    }

                    .group .tit {
                      font-size: 24px;
                      color: #000;
                      border-bottom: 1px solid #626262;
                      margin-bottom: 50px;
                      padding-bottom: 15px;
                      position: relative;
                    }

                    .group .tit .xian {
                      position: absolute;
                      height: 5px;
                      width: 104px;
                      background-color: #cd2235;
                      left: 0;
                      bottom: -1px;
                    }

                    .sl-de .swiper-slide {
                      border: 1px solid #bfbfbf;
                    }

                    .pra {
                      box-sizing: border-box;
                    }

                    .gr-swi {
                      margin-bottom: 90px;
                    }

                    .pra p {
                      font-size: 18px;
                      color: #333;
                      padding: 30px 0;
                      border-top: 1px solid #bfbfbf;
                      box-sizing: border-box;
                      text-align: center;
                      transition: all 0.3s ease;
                    }

                    .pra p .zi {
                      margin: 0 10px;
                    }

                    .pra p .xian {
                      width: 10%;
                      display: inline-block;
                      border-top: 1px solid #bfbfbf;
                      vertical-align: middle;
                    }

                    .gr-swi .swiper-button-next,
                    .gr-swi .swiper-button-prev {
                      width: 9px;
                      height: 17px;
                      background-size: 9px 17px;
                      margin: 0;
                      transform: translateY(-50%)
                    }

                    .gr-swi .swiper-button-prev {
                      right: 85px;
                      left: auto;
                      background-image: url('../img/pl.png');
                    }

                    .gr-swi .swiper-button-next {
                      background-image: url('../img/pr.png');
                      right: 25px;
                    }

                    .pimg {
                      position: absolute;
                      right: 58px;
                      top: 50%;
                      transform: translateY(-50%)
                    }

                    /* .pra:hover .pic img {
                    transform: scale(1.1);
                } */

                    .pra {
                      position: relative;
                    }

                    .pra .pic {
                      text-align: center;
                      overflow: hidden;
                      /* height: 330px; */
                      padding-bottom: 100%;
                      position: relative;
                    }

                    .pra .pic img {
                      max-width: 95%;
                      max-height: 90%;
                    }

                    /* .pra:hover p {
                    color: #cd2235
                } */

                    .grc {
                      font-size: 0;
                    }

                    .grc a {
                      display: inline-block;
                      width: 32%;
                      margin-right: 2%;
                      overflow: hidden;
                    }

                    .grc a:nth-child(3n) {
                      margin-right: 0;
                    }

                    .grc a img {
                      width: 100%;
                      transition: all 0.5s ease;
                    }

                    .grc a:hover img {
                      transform: scale(1.1);
                    }

                    .gr-case {
                      margin-bottom: 120px;
                    }

                    .pra-cover {
                      position: absolute;
                      width: 100%;
                      top: 0;
                      left: 0;
                      height: 100%;
                      background-color: rgba(27, 27, 27, 0.45);
                      opacity: 0;
                      transition: all 0.5s ease;
                    }

                    .pra-cover .co-ti {
                      font-size: 24px;
                      color: #fff;
                      text-align: center;
                    }

                    .pra-cover .btn {
                      width: 135px;
                      height: 30px;
                      line-height: 30px;
                      color: #cd3435;
                      font-size: 16px;
                      text-align: center;
                      margin-top: 20px;
                      background-color: #fff;
                    }

                    .pra:hover .pra-cover {
                      opacity: 1;
                    }

                    .prod {
                      position: relative;
                    }

                    .pr-left {
                      width: 330px;
                      float: left;
                      /* position: absolute;
                        left: 0;
                        top: 0;*/
                      height: 100%;
                      border: 1px solid #eee;
                      box-sizing: border-box;
                    }

                    .pr-right {
                      width: -moz-calc(100% - 330px);
                      width: -webkit-calc(100% - 330px);
                      width: calc(100% - 330px);
                      padding-left: 25px;
                      box-sizing: border-box;
                    }

                    .pr-left .ti {
                      font-size: 22px;
                      color: #ffffff;
                      background-color: #cd3435;
                      line-height: 130px;
                      text-align: center;
                      margin-top: -40px;
                      position: relative;
                      z-index: 9;
                    }

                    .pr-left .tit {
                      font-size: 20px;
                      color: #333;
                      background-color: #e5e5e5;
                      text-align: center;
                      line-height: 65px;
                      position: relative;
                      cursor: pointer;
                      border-bottom: 1px solid #fff;
                    }

                    .pr-left .tit i {
                      width: 14px;
                      display: block;
                      height: 9px;
                      background-image: url('../img/pjt.png');
                      background-repeat: no-repeat;
                      background-position: center;
                      position: absolute;
                      top: 50%;
                      transform: translateY(-50%);
                      right: 25px;
                    }

                    .pr-de .list {
                      padding-top: 30px;
                      /*display: none;*/
                      background-color: #fff;
                      overflow: hidden;
                    }

                    .pr-left .list a {
                      font-size: 16px;
                      color: #666;
                      text-align: center;
                      margin-bottom: 20px;
                      transition: all 0.5s ease;
                    }

                    .pr-de {
                      box-sizing: border-box;
                    }

                    .pr-left .tit.act i {
                      transform: rotate(180deg);
                    }

                    .pr-left .list a .xian {
                      width: 0;
                      border-top: 1px solid #b01c2b;
                      display: inline-block;
                      vertical-align: middle;
                      transition: all 0.5s ease;
                      margin-right: 10px;
                    }

                    .pr-left .list a.act {
                      color: #cd3435;
                    }

                    .pr-left .list a.act .xian {
                      width: 15px;
                    }

                    .pr-left .list a:hover {
                      color: #cd3435;
                    }

                    .pr-left .list a:hover .xian {
                      width: 15px;
                    }

                    .pr-right {
                      float: right;
                    }

                    .pr-right .tit {
                      font-size: 24px;
                      color: #333;
                      padding-bottom: 15px;
                      border-bottom: 1px solid #eeeeee;
                      margin-top: 85px;
                      margin-bottom: 40px;
                    }

                    .pr-right .tit img {
                      margin: 0 10px;
                    }

                    .prbox {
                      font-size: 0;
                    }
                    .aos-init .aos-init,
                    .prbox a {
                      display: inline-block;
                      width: 32%;
                      margin-right: 2%;
                      border: 1px solid #eeeeee;
                      margin-bottom: 40px;
                      vertical-align: top;
                    }

                    .pra {
                      border: 1px solid #eeeeee;
                      box-sizing: border-box;
                    }
                    .aos-init .aos-init:nth-child(3n),
                    .prbox a:nth-child(3n) {
                      margin-right: 0;
                    }

                    .prbox p {
                      border-top: 1px solid #eee;
                    }
                    .aos-init .aos-init:nth-child(7),
                    .prbox a:nth-child(7) {
                      margin-bottom: 0;
                    }
                    .aos-init .aos-init:nth-child(8),
                    .prbox a:nth-child(8) {
                      margin-bottom: 0;
                    }
                    .aos-init .aos-init:nth-child(9),
                    .prbox a:nth-child(9) {
                      margin-bottom: 0;
                    }

                    .so-de .tit-de {
                      line-height: 77px;
                      background-color: #f6f6f6;
                      font-size: 18px;
                      color: #333;
                    }

                    .so-de .tibox a {
                      border-bottom: 1px solid #fff;
                      position: relative;
                      padding-left: 50px;
                    }

                    .so-de .tibox a i {
                      width: 14px;
                      display: block;
                      height: 9px;
                      background-image: url('../img/pjt.png');
                      background-repeat: no-repeat;
                      background-position: center;
                      position: absolute;
                      top: 50%;
                      transform: translateY(-50%);
                      right: 25px;
                    }

                    .so-de .tit-de .tibox.act i {
                      transform: rotate(180deg);
                    }

                    .so-de .list {
                      background-color: #fff;
                      padding-top: 30px;
                      overflow: hidden;
                      /*display: none;*/
                    }

                    .so-de .list a {
                      text-align: left;
                      line-height: 20px;
                      padding-left: 60px;
                    }

                    .tit-de {
                      /*display: none;*/
                    }

                    .prod {
                      margin-bottom: 50px;
                    }

                    .page a {
                      display: inline-block;
                      padding: 12px 15px;
                      border: 1px solid #c8c8c8;
                      text-align: center;
                      vertical-align: top;
                      border-radius: 5px;
                      margin: 0 5px;
                      transition: all 0.5s ease;
                    }

                    .page a:hover {
                      background-color: #b01c2b;
                      border: 1px solid #b01c2b;
                      color: #fff;
                    }

                    .page a.active {
                      background-color: #b01c2b;
                      border: 1px solid #b01c2b;
                      color: #fff;
                    }

                    .prod-page {
                      padding-left: 355px;
                      box-sizing: border-box;
                      margin-bottom: 70px;
                    }

                    .prde-left {
                      float: left;
                      width: 48.5%;
                      padding-right: 25px;
                      box-sizing: border-box;
                    }

                    .prde-right {
                      float: right;
                      width: 51.5%;
                    }

                    .prde .top {
                      font-size: 24px;
                      color: #333;
                      /* line-height: 60px; */
                      padding: 20px 0;
                      line-height: 30px;
                      background-color: #eeeeee;
                      margin-top: 50px;
                      margin-bottom: 35px;
                    }

                    .prde .top i {
                      display: inline-block;
                      width: 10px;
                      height: 10px;
                      background-color: #b01c2b;
                      border-radius: 50%;
                      margin: 0 25px;
                      vertical-align: middle;
                    }

                    .prde-left .big {
                      box-sizing: border-box;
                      position: relative;
                      border: 1px solid #d2d2d2;
                      padding-bottom: 91%;
                      overflow: hidden;
                    }

                    .prde-left .big img {
                      max-width: 95%;
                      max-width: 95%;
                    }

                    .pl-swi {
                      width: 73.5%;
                      margin: 0 auto;
                      background-color: #eeeeee;
                    }

                    .pl-swi {
                      padding: 10px 30px;
                      margin-top: 50px;
                      position: relative;
                      box-sizing: border-box;
                    }

                    .pl-swi .swiper-slide {
                      background-color: #fff;
                      text-align: center;
                      padding-bottom: 16%;
                      box-sizing: border-box;
                    }

                    .pl-swi .swiper-slide img {
                      max-width: 100%;
                      max-height: 100%;
                    }

                    .pl-swi .swiper-button-next,
                    .pl-swi .swiper-button-prev {
                      width: 9px;
                      background-size: 9px 17px;
                      height: 17px;
                      margin: 0;
                      transform: translateY(-50%);
                    }

                    .pl-swi .swiper-button-next {
                      background-image: url('../img/pr.png');
                    }

                    .pl-swi .swiper-button-prev {
                      background-image: url('../img/pl.png');
                    }

                    .de-download {
                      padding: 0 13.25%;
                      box-sizing: border-box;
                      margin-top: 30px;
                    }

                    .de-download a {
                      display: inline-block;
                    }

                    .de-download p .icon {
                      width: 45px;
                      display: inline-block;
                      text-align: center;
                    }

                    .de-download p {
                      font-size: 0;
                      margin-bottom: 35px;
                    }

                    .de-download p .zi {
                      font-size: 18px;
                      color: #666;
                      display: inline-block;
                      width: 160px;
                      margin-left: 10px;
                      vertical-align: middle;
                    }

                    .de-download p a {
                      background-color: #eeeeee;
                      line-height: 47px;
                      font-size: 18px;
                      color: #666;
                      text-align: center;
                      width: -moz-calc(100% - 215px);
                      width: -webkit-calc(100% - 215px);
                      width: calc(100% - 215px);
                      transition: all 0.5s ease;
                      vertical-align: middle;
                    }

                    .de-download p a:hover {
                      background-color: #cd2235;
                      color: #fff;
                    }

                    /* .pl-swi .swiper-slide-active {
                    border: 1px solid #3eb134;
                }
                 */

                    .pl-swi .swiper-slide.act {
                      border: 1px solid #3eb134;
                    }

                    .prde-left .big img {
                      display: none;
                    }

                    .table {
                      border: 1px solid #d2d2d2;
                      box-sizing: border-box;
                      line-height: 35px;
                    }

                    .table li {
                      position: relative;
                    }

                    .table .one {
                      display: inline-block;
                      width: 31.5%;
                      vertical-align: top;
                      background-color: #f1f1f1;
                      padding-left: 8%;
                      box-sizing: border-box;
                      border-bottom: 1px solid #d2d2d2;
                      border-right: 1px solid #d2d2d2;
                      font-size: 16px;
                      color: #666;
                      position: absolute;
                      top: 0;
                      left: 0;
                      height: 100%;
                    }

                    .table .two {
                      display: inline-block;
                      width: 68.5%;
                      padding-left: 8%;
                      border-bottom: 1px solid #d2d2d2;
                      box-sizing: border-box;
                      font-size: 16px;
                      color: #666;
                      float: right;
                    }

                    .prde-right .ti {
                      font-size: 18px;
                      margin-top: 5px;
                      color: #cd2235;
                      line-height: 35px;
                      border-bottom: 1px solid #d2d2d2;
                      position: relative;
                      margin-bottom: 15px;
                    }

                    .prde-right .ti i {
                      display: block;
                      position: absolute;
                      left: 0;
                      bottom: -1px;
                      height: 6px;
                      background-color: #cd2235;
                      width: 150px;
                    }

                    .pr-tu img {
                      max-width: 100%;
                    }

                    .pr-tu {
                      text-align: center;
                      margin-bottom: 80px;
                    }

                    .prde {
                      margin-bottom: 50px;
                    }

                    .solu a {
                      display: inline-block;
                      width: 49%;
                      vertical-align: top;
                      margin-right: 2%;
                    }

                    .solu a:nth-child(2n) {
                      margin-right: 0;
                    }

                    .solu a .vibox {
                      position: relative;
                      overflow: hidden;
                    }

                    .solu a .vibox>img {
                      transition: all 0.5s ease;
                      width: 100%;
                    }

                    .solu a .vibox:hover>img {
                      transform: scale(1.1);
                    }

                    .solu a .top {
                      position: absolute;
                      top: 0;
                      left: 0;
                      width: 100%;
                      height: 100%;
                      background-color: rgba(0, 0, 0, 0.5);
                    }

                    .vide {
                      padding: 0 30px;
                      font-size: 0;
                      box-sizing: border-box;
                    }

                    .solu a p {
                      font-size: 18px;
                      color: #333;
                      line-height: 25px;
                      text-align: center;
                      padding: 25px 0;
                    }

                    .vbox {
                      position: relative;
                      width: 470px;
                      overflow: hidden;
                      cursor: pointer;
                    }

                    .vbox:hover>img {
                      transform: scale(1.1);
                    }

                    .vbox>img {
                      width: 100%;
                      transition: all 0.5s ease;
                    }

                    .vbox .top {
                      position: absolute;
                      top: 0;
                      left: 0;
                      width: 100%;
                      height: 100%;
                      background-color: rgba(0, 0, 0, 0.5);
                    }

                    .video {
                      position: fixed;
                      width: 100%;
                      height: 100%;
                      background-color: rgba(0, 0, 0, 0.5);
                      top: 0;
                      left: 0;
                      z-index: 9999;
                      display: none;
                    }

                    .video .box i {
                      position: absolute;
                      top: -40px;
                      right: -40px;
                      cursor: pointer;
                    }

                    .top-font {
                      width: 53.5%;
                      float: right;
                      padding-left: 20px;
                      box-sizing: border-box;
                    }

                    .vbox {
                      width: 46.5%;
                      float: left;
                    }

                    .top-font .ti {
                      font-size: 24px;
                      color: #cd3435;
                      text-align: right;
                    }

                    .top-font p {
                      font-size: 16px;
                      color: #666;
                      line-height: 30px;
                      margin-top: 30px;
                    }

                    .sl-de .ti {
                      font-size: 24px;
                      color: #333;
                      border-bottom: 1px solid #eeeeee;
                      padding-bottom: 25px;
                      margin-top: 60px;
                      position: relative;
                    }

                    .sl-de .ti i {
                      position: absolute;
                      bottom: -1px;
                      left: 0;
                      height: 5px;
                      background-color: #cd2235;
                      width: 110px;
                    }

                    .sl-de .swiper-container {
                      margin-top: 40px;
                      padding-bottom: 80px;
                    }

                    .sl-de .swiper-pagination-bullet {
                      width: 15px;
                      opacity: 1;
                      height: 15px;
                      background-color: #bfbfbf;
                    }

                    .sl-de .swiper-pagination-bullet-active {
                      background-color: #cd2235;
                    }

                    .sl-de {
                      margin-bottom: 120px;
                    }

                    .solu .page {
                      text-align: center;
                      width: auto;
                      margin-top: 100px;
                    }

                    .solu .page a {
                      width: auto;
                      margin: 0 5px;
                    }

                    .down .title {
                      margin-top: 77px;
                    }

                    .dode {
                      font-size: 0;
                      border-bottom: 1px solid #d2d2d2;
                      padding-bottom: 40px;
                      margin-bottom: 40px;
                    }

                    .dode a {
                      display: inline-block;
                      width: 31.3%;
                      margin: 0 1%;
                      font-size: 24px;
                      color: #666;
                      box-shadow: 1px 1px 10px #999;
                      border-radius: 10px;
                      text-align: center;
                      padding: 0 30px;
                      box-sizing: border-box;
                      padding-top: 65px;
                      background-repeat: no-repeat;
                      background-position: left center;
                      transition: all 0.5s ease;
                      background-size: cover;
                      vertical-align: top;
                    }

                    .dode a span {
                      margin: 0 10%;
                    }

                    .dode a .top {
                      margin-bottom: 30px;
                    }

                    .dode .ddlast {
                      border-top: 1px solid #7d7d7d;
                      font-size: 18px;
                      color: #666;
                      text-align: center;
                      line-height: 25px;
                      padding: 10px 0;
                    }

                    .down {
                      background-image: url('../img/downbg.png');
                      background-repeat: no-repeat;
                      background-position: left bottom;
                      padding-bottom: 120px;
                    }

                    .dode a:hover {
                      color: #b01c2b;
                    }

                    .ques .title {
                      margin-top: 77px;
                    }

                    .qb-top {
                      padding: 25px 0;
                      font-size: 24px;
                      line-height: 35px;
                      color: #333;
                      background-color: #f6f6f6;
                      background-image: url('../img/jia.png');
                      background-repeat: no-repeat;
                      background-position: 96% center;
                      transition: all 0.3s ease;
                      cursor: pointer;
                    }

                    .qb-top .num {
                      margin-left: 55px;
                      margin-right: 40px;
                      vertical-align: middle;
                      display: inline-block;
                    }

                    .qb-top .de {
                      display: inline-block;
                      vertical-align: middle;
                      width: 70%;
                    }

                    .qb-de {
                      font-size: 16px;
                      color: #666;
                      background-color: #fcfcfc;
                      padding-left: 130px;
                      box-sizing: border-box;
                      padding-top: 40px;
                      padding-bottom: 60px;
                      display: none;
                      padding-right: 130px;
                      line-height: 30px;
                    }

                    .qb {
                      margin-bottom: 20px;
                    }

                    .qb.act .qb-top {
                      background-color: #cd3435;
                      color: #fff;
                      background-image: url('../img/jian.png');
                    }

                    .ques .page {
                      text-align: center;
                      margin-bottom: 80px;
                    }

                    .ques-de {
                      margin-bottom: 78px;
                    }

                    .title2 {
                      font-size: 30px;
                      color: #333;
                      border-top: 2px solid #d78d95;
                      padding-top: 6px;
                      position: relative;
                      display: inline-block;
                    }

                    .title2 i {
                      position: absolute;
                      top: -2px;
                      left: 0;
                      height: 2px;
                      display: block;
                      width: 66px;
                      background-color: #b01c2b;
                    }

                    .map .title2 {
                      margin-top: 70px;
                    }

                    /* .mapimg img {
                    width: 100%;
                }
                 */

                    .mapimg {
                      position: relative;
                      text-align: left;
                    }

                    .mapimg p {
                      text-align: left;
                    }

                    .icbox.i1 {
                      position: absolute;
                      top: 75.1%;
                      left: 34%;
                    }

                    .icbox.i2 {
                      position: absolute;
                      top: 45.7%;
                      left: 45.6%;
                    }

                    .icbox.i3 {
                      position: absolute;
                      top: 41.8%;
                      left: 47.4%;
                    }

                    .icbox.i4 {
                      position: absolute;
                      top: 47.1%;
                      left: 48.5%;
                    }

                    .icbox.i5 {
                      position: absolute;
                      top: 41.5%;
                      left: 50.4%;
                    }

                    .icbox.i6 {
                      position: absolute;
                      top: 59.1%;
                      left: 64.6%;
                    }

                    .icbox.i7 {
                      position: absolute;
                      top: 54%;
                      left: 73%;
                    }

                    .icbox .font {
                      position: absolute;
                      width: 300px;
                      /*height: 220px;*/
                      background-color: #fff;
                      box-shadow: 1px 1px 20px #999;
                      top: 40px;
                      left: 40px;
                      padding: 25px;
                      box-sizing: border-box;
                      font-size: 14px;
                      color: #000;
                      line-height: 30px;
                      z-index: 8;
                      display: none;
                    }

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

                      50% {
                        opacity: 0.4;
                        transform: scale(0.4)
                      }

                      100% {
                        opacity: 1;
                        transform: scale(1);
                      }
                    }

                    .dian-i {
                      width: 40px;
                      height: 42px;
                      position: relative;
                      cursor: pointer;
                    }

                    .i1 .d2 {
                      animation: dian 3s infinite ease-in-out .5s;
                    }

                    .i2 .d2 {
                      animation: dian 3s infinite ease-in-out 1s;
                    }

                    .i3 .d2 {
                      animation: dian 3s infinite ease-in-out .3s;
                    }

                    .i4 .d2 {
                      animation: dian 3s infinite ease-in-out 1.2s;
                    }

                    .i5 .d2 {
                      animation: dian 3s infinite ease-in-out 2.6s;
                    }

                    .i6 .d2 {
                      animation: dian 3s infinite ease-in-out .7s;
                    }

                    .i7 .d2 {
                      animation: dian 3s infinite ease-in-out 1.5s;
                    }

                    .icbox .d2 {
                      transition: all 0.5s ease;
                    }

                    .icbox.act .d2 {
                      animation: none;
                    }

                    .sale {
                      background-image: url('../img/sa-bg.jpg');
                      background-repeat: no-repeat;
                      background-size: cover;
                      overflow: hidden;
                    }

                    .sale .ti {
                      font-size: 30px;
                      color: #b01c2b;
                      margin-top: 40px;
                      margin-bottom: 20px;
                    }

                    .ye-box {
                      /*background-image: url('../img/y.png');*/
                      background-repeat: no-repeat;
                      background-position: right center;
                      height: 260px;
                      font-size: 24px;
                      color: #333;
                      position: relative;
                      background-color: #fff;
                    }

                    .ye-box p img {
                      margin-right: 25px;
                    }

                    .ye-box p:nth-child(1) {
                      margin-bottom: 30px;
                    }

                    .ye-box .font {
                      position: absolute;
                      left: 6%;
                      top: 50%;
                      transform: translateY(-50%);
                    }

                    .ybox .tit {
                      font-size: 18px;
                      color: #333;
                    }

                    .ybox .xian {
                      height: 4px;
                      background-color: #000;
                      display: block;
                      width: 38px;
                      margin-top: 10px;
                      margin-bottom: 15px;
                    }

                    .ybox {
                      padding: 25px;
                      box-sizing: border-box;
                      display: inline-block;
                      vertical-align: top;
                      width: 32.6%;
                      margin-right: 1%;
                      background-color: #fff;
                      min-height: 325px;
                      margin-bottom: 20px;
                    }

                    .ybox:nth-child(3n) {
                      margin-right: 0;
                    }

                    .ybox .de p {
                      font-size: 16px;
                      color: #666;
                      line-height: 25px;
                      text-align: left;
                    }

                    .yw-box {
                      font-size: 0;
                      margin-bottom: 40px;
                    }

                    .icbox.act .font {
                      display: block;
                    }

                    .news .title {
                      margin-top: 40px;
                    }

                    .swi-left {
                      width: 88px;
                      position: relative;
                      display: inline-block;
                    }

                    .news-swi {
                      margin-bottom: 80px;
                    }

                    .swi-zi {
                      width: 60px;
                      height: 60px;
                      font-size: 18px;
                      color: #fff;
                      text-align: center;
                      line-height: 60px;
                      position: absolute;
                      top: 6px;
                      left: 6px;
                      border-radius: 50%;
                      border: 1px solid #fff;
                    }

                    .news-swi .swiper-container {
                      display: inline-block;
                      width: -moz-calc(100% - 88px);
                      width: -webkit-calc(100% - 88px);
                      width: calc(100% - 88px);
                      font-size: 16px;
                      color: #666;
                      height: 74px;
                      vertical-align: middle;
                      padding: 0 100px;
                      box-sizing: border-box;
                    }

                    .news-swi {
                      font-size: 0;
                    }

                    .news-swi .xian {
                      position: absolute;
                      top: 50%;
                      transform: translateY(-50%);
                      left: 0;
                      height: 3px;
                      width: 100%;
                      background-color: #d88d92;
                    }

                    .news-swi .icon {
                      width: 31px;
                      height: 31px;
                      background-image: url('../img/sbtn.png');
                      background-repeat: no-repeat;
                      background-position: center;
                      cursor: pointer;
                    }

                    .news-swi .icon p {
                      font-size: 16px;
                      color: #666;
                      position: absolute;
                      bottom: 38px;
                      left: 50%;
                      transform: translateX(-50%)
                    }

                    .news-swi .swiper-slide.act .icon {
                      background-image: url('../img/sb.png');
                    }

                    .news-swi .swiper-slide.act .icon p {
                      color: #af1b2b;
                    }

                    .news-swi .swiper-slide {
                      /* cursor: pointer; */
                    }

                    .news-swi .swiper-container {
                      position: relative;
                    }

                    .news-swi .swiper-container:after {
                      content: '';
                      background-image: url('../img/mm.png');
                      background-repeat: no-repeat;
                      background-position: right center;
                      position: absolute;
                      background-size: cover;
                      top: 0;
                      right: 0;
                      width: 14%;
                      height: 100%;
                      z-index: 9;
                    }

                    .news .wel-news {
                      border-bottom: 1px solid #eeeeee;
                      padding-bottom: 60px;
                      margin-bottom: 80px;
                    }

                    .news .page {
                      text-align: center;
                      margin-bottom: 40px;
                    }

                    .news .wel-news:nth-child(3) {
                      border-bottom: none;
                      padding-bottom: 0;
                      margin-bottom: 50px;
                    }

                    .newsde .top .ti {
                      font-size: 30px;
                      color: #333;
                      margin-top: 50px;
                      margin-bottom: 25px;
                      line-height: 45px;
                    }

                    .newsde .top {
                      text-align: center;
                      padding-bottom: 25px;
                      border-bottom: 1px solid #e6e6e6;
                    }

                    .newsde .tide {
                      font-size: 14px;
                      color: #999;
                    }

                    .newsde .tide .xian {
                      height: 17px;
                      border-right: 1px solid #999;
                      margin: 0 25px;
                    }

                    .newsde .tide .bdsharebuttonbox {
                      display: inline-block;
                      vertical-align: middle;
                    }

                    .newsde .tide .bdsharebuttonbox .bds_more {
                      margin: 0;
                      background-image: url('../img/share.png');
                      margin-left: 25px;
                    }

                    .newsde .top {
                      width: 80%;
                      margin: 0% auto;
                    }

                    .newsde .de {
                      font-size: 16px;
                      color: #333;
                      line-height: 35px;
                      padding: 0 7%;
                      margin-bottom: 60px;
                    }

                    .newsde .de img {
                      width: 100%;
                      /*margin: 60px 0;*/
                    }

                    .newsde .ndpage {
                      line-height: 50px;
                      /* height: 50px; */
                      background-color: #f2f2f2;
                      position: relative;
                    }

                    .newsde .ba {
                      font-size: 16px;
                      color: #df3c3d;
                      position: absolute;
                      top: 50%;
                      left: 50%;
                      transform: translate(-50%, -50%)
                    }

                    .newsde .left,
                    .newsde .right {
                      width: 45%;
                      font-size: 16px;
                      color: #999;
                      overflow: hidden;
                      text-overflow: ellipsis;
                      white-space: nowrap;
                      transition: all 0.5s ease;
                    }

                    .newsde .left:hover,
                    .newsde .right:hover {
                      color: #666;
                    }

                    .newsde .right {
                      text-align: right;
                      padding-right: 25px;
                      box-sizing: border-box;
                    }

                    .newsde .left {
                      padding-left: 25px;
                      box-sizing: border-box;
                    }

                    .ndpage {
                      margin-top: 70px;
                    }

                    .about .title2 {
                      margin-top: 60px;
                    }

                    .shou {
                      width: 498px;
                      position: relative;
                    }

                    .shou li {
                      /*width: 110px;*/
                      width: 15%;
                      /*overflow: hidden; */
                      display: inline-block;
                      position: relative;
                      transition: all 0.5s ease;
                    }

                    .shou li i {
                      position: absolute;
                      top: 0;
                      left: 0;
                      width: 100%;
                      height: 100%;
                      background-color: rgba(0, 0, 0, 0.2);
                      display: block;
                      transition: all 0.5s ease;
                    }

                    .shou {
                      margin-top: 40px;
                      font-size: 0;
                      margin-bottom: 50px;
                      overflow: hidden;
                      height: 189px;
                    }

                    .shou li.act {
                      /*width: 278px;*/
                      width: 40%;
                    }

                    .shou li.act i {
                      background-color: rgba(0, 0, 0, 0);
                      /* opacity: 0; */
                    }

                    .shou li.act {
                      border-bottom: 5px solid #d98e95;
                    }

                    .shou li.act:after {
                      content: '';
                      width: 145px;
                      background-color: #c65560;
                      height: 5px;
                      position: absolute;
                      bottom: -5px;
                      left: 0;
                    }

                    .about .de {
                      box-sizing: border-box;
                      padding: 0 19% 0 25px;
                      padding-right: 0;
                      padding-left: 0;
                    }

                    .about .de p {
                      font-size: 16px;
                      color: #666;
                      line-height: 30px;
                      /*text-indent: 2em;*/
                    }

                    .about {
                      /*background-image: url('../img/abg1.png');*/
                      background-repeat: no-repeat;
                      background-position: right bottom;
                      padding-bottom: 180px;
                      background-size: contain;
                    }

                    .about-two {
                      background-image: url('../img/abg2.jpg');
                      background-repeat: no-repeat;
                      background-position: top left;
                    }

                    .about-two .top {
                      text-align: right;
                      position: relative;
                      top: -150px;
                    }

                    .about-two .top .title2 {
                      margin-right: 160px;
                    }

                    .topul {
                      font-size: 0;
                      margin-top: 30px;
                    }

                    .topul li {
                      width: 22%;
                      margin-right: 4%;
                      background-color: #fff;
                      position: relative;
                      padding-bottom: 35%;
                      display: inline-block;
                      box-shadow: 1px 1px 20px #999;
                    }

                    .topul li:nth-child(4) {
                      margin-right: 0;
                    }

                    .topul li .ti {
                      font-size: 18px;
                      color: #333;
                      position: relative;
                      margin-bottom: 40px;
                    }

                    .topul li .ti:after {
                      content: '';
                      position: absolute;
                      bottom: -10px;
                      width: 80px;
                      border-top: 1px solid #b31d2c;
                      left: 50%;
                      transform: translateX(-50%);
                    }

                    .topul li .de {
                      font-size: 18px;
                      color: #666;
                      padding: 0 0.2rem;
                    }

                    .topul li .de p {
                      text-align: center;
                      line-height: 30px;
                      word-break: break-word;
                    }

                    .topul li .font {
                      text-align: center;
                      width: 100%;
                      position: absolute;
                      top: 21%;
                      left: 0;
                    }

                    .topul li img {
                      margin-bottom: 20px;
                    }

                    .topul li span {
                      display: block;
                      height: 80px;
                      margin-bottom: 15px;
                      position: relative;
                    }

                    .as .swiper-slide {
                      position: relative;
                    }

                    .as .swiper-container {
                      padding: 200px 0;
                      background-size: 100%;
                      overflow: initial;
                    }

                    .as .zi {
                      position: absolute;
                      bottom: 90px;
                      left: 0;
                      width: 100%;
                      font-size: 14px;
                      color: #666;
                      line-height: 1.4;
                    }

                    .as .pic {
                      position: absolute;
                      bottom: -200px;
                      left: 0;
                      width: 100%;
                    }

                    .as {
                      margin-top: 80px;
                      /* padding-bottom: 160px; */
                      padding-left: 10%;
                    }

                    .as {
                      background-image: url('../img/sbg.png');
                      background-repeat: no-repeat;
                      background-position: 55% center;
                      background-size: 106%;
                    }

                    .as .swiper-slide p {
                      font-size: 22px;
                      color: #333;
                      text-align: center;
                      cursor: pointer;
                      padding-top: 50px;
                    }

                    .at-swi {
                      margin-left: 13.3%;
                      overflow: hidden;
                      padding-bottom: 160px;
                    }

                    .as .swiper-slide:nth-child(2n) .zi {
                      top: 140px;
                      /* top: auto; */
                    }

                    .as .swiper-slide:nth-child(2n) .pic {
                      bottom: auto;
                      top: -150px;
                    }

                    .honour {
                      background-color: #f1f1f1;
                      overflow: hidden;
                    }

                    .honour .top {
                      text-align: right;
                      margin-top: 60px;
                      margin-bottom: 60px;
                    }

                    .honour .hs-left {
                      width: 30%;
                      display: inline-block;
                      margin-right: 2%;
                      border-radius: 10px;
                    }

                    .honour .swiper-container {
                      font-size: 0;
                    }

                    .honour .swiper-slide .zi {
                      padding: 20px;
                      box-sizing: border-box;
                      width: 68%;
                      display: inline-block;
                      font-size: 16px;
                      color: #666;
                      line-height: 25px;
                      background-color: #fff;
                      position: absolute;
                      height: 30%;
                      margin-bottom: 2%;
                      border-radius: 10px;
                      overflow: auto;

                    }

                    .group .title {
                      margin-bottom: 10px;
                    }

                    .honour .swiper-slide .zi p {
                      text-align: left;
                    }

                    .zibox .zi:nth-child(1) {
                      top: 0;
                      right: 0;
                    }

                    .zibox .zi:nth-child(2) {
                      top: 35%;
                      right: 0;
                    }

                    .zibox .zi:nth-child(3) {
                      top: 70%;
                      right: 0;
                    }

                    .honour .swiper-slide .zibox .zi:nth-child(3) {
                      margin-bottom: 0;
                    }

                    .honour .swiper-slide .zi span {
                      /* width: 100%;
                        padding: 20px 40px;
                        box-sizing: border-box;
                        text-align: justify;
                        display: inline-block;
                        text-justify: inter-ideograph;*/
                    }

                    .honour {
                      padding-bottom: 166px;
                    }

                    .honour .swiper-button-next,
                    .honour .swiper-button-prev {
                      width: 108px;
                      height: 60px;
                      top: auto;
                      bottom: -100px;
                      background-size: 43px 15px;
                      background-color: #bfbfbf;
                      transition: all 0.5s ease;
                    }

                    .honour .swiper-button-prev {
                      left: auto;
                      right: 118px;
                      background-image: url('../img/hl.png');
                    }

                    .honour .swiper-button-next {
                      background-image: url('../img/hr.png');
                    }

                    .honour .content {
                      position: relative;
                    }

                    .honour .swiper-button-next:hover,
                    .honour .swiper-button-prev:hover {
                      background-color: #b31d2c;
                    }

                    .jtr {
                      transform: rotate(-90deg);
                      position: absolute;
                      left: -90px;
                      top: 45%;
                    }

                    .jtr span {
                      font-size: 16px;
                      color: #999;
                    }

                    .honour {
                      position: relative;
                    }

                    .jtr img {
                      transform: rotate(90deg);
                      margin-right: 100px;
                    }

                    .power .title2 {
                      margin-top: 70px;
                      margin-bottom: 40px;
                    }

                    .pow-c .pic {
                      float: right;
                      width: -moz-calc(100% - 500px);
                      width: -webkit-calc(100% - 500px);
                      width: calc(100% - 500px);
                    }

                    .pow-c {
                      position: relative;
                    }

                    .pow-c .font {
                      width: 500px;
                      position: absolute;
                      left: 0;
                      height: 100%;
                      top: 0;
                    }

                    .pow-c .font .zi {
                      position: absolute;
                      left: 0;
                      top: 50%;
                      transform: translateY(-50%);
                      font-size: 16px;
                      color: #333;
                      line-height: 30px;
                    }

                    .power {
                      padding-bottom: 180px;
                    }

                    .poright {
                      width: 190px;
                      position: absolute;
                      right: 0;
                      top: 0;
                      height: 100%;
                    }

                    .poright .top {
                      background-color: #f1f1f1;
                      width: 190px;
                      height: 50%;
                    }

                    .power {
                      position: relative;
                    }

                    .poright .bot {
                      background-color: #b40e21;
                      width: 190px;
                      position: relative;
                      height: 50%;
                    }

                    .poright .bot p {
                      position: absolute;
                      top: 50%;
                      left: -25%;
                      transform: translate(-50%, -50%);
                      font-size: 16px;
                      color: #fff;
                      transform: rotate(-90deg);
                      white-space: nowrap
                    }

                    .join .title {
                      margin-top: 80px;
                      margin-bottom: 0;
                    }

                    .join-de {
                      border-top: 1px solid #d2d2d2;
                      margin-top: 40px;
                      padding-top: 40px;
                    }

                    .join-de .top a {
                      display: inline-block;
                      width: 49%;
                      margin-right: 2%;
                      position: relative;
                      overflow: hidden;
                    }

                    .join-de .top a img {
                      transition: all 0.5s ease;
                    }

                    .join-de .top a:hover img {
                      transform: scale(1.1);
                    }

                    .join-de .top a img {
                      width: 100%;
                    }

                    .join-de .top a:nth-child(2) {
                      margin-right: 0;
                    }

                    .join-de .top {
                      margin-bottom: 50px;
                      font-size: 0;
                    }

                    .join-de .top a p {
                      position: absolute;
                      top: 50%;
                      left: 40px;
                      transform: translateY(-50%);
                      font-size: 30px;
                      color: #fff;
                    }

                    .jota th {
                      font-weight: normal;
                      line-height: 50px;
                      height: 50px;
                      background-color: #e5e5e5;
                      font-size: 20px;
                      color: #333;
                    }

                    .jota th:nth-child(1) {
                      width: 14.1%;
                    }

                    .jota th:nth-child(2) {
                      width: 14.5%;
                    }

                    .jota th:nth-child(3) {
                      width: 30.8%;
                    }

                    .jota th:nth-child(4) {
                      width: 13.4%;
                    }

                    .jota th:nth-child(5) {
                      width: 15.5%;
                    }

                    .jota th:nth-child(6) {
                      width: 13%;
                    }

                    .jota a {
                      transition: all 0.3s ease;
                    }

                    .jota a:hover {
                      color: #af1b2b;
                    }

                    .jota {
                      width: 100%;
                      margin-bottom: 90px;
                      background-image: url('../img/tabg.png');
                      background-repeat: no-repeat;
                      background-position: bottom center;
                      background-size: contain;
                    }

                    .jota td {
                      font-size: 16px;
                      color: #333;
                      text-align: center;
                      border: 1px solid #d2d2d2;
                      padding: 20px;
                      box-sizing: border-box;
                      line-height: 30px;
                    }

                    .join-page .page {
                      text-align: center;
                      margin-bottom: 70px;
                    }

                    .peo .title2 {
                      margin-top: 45px;
                      margin-bottom: 65px;
                    }

                    .peoul {
                      font-size: 0;
                      text-align: center;
                      margin-bottom: 40px;
                    }

                    .peoul li {
                      display: inline-block;
                      width: 155px;
                      height: 155px;
                      border: 1px solid #db6d6e;
                      border-radius: 50%;
                      text-align: center;
                      position: relative;
                      margin: 0 30px;
                    }

                    .peoul li p {
                      font-size: 16px;
                      color: #333;
                      text-align: center;
                    }

                    .peoul li span {
                      display: inline-block;
                      height: 60px;
                      margin-bottom: 8px;
                    }

                    .peo .de {
                      font-size: 18px;
                      color: #333;
                      line-height: 35px;
                      padding: 0 8%;
                      margin-bottom: 140px;
                    }

                    .jqti {
                      text-align: right;
                      margin-bottom: 45px;
                    }

                    .jqti .title2 {
                      margin-top: 35px;
                    }

                    .jinqu {
                      overflow: hidden;
                      background-color: #f1f1f1;
                    }

                    .jqul {
                      float: right;
                      width: 660px;
                      line-height: 100px;
                      font-size: 0;
                    }

                    .jqul .ti {
                      width: 240px;
                      background-color: #b31d2c;
                      text-align: center;
                      font-size: 16px;
                      color: #ffffff;
                      text-align: center;
                      display: inline-block;
                      vertical-align: top;
                    }

                    .jqul .de {
                      display: inline-block;
                      width: 455px;
                      background-color: #fff;
                      font-size: 18px;
                      color: #333;
                      vertical-align: top;
                      box-sizing: border-box;
                      line-height: 30px;
                      padding: 35px 0;
                      float: right;
                      padding-left: 45px;
                    }

                    .jqul .ti .num {
                      font-family: 'BEBAS';
                      vertical-align: middle;
                    }

                    .jqul .ti {
                      position: absolute;
                      top: 0;
                      left: 0;
                      height: 100%;
                    }

                    .jqul li {
                      position: relative;
                    }

                    .jqul .ti span {
                      vertical-align: middle;
                    }

                    .jqul li {
                      margin-bottom: 10px;
                    }

                    .jq-de {
                      margin-bottom: 40px;
                    }

                    .jinqu {
                      position: relative;
                    }

                    .jinqu .jtr {
                      right: -90px;
                      left: auto;
                    }

                    .jqswi .swiper-slide {
                      font-size: 0;
                    }

                    .jqswi .font {
                      width: 380px;
                      font-size: 22px;
                      color: #333;
                      line-height: 35px;
                      display: inline-block;
                      position: absolute;
                      left: 0;
                      top: 0;
                      height: 100%;
                    }

                    .jqswi .font .zi {
                      position: absolute;
                      width: 100%;
                      top: 50%;
                      transform: translateY(-50%);
                      padding-left: 60px;
                      box-sizing: border-box;
                    }

                    .jqswi .pic {
                      width: -moz-calc(100% - 380px);
                      width: -webkit-calc(100% - 380px);
                      width: calc(100% - 380px);
                      display: inline-block;
                      float: right;
                    }

                    .jqswi .font .xian {
                      width: 35px;
                      border-top: 3px solid #b31d2c;
                      display: block;
                      margin-top: 15px;
                    }

                    .jqswi .swiper-button-next,
                    .jqswi .swiper-button-prev {
                      width: 26px;
                      height: 18px;
                      top: auto;
                      bottom: 50px;
                      background-size: 26px 18px;
                      transition: all 0.5s ease;
                    }

                    .jqswi {
                      position: relative;
                      padding-bottom: 100px;
                      padding-top: 80px;
                    }

                    .jqswi .swiper-button-prev {
                      background-image: url('../img/jql.png');
                      left: 380px;
                    }

                    .jqswi .swiper-button-prev:hover {
                      background-image: url('../img/jqll.png');
                      /* left: 380px; */
                    }

                    .jqswi .swiper-button-next {
                      background-image: url('../img/jqr.png');
                      left: 425px;
                      right: auto;
                    }

                    .jqswi .swiper-button-next:hover {
                      background-image: url('../img/jqrr.png');
                      /* left: 425px; */
                      right: auto;
                    }

                    .duo {
                      background-color: #f1f1f1;
                    }

                    .duo .content {
                      position: relative;
                    }

                    .duo .title2 {
                      margin-top: 35px;
                      margin-bottom: 40px;
                    }

                    .duo .de {
                      font-size: 18px;
                      color: #333;
                      margin-top: 60px;
                      padding: 0 15px;
                      box-sizing: border-box;
                      line-height: 30px;
                    }

                    .duo {
                      padding-bottom: 115px;
                    }

                    .duo .swiper-button-next,
                    .duo .swiper-button-prev {
                      width: 26px;
                      height: 18px;
                      top: auto;
                      bottom: -40px;
                      background-size: 26px 18px;
                      transition: all 0.5s ease;
                    }

                    .duo {
                      position: relative;
                      padding-bottom: 100px;
                      padding-top: 80px;
                    }

                    .duo .swiper-button-prev {
                      background-image: url('../img/jql.png');
                      right: 45px;
                      left: auto;
                    }

                    .duo .swiper-button-prev:hover {
                      background-image: url('../img/jqll.png');
                    }

                    .duo .swiper-button-next {
                      background-image: url('../img/jqr.png');
                      right: 0;
                    }

                    .duo .swiper-button-next:hover {
                      background-image: url('../img/jqrr.png');
                    }

                    .duo .swiper-slide .pic img {
                      width: 100%;
                      transition: all 0.5s ease;
                    }

                    .duo .swiper-slide:hover .pic img {
                      transform: scale(1.1)
                    }

                    .search .tit {
                      font-size: 23px;
                      color: #333;
                      font-weight: bold;
                      margin-top: 155px;
                      margin-bottom: 45px;
                    }

                    .search ul {
                      margin-bottom: 80px;
                    }

                    .search ul li a {
                      display: block;
                      width: 820px;
                      transition: all 0.3s ease;
                    }

                    .search ul li .ti {
                      font-size: 20px;
                      color: #333;
                      margin-bottom: 10px;
                      line-height: 25px;
                    }

                    .search ul li .de {
                      font-size: 18px;
                      color: #666;
                      line-height: 25px;
                    }

                    .search ul li {
                      border-bottom: 1px solid #eee;
                      padding: 20px;
                      text-align: left;
                      padding-right: 30%;
                      box-sizing: border-box;
                      padding-left: 0;
                    }

                    .search ul li a:hover {
                      padding-left: 20px;
                    }

                    @media screen and (max-width:1200px) {
                      .search ul li {
                        padding: 0;
                        width: 100%;
                        padding: 20px 10px;
                        box-sizing: border-box;
                      }

                      .search ul {
                        width: 100%;
                      }

                      .search ul li a {
                        width: 100%;
                      }

                      .content {
                        width: 95%;
                      }
                    }

                    @media screen and (max-width:1628px) {
                      .head ul li>a {
                        font-size: 13px;
                        /*font-size: 16px;*/
                      }

                      .head ul li {
                        margin-left: 25px;
                      }
                    }

                    @media screen and (max-width:1553px) {
                      .footer .form .fo-text {
                        font-size: 16px;
                      }

                      .head ul {
                        /*margin-right: 66px;*/
                      }

                      .tb-de .ti {
                        font-size: 28px;
                      }

                      .tb-de .de {
                        font-size: 18px;
                        line-height: 30px;
                      }

                      .tb-de {
                        padding: 50px 70px;
                      }

                      .join-de .top div p {
                        font-size: 28px;
                      }
                    }

                    @media screen and (max-width:1400px) {
                      .head ul li {
                        margin-left: 25px;
                      }

                      .head ul {
                        /*margin-right: 0px; */
                      }
                    }

                    @media screen and (max-width:1506px) {
                      .head ul li>a {
                        font-size: 14px;
                      }

                      .head ul li .list a {
                        font-size: 14px;
                      }
                    }

                    }

                    @media screen and (max-width:1200px) {
                      .head ul li {
                        /*margin-left: 30px;*/
                      }

                      .join-de .top div p {
                        font-size: 26px;
                      }

                      .head ul {
                        /*margin-right: 40px;*/
                      }

                      .head .left {
                        width: 200px;
                      }

                      .head .left img {
                        width: 100%;
                      }
                    }

                    @media screen and (max-width:1166px) {
                      .head ul li {
                        margin-left: 20px;
                      }
                    }

                    .head-m .menu_div.active_div i:nth-of-type(1) {
                      -webkit-transform: rotate(45deg) translate(9px, 8px);
                      transform: rotate(45deg) translate(9px, 8px);
                    }

                    .head-m .menu_div.active_div i:nth-of-type(2) {
                      opacity: 0;
                    }

                    .head-m .menu_div.active_div i:nth-of-type(3) {
                      -webkit-transform: rotate(-45deg) translate(9px, -8px);
                      transform: rotate(-45deg) translate(9px, -8px);
                    }

                    .head-m {
                      height: 60px;
                      background-color: #fff;
                      box-shadow: 1px 1px 10px #ccc;
                    }

                    .head-m {
                      display: none;
                      position: fixed;
                      width: 100%;
                      top: 0;
                      left: 0;
                      z-index: 99999;
                    }

                    .head-m .menu_div {
                      top: 0;
                      right: 0;
                      width: 60px;
                      height: 100%;
                      text-align: center;
                      position: absolute;
                    }

                    .head-m .menu_div span {
                      position: absolute;
                      top: 50%;
                      left: 50%;
                      height: 2rem;
                      transform: translate(-50%, -50%);
                      width: 2.2rem;
                      font-size: 0;
                    }

                    .head-m .menu_div i {
                      display: inline-block;
                      width: 36px;
                      height: 4px;
                      border-radius: 2px;
                      background: #b01b2a;
                      margin: 4px 0;
                      opacity: 1;
                      transition: 0.5s;
                      -webkit-transition: 0.5s;
                    }

                    .head-m .m_ul {
                      display: none;
                      border-top: 1px solid #eee;
                      position: fixed;
                      top: 60px;
                      left: 0;
                      width: 100%;
                      background: #f7f7f7;
                      z-index: 11;
                      box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
                      padding-bottom: 20px;
                      height: calc(100% - 60px);
                      overflow: scroll;
                    }

                    .head-m .m_ul>li {
                      padding: 0 4%;
                      border-bottom: 1px solid rgba(255, 255, 255, 0.2);
                      position: relative;
                      transition: 0.5s;
                      -webkit-transition: 0.5s;
                      line-height: 45px;
                    }

                    .head-m .m_ul>li a i {
                      font-size: 20px;
                      opacity: 0.3;
                      float: right;
                      transition: 0.5s;
                      -webkit-transition: 0.5s;
                    }

                    .head-m .m_ul p {
                      display: none;
                    }

                    .head-m .m_ul .active_li {
                      background: #eee;
                    }

                    .head-m .m_ul p a {
                      padding: 0 20px;
                    }

                    .head-m .m_ul>li a .active_i {
                      float: right;
                      -webkit-transform: rotate(45deg);
                      transform: rotate(45deg);
                    }

                    .head-m .menu_div.active_div i:nth-of-type(1) {
                      -webkit-transform: rotate(45deg) translate(9px, 8px);
                      transform: rotate(45deg) translate(9px, 8px);
                    }

                    .head-m .menu_div.active_div i:nth-of-type(2) {
                      opacity: 0;
                    }

                    .head-m .menu_div.active_div i:nth-of-type(3) {
                      -webkit-transform: rotate(-45deg) translate(9px, -8px);
                      transform: rotate(-45deg) translate(9px, -8px);
                    }

                    .ab-pic img {
                      max-width: 100%;
                      max-height: 100%;
                    }

                    .logo {
                      line-height: 60px;
                    }

                    @media screen and (max-width:1050px) {
                      .join-de .top div p {
                        font-size: 24px;
                      }

                      .search .tit {
                        margin-top: 60px;
                      }

                      .solu .page {
                        margin-top: 60px;
                      }

                      .ban {
                        margin-top: 60px;
                      }

                      .head {
                        display: none;
                      }

                      .head-m {
                        display: block;
                      }

                      .logo {
                        margin-left: 2.5%;
                      }

                      .banner {
                        margin-top: 60px;
                      }

                      .foo-c ul {
                        display: none;
                      }

                      .foo-left {
                        width: 100%;
                      }
                    }

                    @media screen and (max-width:750px) {
                      .join-de .top a {
                        width: 100%;
                        margin-right: 0;
                        margin-bottom: 10px;
                      }

                      .join .title {
                        margin-top: 45px;
                      }

                      .join-de .top {
                        margin-bottom: 30px;
                      }

                      .join-de .top a p {
                        font-size: 22px;
                      }

                      .logo {
                        width: 200px;
                      }

                      .logo img {
                        width: 100%;
                      }

                      .tb-de {
                        padding: 40px;
                      }
                    }

                    @media screen and (max-width:500px) {
                      .logo {
                        width: 150px;
                      }

                      .logo img {
                        width: 100%;
                      }
                    }

                    @media screen and (max-width:1500px) {
                      .banner .font {
                        font-size: 38px;
                        line-height: 55px;
                      }

                      .wel-title .tit,
                      .wel-title .ti {
                        font-size: 28px;
                      }

                      .tb-swi .font {
                        font-size: 20px;
                      }

                      .wel-news .ti {
                        font-size: 22px;
                      }

                      .pr-left .ti {
                        font-size: 26px;
                      }

                      .pr-left .tit {
                        font-size: 22px;
                      }

                      .pr-left .ti {
                        line-height: 115px;
                      }

                      .prde .top {
                        font-size: 22px;
                      }

                      .pl-swi {
                        width: 80%;
                      }
                    }

                    @media screen and (max-width:1680px) {
                      .footer .content {
                        width: 95%;
                      }
                    }

                    @media screen and (max-width:1400px) {
                      .dode a {
                        font-size: 22px;
                      }

                      .dode .ddlast {
                        font-size: 16px;
                      }

                      .sl-de .ti {
                        font-size: 22px;
                      }

                      .top-font p {
                        margin-top: 20px;
                      }

                      .top-font .ti {
                        font-size: 22px;
                      }

                      .pra-cover .co-ti {
                        font-size: 22px;
                      }

                      .pr-right .tit {
                        font-size: 22px;
                        margin-top: 60px;
                      }

                      .pr-left {
                        width: 300px;
                      }

                      .so-de .tibox a {
                        /*padding-left: 109px;*/
                      }

                      .pr-right {
                        width: -moz-calc(100% - 300px);
                        width: -webkit-calc(100% - 300px);
                        width: calc(100% - 300px);
                      }

                      .pr-left .ti {
                        line-height: 100px;
                      }

                      .pr-left .ti {
                        font-size: 22px;
                      }

                      .pr-left .tit {
                        font-size: 16px;
                      }

                      .footer .form {
                        margin-bottom: 30px;
                      }

                      .footer {
                        padding: 60px 0;
                        padding-bottom: 0;
                      }

                      .foo-c ul a:nth-child(1) {
                        font-size: 16px;
                      }

                      .foo-c ul a {
                        font-size: 14px;
                      }

                      .wel-news .ti {
                        font-size: 20px;
                        margin-bottom: 25px;
                      }

                      .tb-de .ti {
                        font-size: 26px;
                        margin-bottom: 20px;
                      }

                      .tb-de .de {
                        width: 100%;
                      }

                      .tb-swi .font {
                        font-size: 18px;
                      }

                      .banner .font {
                        font-size: 34px;
                        line-height: 55px;
                      }

                      .banner .font {
                        width: auto;
                      }

                      .content {
                        width: 80%;
                      }

                      .two-bot .tb-swi {
                        /*margin-top: 80px;*/
                      }

                      .wel-title .tit,
                      .wel-title .ti {
                        font-size: 26px;
                      }

                      .two-top .right .pic {
                        margin-top: 115px;
                      }

                      .two-top .right {
                        padding-right: 0;
                      }

                      .two-top {
                        padding-top: 66px;
                      }

                      .tb-swi .font span {
                        width: 23%;
                      }

                      .tb-swi .font {
                        height: 90px;
                        line-height: 90px;
                      }

                      .tb-swi .font i {
                        /*width: 108px;*/
                      }

                      .so-de .tit-de {
                        font-size: 14px;
                      }

                      .two-bot {
                        padding-top: 45px;
                        margin-top: 45px;
                      }
                    }

                    @media screen and (max-width:1200px) {
                      .dode a .top img:nth-child(1) {
                        width: 50px;
                      }

                      .pl-swi {
                        margin-top: 20px;
                      }

                      .table .one {
                        padding-left: 5%;
                      }

                      .de-download {
                        padding: 0 10%;
                      }

                      .pl-swi {
                        width: 90%;
                      }

                      .de-download p .zi {
                        font-size: 16px;
                      }

                      .de-download p a {
                        font-size: 16px;
                      }

                      .prde .top {
                        font-size: 20px;
                      }

                      .pr-left {
                        width: 260px;
                      }

                      .pr-left .ti {
                        font-size: 18px;
                      }

                      .so-de .tibox a {
                        padding-left: 0;
                        text-align: center;
                      }

                      .pr-right {
                        width: -moz-calc(100% - 260px);
                        width: -webkit-calc(100% - 260px);
                        width: calc(100% - 260px);
                      }

                      .wel-three .wel-title {
                        margin-bottom: 55px;
                      }

                      .tb-swi .font {
                        /*font-size: 22px;*/
                      }

                      .wel-title .tit,
                      .wel-title .ti {
                        font-size: 24px;
                      }

                      .banner .font {
                        font-size: 30px;
                        line-height: 40px;
                      }

                      .content {
                        width: 90%;
                      }
                    }

                    @media screen and (max-width:1050px) {
                      .pr-left {
                        width: 100%;
                        position: relative;
                        margin-bottom: 20px;
                      }

                      .pr-left .ti {
                        margin-top: 0;
                      }

                      .pr-right {
                        float: none;
                        padding-left: 0;
                        width: 100%;
                      }

                      .pr-right .tit {
                        margin-bottom: 20px;
                        margin-top: 45px;
                      }

                      .prod-page {
                        padding-left: 0;
                      }
                    }

                    @media screen and (max-width:900px) {
                      .tb-swi .font {
                        height: 75px;
                        line-height: 75px;
                      }

                      .tb-swi .font {
                        /*font-size: 20px;*/
                      }

                      .tb-swi .font span {
                        display: none;
                      }

                      .tb-swi .swiper-button-next {
                        right: 0px;
                      }

                      .tb-swi .swiper-button-prev {
                        left: 0;
                      }

                      .wel-three {
                        padding-top: 45px;
                      }
                    }

                    /* .video video {
                        max-width: 95%;
                        max-height: 90%;
                        margin: 0 auto;
                    } */

                    .video .box {

                      max-width: 80%;
                      max-height: 80%;

                    }

                    .video .box video {
                      width: 100%;


                    }

                    .swiper-slide {
                      box-sizing: border-box;
                    }

                    @media screen and (max-width:750px) {
                      .sl-de .swiper-pagination-bullet {
                        width: 8px;
                        height: 8px;
                      }

                      .dode a {
                        width: 100%;
                        margin-right: 0;
                        margin-bottom: 10px;
                        padding-top: 45px;
                      }

                      .vbox {
                        width: 100%;
                      }

                      .sl-de .ti {
                        font-size: 20px;
                        padding-bottom: 15px;
                      }

                      .top-font .ti {
                        font-size: 20px;
                      }

                      .top-font .ti {
                        text-align: left;
                      }

                      .top-font {
                        width: 100%;
                        padding-left: 0;
                        margin-top: 20px;
                      }

                      .video .box {
                        width: 90%;
                      }

                      .so-de .list {
                        padding-top: 30px;
                      }

                      .pr-left .list a {
                        margin-bottom: 30px;
                      }

                      .solu .page {
                        margin-top: 40px;
                      }

                      .vide {
                        padding: 0;
                      }

                      .solu a {
                        width: 100%;
                        margin-right: 0;
                      }

                      .solu a p {
                        font-size: 16px;
                      }

                      .prde .top {
                        font-size: 18px;
                      }

                      .pra-cover .co-ti {
                        font-size: 20px;
                      }

                      .pra .pic {
                        height: auto;
                        padding-bottom: 110%;
                      }

                      .pra p {
                        font-size: 16px;
                      }
                        .aos-init .aos-init,
                      .prbox a {
                        width: 49%;
                        margin-bottom: 10px;
                        margin-right: 2%;
                      }
                        .aos-init .aos-init:nth-child(3n),
                      .prbox a:nth-child(3n) {
                        margin-right: 2%;
                      }
                        .aos-init .aos-init:nth-child(2n),
                      .prbox a:nth-child(2n) {
                        margin-right: 0;
                      }

                      .pr-right .tit {
                        font-size: 20px;
                      }

                      .pr-left .ti {
                        font-size: 20px;
                      }

                      .pr-left .list a {
                        font-size: 16px;
                      }

                      .pr-left .tit {
                        font-size: 18px;
                      }

                      .tb-de .ti {
                        font-size: 22px;
                      }

                      .tb-de .de {
                        font-size: 16px;
                      }

                      .two-bot .tb-swi {
                        padding: 0;
                      }

                      .tb-swi .font {
                        font-size: 18px;
                      }

                      .two-top .more {
                        margin-left: 0;
                      }

                      .banner .font {
                        font-size: 24px;
                        line-height: 35px;
                      }

                      .banner .font {
                        left: 10%;
                      }

                      .two-top .right {
                        width: 100%;
                      }

                      .two-top .left {
                        width: 100%;
                        padding-right: 0;
                      }

                      .two-top .de {
                        padding-left: 0;
                      }

                      .two-top .right .pic {
                        margin-top: 45px;
                      }

                      .two-top {
                        padding-top: 50px;
                      }

                      .wel-title .tit,
                      .wel-title .ti {
                        font-size: 22px;
                      }

                      .more {
                        width: 176px;
                        height: 50px;
                        line-height: 50px;
                        font-size: 16px;
                      }

                      .content {
                        width: 95%;
                      }

                      .tb-swi .font {
                        height: 60px;
                        line-height: 60px;
                      }

                      .tb-swi .font span {
                        width: 15%;
                      }

                      .wel-news a {
                        width: 100%;
                        margin-right: 0;
                        margin-bottom: 20px;
                        border-bottom: 1px solid #999;
                      }

                      .wel-three .wel-title {
                        margin-bottom: 37px;
                      }

                      .pr-left .tit {
                        line-height: 60px;
                      }

                      .so-de .tit-de {
                        line-height: 60px;
                      }

                      .pra-cover .btn {
                        width: 100px;
                        font-size: 14px;
                      }
                    }

                    @media screen and (max-width:600px) {
                      .banner .font {
                        font-size: 20px;
                        line-height: 30px;
                      }

                      .banner .swiper-pagination-bullet:after {
                        height: 10px;
                      }

                      .banner .swiper-pagination-bullet {
                        width: 10px;
                      }

                      .banner .swiper-pagination-bullet-active {
                        width: 40px;
                      }

                      .banner .swiper-container-horizontal>.swiper-pagination-bullets,
                      .swiper-pagination-custom,
                      .swiper-pagination-fraction {
                        bottom: 22px;
                      }

                      .banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
                        margin: 0 5px;
                      }
                    }

                    @media screen and (max-width:500px) {
                      .so-de .list {
                        padding-top: 20px;
                      }

                      .pr-left .list a {
                        margin-bottom: 20px;
                      }

                      .pra-cover .co-ti {
                        font-size: 16px;
                      }

                      .pr-left .ti {
                        line-height: 85px;
                      }

                      .tb-de {
                        padding: 40px 0;
                      }

                      .tb-de .ti {
                        font-size: 18px;
                      }

                      .wel-two {
                        padding-bottom: 0;
                      }
                    }

                    @media screen and (max-width:900px) {
                      .prde-left {
                        width: 100%;
                        padding-right: 0;
                      }

                      .prde-right {
                        width: 100%;
                      }
                    }

                    @media screen and (max-width:500px) {
                      .de-download {
                        padding: 0;
                      }

                      .pl-swi {
                        width: 100%;
                      }

                      .table .one {
                        padding-left: 2%;
                      }
                    }

                    @media screen and (max-width:1050px) {
                      .sl-de {
                        margin-bottom: 60px;
                      }
                    }

                    @media screen and (max-width:750px) {
                      .sl-de {
                        margin-bottom: 0px;
                      }
                    }

                    @media screen and (max-width:1400px) {
                      .title {
                        font-size: 28px;
                        margin-bottom: 30px;
                      }

                      .ques .title {
                        margin-top: 60px;
                      }

                      .qb-top {
                        font-size: 22px;
                      }

                      .qb-top .num {
                        margin-left: 40px;
                        margin-right: 20px;
                      }

                      .qb-de {
                        padding: 35px 40px;
                      }

                      .title2 {
                        font-size: 28px;
                      }

                      .sale .ti {
                        font-size: 28px;
                      }

                      .news .wel-news {
                        padding-bottom: 40px;
                        margin-bottom: 50px;
                      }

                      .newsde .top .ti {
                        font-size: 26px;
                      }

                      .newsde .top {
                        width: 100%;
                      }

                      .newsde .de {
                        padding: 0;
                      }
                    }

                    @media screen and (max-width:1200px) {
                      .newsde .top .ti {
                        font-size: 24px;
                        line-height: 30px;
                      }

                      .title {
                        font-size: 24px;
                        margin-bottom: 30px;
                      }

                      .title2 {
                        font-size: 26px;
                      }

                      .sale .ti {
                        font-size: 26px;
                      }

                      .news .wel-news {
                        padding-bottom: 30px;
                        margin-bottom: 35px;
                      }
                    }

                    .mapimg>img {
                      width: 100%;
                    }

                    @media screen and (max-width:750px) {

                      .newsde .left,
                      .newsde .right {
                        width: 100%;
                        float: none;
                      }

                      .newsde .ndpage {
                        margin-top: 45px;
                      }

                      .newsde .right {
                        text-align: left;
                        padding-right: 0;
                        padding-left: 25px;
                      }

                      .newsde .ba {
                        position: relative;
                        transform: none;
                        top: 0;
                        left: 0;
                        text-align: center;
                        background-color: #fff;
                      }

                      .newsde .top .ti {
                        margin-top: 40px;
                      }

                      .newsde .tide .bdsharebuttonbox {
                        display: block;
                        margin-top: 10px;
                      }

                      .newsde .top .bdshare-button-style0-16 .bds_more {
                        float: none;
                        vertical-align: middle;
                        display: inline-block;
                        margin-right: 10px;
                        margin-left: 0;
                      }

                      .news .wel-news:nth-child(3) {
                        margin-bottom: 35px;
                      }

                      .news .wel-news {
                        padding-bottom: 0;
                        margin-bottom: 0;
                        border: none;
                      }

                      .qb-top {
                        font-size: 20px;
                      }

                      .qb-top .num {
                        margin: 0 20px;
                      }

                      .qb-de {
                        padding: 20px 10px;
                      }

                      .ques .title {
                        margin-top: 45px;
                      }

                      .map .title2 {
                        margin-top: 45px;
                      }

                      .title2 {
                        font-size: 24px;
                      }

                      .sale .ti {
                        font-size: 24px;
                      }

                      .ye-box {
                        height: 200px;
                        background-position: 38% center;
                      }

                      .ye-box {
                        font-size: 20px;
                      }
                    }

                    @media screen and (max-width:500px) {
                      .qb-top {
                        font-size: 18px;
                      }

                      .title2 {
                        font-size: 22px;
                      }

                      .sale .ti {
                        font-size: 22px;
                      }

                      .newsde .top .ti {
                        font-size: 22px;
                      }
                    }

                    .map-m {
                      display: none;
                    }

                    @media screen and (max-width:1020px) {
                      .mapimg {
                        display: none;
                      }

                      .map-m {
                        display: block;
                        margin-top: 45px;
                        margin-bottom: 60px;
                      }

                      .map-m .font {
                        box-shadow: 1px 1px 10px #999;
                        padding: 20px 10px;
                        border-radius: 10px;
                        margin-bottom: 10px;
                        line-height: 30px;
                        font-size: 16px;
                      }

                      .ybox {
                        width: 49%;
                        margin-right: 2%;
                      }

                      .ybox:nth-child(3n) {
                        margin-right: 2%;
                      }

                      .ybox:nth-child(2n) {
                        margin-right: 0;
                      }
                    }

                    @media screen and (max-width:750px) {
                      .news-swi {
                        margin-bottom: 60px;
                      }

                      .news-swi .swiper-container {
                        padding: 0 45px;
                      }

                      .ybox {
                        width: 100%;
                        margin-right: 0%;
                      }

                      .ybox:nth-child(2n) {
                        margin-right: 0;
                      }

                      .ybox:nth-child(3n) {
                        margin-right: 0%;
                      }

                      .ybox {
                        min-height: auto;
                      }

                      .down .title {
                        margin-top: 45px;
                      }

                      .dode a {
                        font-size: 20px;
                      }

                      .dode a .top img:nth-child(1) {
                        width: 40px;
                      }

                      .down {
                        padding-bottom: 40px;
                      }

                      .dode {
                        padding-bottom: 20px;
                        margin-bottom: 20px;
                      }
                    }

                    @media screen and (max-width:500px) {
                      .dode a {
                        padding-top: 30px;
                      }

                      .dode a .top {
                        margin-bottom: 20px;
                      }

                      .dode a {
                        font-size: 18px;
                      }
                    }

                    @media screen and (max-width:1680px) {
                      .about-two .top {
                        top: -100px;
                      }

                      .about-two .top .title2 {
                        margin-right: 0;
                      }
                    }

                    @media screen and (max-width:1000px) {
                      .about {
                        background-image: none;
                        padding-bottom: 80px;
                      }

                      .about .de {
                        padding: 0;
                      }

                      .about-two {
                        padding-top: 30px;
                      }

                      .honour .swiper-button-next,
                      .honour .swiper-button-prev {
                        width: 90px;
                        height: 45px;
                        bottom: -68px;
                      }

                      .honour .swiper-button-prev {
                        right: 100px;
                      }
                    }

                    @media screen and (max-width:750px) {
                      .shou li {
                        width: 50%;
                      }

                      .shou li img {
                        width: 100%;
                      }

                      .shou {
                        height: auto;
                        width: 100%;
                      }

                      .shou li.act {
                        width: 50%;
                      }

                      .shou li.act:after {
                        display: none;
                      }

                      .shou li.act {
                        border-bottom: none;
                      }

                      .shou li i {
                        background-color: rgba(0, 0, 0, 0.4);
                        /* opacity: 0; */
                      }

                      .shou {
                        margin-bottom: 30px;
                      }
                    }

                    @media screen and (max-width:1500px) {
                      .topul li .font {
                        top: 11%;
                      }

                      .topul li .de {
                        font-size: 16px;
                      }
                    }

                    @media screen and (max-width:1100px) {
                      .topul li .font {
                        top: 4%;
                      }

                      .topul li .ti {
                        margin-bottom: 27px;
                      }

                      .topul li .de p {
                        line-height: 25px;
                      }

                      .about {}
                    }

                    @media screen and (max-width:1000px) {
                      .about-two .top {
                        margin-top: 30px;
                        top: 0;
                      }

                      .honour .hs-left {
                        display: none;
                      }

                      .honour .swiper-slide .zi {
                        width: 100%;
                        position: relative;
                        height: auto;
                      }

                      .jtr {
                        display: none;
                      }

                      .honour .top {
                        margin: 45px 0;
                      }
                    }

                    .about-two {}

                    @media screen and (max-width:900px) {
                      .topul li {
                        width: 49%;
                        margin-right: 2%;
                        margin-bottom: 2%;
                        padding-bottom: 40%;
                      }

                      .topul li .font {
                        top: 50%;
                        transform: translateY(-50%)
                      }

                      .topul li:nth-child(2n) {
                        margin-right: 0;
                      }
                    }

                    .at-swi {
                      background-color: #fff;
                    }

                    .at-swi .title2 {
                      margin-top: 20px;
                    }

                    @media screen and (max-width:750px) {
                      .about {
                        background-image: none;
                        padding-bottom: 45px;
                      }

                      .topul li span {
                        height: auto;
                      }

                      .topul li img.center {
                        position: relative;
                        top: 0;
                        left: 0;
                        transform: none;
                        margin-bottom: 10px;
                      }
                    }

                    @media screen and (max-width:650px) {
                      .topul li img.center {
                        width: 40px;
                        margin-bottom: 5px;
                      }

                      .topul li .ti {
                        margin-bottom: 20px;
                      }

                      .topul li {
                        padding-bottom: 50%;
                      }
                    }

                    .honour .swiper-button-prev {
                      border-right: 1px solid #fff;
                    }

                    @media screen and (max-width:500px) {
                      .honour .swiper-slide .zi span {
                        padding: 20px;
                      }

                      .topul li {
                        padding-bottom: 60%;
                      }
                    }

                    @media screen and (max-width:1500px) {
                      .as {
                        background-position: 20% center;
                        background-size: 126.5%;
                      }

                      .jota th {
                        font-size: 18px;
                      }
                    }

                    @media screen and (max-width:1200px) {
                      .poright {
                        display: none;
                      }

                      .as {
                        padding-left: 0;
                      }

                      .as {
                        background-position: 41% center;
                        background-size: 141.5%;
                      }

                      .pow-c .font {
                        position: relative;
                        float: left;
                      }

                      .pow-c .font .zi {
                        position: relative;
                        top: 0;
                        left: 0;
                        transform: none;
                      }
                    }

                    @media screen and (max-width:1050px) {
                      .at-swi {
                        margin-left: 0;
                        width: 90%;
                        margin: 0 auto;
                      }

                      .about-two {
                        background-image: none;
                        background-color: #fff;
                      }

                      .about {
                        padding-bottom: 45px;
                      }

                      .at-swi {
                        margin-top: 30px;
                      }
                    }

                    @media screen and (max-width:850px) {
                      .as {
                        background-position: 46% center;
                        background-size: 234.5%;
                      }

                      .as {
                        margin-top: 40px;
                      }

                      .at-swi {
                        padding-bottom: 55px;
                      }

                      .about {
                        padding-bottom: 0;
                      }

                      .about .title2 {
                        margin-top: 40px;
                      }

                      .pow-c .font {
                        float: none;
                        width: 100%;
                      }

                      .pow-c .pic {
                        text-align: center;
                        width: 100%;
                        margin-top: 20px;
                      }

                      .pow-c .pic img {
                        width: auto;
                        max-width: 100%;
                      }

                      .power {
                        padding-bottom: 120px;
                      }
                    }

                    @media screen and (max-width:750px) {
                      .power .title2 {
                        margin-top: 45px;
                        margin-bottom: 25px;
                      }

                      .honour {
                        padding-bottom: 136px;
                      }

                      .tabox {
                        overflow: auto;
                      }

                      .jota {
                        width: 750px;
                      }

                      .jota {
                        margin-bottom: 45px;
                      }

                      .title {
                        font-size: 22px;
                      }

                      .join-de {
                        margin-top: 30px;
                        padding-top: 30px;
                      }
                    }

                    @media screen and (max-width:500px) {
                      .power {
                        padding-bottom: 60px;
                      }

                      .as .zi {
                        bottom: 70px;
                      }

                      .as .pic {
                        bottom: -125px;
                      }

                      .as .swiper-slide:nth-child(2n) .zi {
                        top: 100px;
                        /* top: auto; */
                      }

                      .as .swiper-slide:nth-child(2n) .pic {
                        bottom: auto;
                        top: -105px;
                      }

                      .as {
                        margin-top: 20px;
                      }

                      .at-swi {
                        padding-bottom: 10px;
                      }
                    }

                    .honour .hs-left img {
                      width: 100%;
                    }

                    @media screen and (max-width:1600px) {
                      .peoul li {
                        width: 140px;
                        height: 140px;
                      }
                    }

                    @media screen and (max-width:1300px) {
                      .peoul li {
                        width: 130px;
                        height: 130px;
                      }

                    }

                    @media screen and (max-width:1100px) {
                      .peoul li span img {
                        width: 40px;
                      }

                      .peoul li span {
                        height: 40px;
                      }

                      .peoul li {
                        margin: 0 10px;
                      }

                      .peo .de {
                        padding: 0;
                      }

                      .peo .de {
                        margin-bottom: 80px;
                      }
                    }

                    @media screen and (max-width:880px) {
                      .peoul li {
                        display: block;
                        margin: 0 auto;
                        margin-bottom: 10px;
                      }

                      .peo .title2 {
                        margin-bottom: 30px;
                      }

                      .peo .de {
                        margin-bottom: 60px;
                      }
                    }

                    .jq-de .left {
                      width: 35%;
                    }

                    @media screen and (max-width:1666px) {
                      .jqul .ti {
                        /*font-size: 22px;*/
                      }
                    }

                    @media screen and (max-width:1500px) {
                      .jqul {
                        width: 620px;
                      }

                      .jqul .ti {
                        width: 200px;
                      }

                      .jqul .de {
                        width: 67%;
                        box-sizing: border-box;
                      }

                      .jinqu .jtr {
                        right: -150px
                      }
                    }

                    @media screen and (max-width:1300px) {
                      .jqul {
                        width: 570px;
                      }

                      .jqul .de {
                        padding-left: 25px;
                        /*width: 410px;*/
                      }

                      .jqul .ti {
                        /*font-size: 20px;*/
                      }
                    }

                    @media screen and (max-width:1200px) {
                      .jinqu .jtr {
                        right: -194px;
                      }
                    }

                    @media screen and (max-width:1000px) {
                      .jq-de .left {
                        display: none;
                      }

                      .jqul {
                        width: 100%;
                      }

                      .jqul .ti {
                        width: 30%;
                      }

                      .jqul .de {
                        width: 70%;
                      }
                    }

                    @media screen and (max-width:500px) {
                      .jqul .ti {
                        position: relative;
                        width: 100%;
                        height: auto;
                        /* line-height: 60px; */
                      }

                      .jqul {
                        line-height: 80px;
                      }

                      .jqul .de {
                        width: 100%;
                        float: none;
                      }

                      .jqul .de {
                        padding: 20px 10px;
                      }
                    }

                    @media screen and (max-width:1400px) {
                      .jtr {
                        left: -150px;
                      }
                    }

                    @media screen and (max-width:1200px) {
                      .jqswi .font {
                        /*font-size: 16px;*/
                        margin-top: 20px;
                      }

                      .jtr {
                        left: -192px;
                      }

                      .duo {
                        padding-top: 35px;
                      }

                      .group .de {
                        padding: 0;
                      }

                      .group {
                        padding-top: 60px;
                      }

                      .group .tit {
                        font-size: 22px;
                      }
                    }

                    @media screen and (max-width:1000px) {
                      .jqswi .font {
                        width: 100%;
                        position: relative;
                        margin-bottom: 20px;
                      }

                      .jqswi .pic {
                        float: none;
                        width: 100%;
                      }

                      .jqswi .font .zi {
                        position: relative;
                        top: 0;
                        transform: none;
                      }

                      .jqswi .swiper-button-prev {
                        left: 0;
                      }

                      .jqswi .swiper-button-next {
                        left: 40px;
                      }
                    }

                    @media screen and (max-width:750px) {
                      .gr-swi {
                        margin-bottom: 60px;
                      }

                      .gr-case {
                        margin-bottom: 60px;
                      }

                      .group .tit {
                        font-size: 20px;
                      }

                      .group .de p {
                        margin-bottom: 20px;
                      }

                      .jqswi .font .zi {
                        padding-left: 0;
                      }

                      .jqswi {
                        padding-top: 45px;
                      }

                      .duo .de {
                        margin-top: 25px;
                      }

                      .duo .de {
                        font-size: 16px;
                      }

                      .duo {
                        padding-top: 0px;
                        padding-bottom: 60px;
                      }

                      .duo .swiper-button-next,
                      .duo .swiper-button-prev {
                        bottom: -20px;
                      }

                      .group .tit {
                        margin-bottom: 30px;
                      }
                    }

                    @media screen and (max-width:500px) {
                      .grc a {
                        width: 100%;
                        margin-right: 0;
                        margin-bottom: 10px;
                      }
                    }

                    .firight {
                      position: fixed;
                      right: -3px;
                      top: 55%;
                      z-index: 9999;
                    }

                    .firight a {
                      display: block;
                      width: 80px;
                      background-color: #b60029;
                      height: 68px;
                      margin-bottom: 1px;
                      border-radius: 5px;
                    }

                    .firight a p {
                      text-align: center;
                      font-size: 12px;
                      color: #fff;
                    }

                    .frimg {
                      height: 35px;
                      line-height: 35px;
                    }

                    .frnum {
                      transition: all 0.5s ease;
                      position: relative;
                    }

                    .frnum:hover {
                      margin-left: -185px;
                    }

                    .frnum .number {
                      position: absolute;
                      height: 68px;
                      background-color: #b60029;
                      width: 185px;
                      right: -182px;
                      top: 0;
                    }

                    .frnum .number p {
                      font-size: 22px;
                      color: #fff;
                      line-height: 38px;
                      border-left: 1px solid #9fcce8;
                      margin-top: 16px;
                    }

                    .wxfr {
                      position: relative;
                    }

                    .frewm {
                      position: absolute;
                      right: 100px;
                      top: 10%;
                      display: none;
                    }

                    @media screen and (max-width:750px) {
                      .ban {
                        height: 200px;
                        overflow: hidden;
                      }

                      .ban img {
                        height: 100%;
                        width: auto;
                      }

                      .firight {
                        display: none;
                      }
                    }

                    .gr-swi .tit {
                      margin-top: 80px;
                    }

                    .newsde p {
                      /*margin-bottom: 60px;*/
                      text-align: justify;
                      text-justify: inter-ideograph;
                    }

                    .content_1 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
                      background-color: #666;
                    }

                    .content_1 .mCustomScrollBox>.mCSB_scrollTools {
                      right: -5px;
                    }

                    .wrapper {
                      padding-top: 10px;
                      padding-bottom: 10px;
                    }

                    .exam .pr-right {
                      padding: 0;
                      float: none;
                      width: 100%;
                    }

                    @media screen and (max-width:1050px) {

                      .prod-page {
                        padding-left: 0;
                        text-align: center;
                      }
                    }

                    .ye-box .font {
                      width: 33.3%;
                      display: inline-block;
                      position: relative;
                      transform: none;
                      top: 0;
                      left: 0;
                      padding: 0 30px;
                      box-sizing: border-box;
                      margin-top: 40px;
                      vertical-align: top;
                    }

                    .ye-box {
                      font-size: 0;
                    }

                    .ye-box .font p {
                      margin-bottom: 10px;
                      font-size: 18px;
                      color: #333;
                      text-align: left;
                    }

                    .ye-box .font p.tit {
                      margin-bottom: 20px;
                    }

                    .ye-box .font p.dee {
                      margin-bottom: 20px;
                    }

                    @media screen and (max-width:1700px) {
                      .ye-box .font p {
                        font-size: 18px;
                      }
                    }

                    @media screen and (max-width:1400px) {
                      .ye-box .font p {
                        font-size: 16px;
                      }

                      .footer {
                        padding: 35px 0;
                        padding-bottom: 0;
                      }

                      .footer .last {
                        padding-top: 15px;
                        padding-bottom: 15px;
                        line-height: 20px;
                        margin-top: 5px;
                      }
                    }

                    @media screen and (max-width:1100px) {
                      .ye-box .font {
                        width: 100%;
                      }

                      .ye-box {
                        height: auto;
                        background-image: none;
                      }
                    }

                    @media screen and (max-width:750px) {
                      .ye-box .font p {
                        font-size: 18px;
                      }

                      .foo-left p {
                        margin-bottom: 8px;
                      }
                    }

                    @media screen and (max-width:1220px) {
                      .icbox .font {
                        left: -25px;
                        top: 50px;
                      }
                    }

                    .foo-c .zi a:hover {
                      color: #b60029
                    }

                    .foo-c .zi a {
                      margin-right: 20px;
                    }

                    .ye-box .font:nth-child(1) {
                      width: 23%;
                    }

                    @media screen and (max-width: 1680px) {
                      .ye-box .font:nth-child(1) {
                        width: 25%;
                      }
                    }

                    @media screen and (max-width: 1550px) {
                      .ye-box .font:nth-child(1) {
                        width: 29%;
                      }
                    }

                    .qx {
                      font-size: 0;
                      margin-bottom: 40px;
                    }

                    .qx a {
                      display: inline-block;
                      vertical-align: top;
                      width: 24%;
                      margin-right: 1.3%;
                      margin-bottom: 30px;
                    }

                    .qx a:nth-child(4n) {
                      margin-right: 0;
                    }

                    .qx a .de {
                      background-color: #fff;
                      padding: 15px;
                      box-sizing: border-box;
                      height: 315px;
                      overflow: auto;
                      white-space: normal;
                    }

                    .qx a>p {
                      color: #333;
                      overflow: hidden;
                      text-overflow: ellipsis;
                      white-space: nowrap;
                      font-size: 18px;
                    }

                    .qx a p {
                      font-size: 16px;
                      color: #666;
                      line-height: 30px;
                      text-align: left;
                      width: 100%;
                      white-space: normal;
                    }

                    .qx a:hover .pic img {
                      transform: scale(1.1);
                    }

                    @media screen and (max-width: 1020px) {
                      .qx a {
                        width: 49%;
                        margin-right: 2%;
                      }

                      .qx a:nth-child(2n) {
                        margin-right: 0;
                      }
                    }

                    @media screen and (max-width: 750px) {
                      .qx a {
                        width: 100%;
                        margin-right: 0%;
                      }

                      .qx a:nth-child(2n) {
                        margin-right: 0;
                      }

                      .ye-box .font:nth-child(1) {
                        width: 100%;
                      }
                    }

                    @media screen and (max-width: 1100px) {
                      .ye-box .font:nth-child(1) {
                        width: 100%;
                      }
                    }

                    .head .chan {
                      margin-right: 60px;
                    }

                    .head .chan form {
                      display: inline-block;
                      width: 30px;
                      height: 30px;
                      position: relative;
                      vertical-align: top;
                      margin: 27px 16px 0 30px;
                      transition: 0.5s;
                      -webkit-transition: 0.5s;
                      background-color: transparent;
                    }

                    .head .chan .text {
                      position: absolute;
                      top: 0;
                      right: 0;
                      z-index: 10;
                      height: 30px;
                      border: 1px solid transparent;
                      font-size: 14px;
                      color: #999;
                      width: 30px;
                      background: transparent;
                      border-radius: 15px;
                      box-sizing: border-box;
                      padding-left: 10px;
                      padding-right: 6px;
                      outline: none;
                      transition: 0.5s;
                      -webkit-transition: 0.5s;
                      padding-right: 35px;

                    }

                    .head .chan .sub {
                      outline: none;
                      background: url('../img/sea1.png') no-repeat center;
                      border-radius: 50%;
                      width: 28px;
                      height: 28px;
                      border: none;
                      cursor: pointer;
                      position: absolute;
                      top: 1px;
                      right: 6px;
                      z-index: 11;
                      color: transparent;
                    }

                    .head .chan form:hover .text {
                      width: 160px;
                      border: 1px solid #ccc;
                      background-color: #fff;
                    }

                    .head .chan a {
                      display: inline-block;
                      vertical-align: top;
                      margin-top: 33px;
                      line-height: 1;
                      font-size: 18px;
                      color: #666666;
                      border-left: 1px solid #ccc;
                      padding-left: 8px;
                      transition: 0.5s;
                      -webkit-transition: 0.5s;
                    }

                    @media screen and (max-width:1244px) {
                      .head .chan {
                        margin-right: 30px;
                      }
                    }

                    .tb-de .ti .xian {
                      width: 130px;
                      border-top: 1px solid #b01c2b;
                      margin-top: 15px;
                    }

                    .wel-title .tit .xian {
                      width: 70px;
                      border-top: 1px solid #b01c2b;
                      margin-top: 15px;
                    }

                    @media screen and (max-width:1320px) {
                      .head .left img {
                        width: 170px;
                      }

                      .head .chan form {
                        margin: 27px 8px 0 10px;
                      }

                      .head .chan a {
                        font-size: 16px;
                      }

                      .head .chan a {
                        padding-left: 8px;
                      }

                      .head .chan a.cncn {
                        padding-right: 6px !important;
                      }
                    }

                    @media screen and (max-width:1200px) {
                      .head ul li {
                        margin-left: 15px;
                      }

                      .head .left {
                        margin-left: 20px;
                      }

                      .head ul li>a {
                        font-size: 13px;
                      }
                    }

                    /* .group .de img{
                        max-width: 100%;
                     }*/
                    .group .de p img {
                      max-width: 100%;
                    }

                    .group .de a {
                      display: inline;
                    }

                    /* 0710 */
                    .xxgg-item {
                      width: 100%;
                      display: flex;
                      justify-content: space-between;
                      height: 80px;
                      align-items: center;
                      padding: 0 40px;
                      box-sizing: border-box;
                      background-color: #F6F6F6;
                      transition: .5s;
                      position: relative;
                      padding-left: 60px;
                      margin-bottom: 30px;
                      opacity: 0;
                    }

                    .xxgg-item p {
                      font-size: .9rem;
                      transition: .5s;
                    }

                    .xxgg-item p::before {
                      content: "";
                      position: absolute;
                      height: 8px;
                      width: 8px;
                      background-color: #CD3435;
                      top: calc(50% - 4px);
                      left: 30px;
                      border-radius: 50%;
                      transition: .5s;
                    }

                    .xxgg-item span {
                      font-size: .9rem;
                      transition: .5s;
                    }

                    .xxgg-item:hover {
                      background-color: #CD3435;
                      box-shadow: 2px 5px 5px rgb(144, 144, 144)
                    }

                    .xxgg-item:hover span,
                    .xxgg-item:hover p {
                      color: #fff;
                    }

                    .xxgg-item:hover p::before {
                      background-color: #fff;
                    }

                    .gpzs-box {
                      width: 100%;
                      display: flex;
                      justify-content: center;
                    }

                    .tzfw-list {
                      width: 100%;
                      margin-bottom: 30px;
                    }

                    .tzfw-list li {
                      width: 100%;
                      padding: 0 40px;
                      padding-left: 60px;
                      box-sizing: border-box;
                      height: 80px;
                      background-color: #F6F6F6;
                      transition: .5s;
                      display: flex;
                      align-items: center;
                      position: relative;
                      margin-bottom: 5px;
                    }

                    .tzfw-list li p {
                      font-size: .9rem;
                      transition: .5s;
                    }

                    .tzfw-list li p:nth-child(1) {
                      width: 11%;
                    }

                    .tzfw-list li p:nth-child(1)::before {
                      content: "";
                      position: absolute;
                      height: 8px;
                      width: 8px;
                      background-color: #CD3435;
                      top: calc(50% - 4px);
                      left: 30px;
                      border-radius: 50%;
                      transition: .5s;
                    }

                    @media screen and (max-width: 1680px) {
                      .tzfw-list li p:nth-child(1) {
                        width: 15%;
                      }
                    }

                    @media screen and (max-width: 1000px) {
                      .tzfw-list li p:nth-child(1) {
                        width: auto;
                      }

                      .tzfw-list li {
                        flex-wrap: wrap;
                        height: 100px;
                      }

                      .tzfw-list li p {
                        line-height: 1.2rem;
                        font-size: .65rem;
                      }

                      .xxgg-item span {
                        font-size: .65rem;
                      }

                      .xxgg-item p {
                        font-size: .65rem;
                      }

                      .xxgg-item {
                        padding: 0 25px;
                      }

                      .xxgg-item p::before {
                        left: 10px;
                      }

                    }

                    /* 20200928 */
                    .jjnl-box {
                      display: flex;
                      flex-wrap: wrap;
                      width: 100%;
                      margin-bottom: 50px;
                    }

                    .jjnl-item {
                      width: 100%;
                      box-sizing: border-box;
                      display: flex;
                      margin-bottom: 50px;
                      padding-bottom: 50px;
                      border-bottom: 1px solid rgba(0, 0, 0, .1);
                    }

                    .jjnl-item-left {
                      width: 60%;
                      position: relative;
                      background-color: rgba(0, 0, 0, 1);
                    }

                    .jjnl-item-right {
                      width: 40%;
                      padding: 50px;
                      box-sizing: border-box;
                      display: flex;
                      flex-direction: column;
                      align-items: flex-start;
                      justify-content: center;
                      padding-right: 0;
                    }

                    .jjnl-item-right h1 {
                      font-size: 24px;
                      font-weight: 500;
                      padding-bottom: 15px;
                      margin-bottom: 50px;
                      text-align: left;
                      position: relative;
                      letter-spacing: 2px;
                    }

                    .jjnl-item-right h1::after {
                      content: "";
                      position: absolute;
                      left: 0;
                      bottom: 0;
                      width: 80px;
                      height: 1px;
                      background-color: #B32634;
                    }

                    .jjnl-item-left img {
                      position: absolute;
                      left: 50%;
                      top: 50%;
                      height: 57px;
                      width: 57px;
                      cursor: pointer;
                      transform: translate(-50%, -50%);
                      z-index: 2;
                    }

                    .jjnl-item-left video {
                      width: 100%;
                      height: 100%;
                    }

                    .jjnl-item-right p {
                      font-size: 16px;
                      line-height: 24px;
                      letter-spacing: 1px;
                      color: #666;
                    }

                    .jjnl-item:nth-child(2n) {
                      flex-direction: row-reverse;
                    }

                    .jjnl-item:nth-child(2n) .jjnl-item-right {
                      padding-left: 0;
                      padding-right: 50px;
                    }

                    .hid-v {
                      display: none;
                    }

                    .hid-mc::after {
                      position: absolute;
                      height: 100%;
                      width: 100%;
                      background-color: rgba(0, 0, 0, .5);
                      content: "";
                      z-index: 1;
                      top: 0;
                      left: 0;
                    }

                    .jjnl-box .jjnl-item:nth-last-child(1) {
                      padding-bottom: 0;
                      border-bottom: none;
                      margin-bottom: 0;
                    }

                    .jjnl-box2 .jjnl-item {
                      flex-direction: row-reverse;
                    }

                    .jjnl-box2 .jjnl-item .jjnl-item-right {
                      padding-left: 0;
                      padding-right: 50px;
                    }

                    .jjnl-box2 {
                      margin-bottom: 0;
                    }

                    .xxgg-item2 {
                      height: 100px;
                    }

                    .jjfainfo-box {
                      width: 100%;
                      padding: 50px 0;
                      box-sizing: border-box;
                    }

                    .jjfainfo-img-box {
                      width: 100%;
                      display: flex;
                      flex-wrap: wrap;
                      margin-top: 30px;
                    }

                    .jjfainfo-img-box img {
                      width: 49%;
                      margin-right: 2%;
                      margin-bottom: 30px;
                    }

                    .jjfainfo-img-box img:nth-child(2n) {
                      margin-right: 0;
                    }

                    .jjfainfo-box h1 {
                      width: 100%;
                      font-size: 28px;
                      letter-spacing: 3px;
                      padding-bottom: 30px;
                      border-bottom: 1px solid rgba(0, 0, 0, .1);
                      text-align: center;
                      margin-bottom: 50px;
                    }

                    .jjfainfo-box p,
                    .zznl-box p {
                      font-size: 16px;
                      color: #555;
                      margin: 15px 0;
                      line-height: 25px;
                    }

                    .zznl-box {
                      width: 100%;
                      margin-bottom: 50px;
                    }

                    .zznl-img-box {
                      width: 100%;
                      display: flex;
                      flex-wrap: wrap;
                    }

                    .zznl-img-box img {
                      width: 32%;
                      margin-right: 2%;
                      margin-bottom: 30px;
                    }

                    .zznl-img-box img:nth-child(3n) {
                      margin-right: 0;
                    }

                    .g-title {
                      margin-bottom: 30px;
                    }

                    .zznl-box p {
                      margin-bottom: 45px;
                      font-size: 15px;
                    }

                    .jjnl-item2 .jjnl-item-right {
                      width: 50%;
                    }

                    .jjnl-item2 .jjnl-item-left {
                      width: 50%;
                    }

                    .jjnl-item2 .jjnl-item-right h1 {
                      margin-bottom: 40px;
                      padding-bottom: 0;
                    }

                    .jjnl-item2 .jjnl-item-right h1::after {
                      display: none;
                    }

                    .gsjs-item-list {
                      width: 100%;
                      margin: 30px 0;
                      display: flex;
                      justify-content: center;
                    }

                    .gsjs-item-list span {
                      height: 68px;
                      width: 68px;
                      display: flex;
                      align-items: center;
                      justify-content: center;
                      font-size: 11px;
                      color: #888;
                      background-image: url('../img/ty.png');
                      background-position: center;
                      background-repeat: no-repeat;
                      background-size: contain;
                      letter-spacing: 2px;
                      margin: 0 20px;
                    }

                    .p-box {
                      width: 100%;
                      margin-bottom: 50px;
                    }

                    .jjnl-item3 {
                      border: none;
                      padding-bottom: 0;
                      margin-bottom: 30px;
                    }

                    .p-box p {
                      font-size: 16px;
                      color: #555;
                      line-height: 25px;
                      margin-bottom: 15px;
                    }

                    .jjnl-item3 .jjnl-item-right {
                      padding-bottom: 0;
                    }

                    .w1920 {
                      width: 100%;
                      margin: 50px 0;
                      background-position: center;
                      background-repeat: no-repeat;
                      background-size: cover;
                      padding: 50px 0;
                      box-sizing: border-box;
                      position: relative;
                    }

                    .gsjs-item-list2 {
                      display: flex;
                    }

                    .w1920 .title {
                      position: absolute;
                      left: 13.5%;
                      top: 80px;
                    }

                    .g-item-img {
                      position: absolute;
                      bottom: -10%;
                    }

                    .gsjs-item-list2 {
                      position: absolute;
                      background-image: url('../img/xj.png');
                      background-position: center;
                      background-repeat: no-repeat;
                      background-size: cover;
                      padding-bottom: 14%;
                      right: 18%;
                      width: 570px;
                      top: 50%;
                      transform: translate(0, -50%);
                    }

                    .gsjs-item-list2 div {
                      display: flex;
                      align-items: center;
                      justify-content: center;
                      height: 150px;
                      width: 150px;
                      border-radius: 50%;
                      background-color: #B01C2A;
                      font-size: 16px;
                      color: #fff;
                      position: absolute;
                      letter-spacing: 1px;
                      text-align: center;
                      cursor: pointer;
                    }

                    .gsjs-item-list2 div span {
                      position: absolute;
                      z-index: 1;
                      max-width: 60px;
                      text-align: center;
                      line-height: 20px;
                      color: #333;
                      opacity: 0;
                      transition: .5s;
                    }

                    .gsjs-item-list2 div::after {
                      content: "";
                      width: 180px;
                      height: 180px;
                      border-radius: 50%;
                      position: absolute;
                      top: 50%;
                      left: 50%;
                      transform: translate(-50%, -50%);
                      border: 70px solid rgba(204, 204, 204, .8);
                      opacity: 0;
                      transition: .5s;
                    }

                    .gsjs-item-list2 div:hover::after {
                      opacity: 1;
                    }

                    .gsjs-item-list2 div span:nth-child(1) {
                      top: -65px;
                      left: 50%;
                      transform: translate(-50%, 0);
                    }

                    .gsjs-item-list2 div span:nth-child(2) {
                      top: 50%;
                      right: -80px;
                      transform: translate(0, -50%);
                    }

                    .gsjs-item-list2 div span:nth-child(3) {
                      bottom: -65px;
                      left: 50%;
                      transform: translate(-50%, 0);
                    }

                    .gsjs-item-list2 div span:nth-child(4) {
                      top: 50%;
                      left: -80px;
                      transform: translate(0, -50%);
                    }

                    .gsjs-item-list2 div:hover span {
                      opacity: 1;
                    }

                    .lxwm-box {
                      width: 90%;
                      margin-left: 10%;
                    }

                    .lxwm-box ul {
                      display: flex;
                      justify-content: center;
                      margin-bottom: 30px;
                    }

                    .lxwm-box ul li {
                      display: flex;
                      flex-direction: column;
                      align-items: center;
                      justify-content: space-between;
                      width: 32%;
                      margin-right: 2%;
                      position: relative;
                    }

                    .lxwm-box ul li::after {
                      content: "";
                      position: absolute;
                      right: 0;
                      width: 1px;
                      height: 80%;
                      top: 10%;
                      background-color: rgba(0, 0, 0, .1);
                    }

                    .lxwm-box ul li:nth-last-child(1) {
                      margin-right: 0;
                    }

                    .lxwm-box ul li:nth-last-child(1)::after {
                      display: none;
                    }

                    .lxwm-box ul li span {
                      font-size: 24px;
                      letter-spacing: 2px;
                      margin: 15px 0;
                    }

                    .lxwm-box ul li p {
                      font-size: 18px;
                    }

                    .map-out {
                      width: 100%;
                      height: 500px;
                      margin-bottom: 50px;
                    }

                    .map-inner {
                      width: 100%;
                      height: 100%;
                    }

                    .anchorTL {
                      display: none;
                    }

                    .anchorBL {
                      display: none;
                    }



                    /* 鍒嗚鲸鐜 */
                    @media screen and (max-width:1680px) {
                      .g-item-img {
                        width: 25%;
                      }

                      .lxwm-box {
                        width: 95%;
                        margin-left: 5%;
                      }
                      .head{
                        width: 95%;
                        left: 2.5%;
                      }
                    }

                    @media screen and (max-width:1440px) {
                      .gsjs-item-list2 {
                        zoom: .79;
                      }

                      .lxwm-box ul li span {
                        font-size: 22px;
                      }

                      .lxwm-box ul li p {
                        font-size: 15px;
                      }
                      .head{
                        width: 100%;
                        left: 0;
                      }
                    }

                    @media screen and (max-width:1366px) {
                      .gsjs-item-list2 {
                        zoom: .7;
                      }
                    }

                    @media screen and (max-width:1280px) {
                      .head {
                        width: 100%;
                        left: 0;
                      }
                    }

                    @media screen and (max-width:1000px) {
                      .jjnl-item {
                        display: flex;
                        flex-wrap: wrap;
                      }

                      .jjnl-item-left {
                        width: 100% !important;
                      }

                      .jjnl-item-right {
                        width: 100% !important;
                        padding-right: 0 !important;
                        padding-left: 0 !important;
                      }

                      .gsjs-item-list span {
                        font-size: 11px;
                      }

                      .w1920 .title {
                        top: 5%;
                      }

                      .g-item-img {
                        display: none;
                      }

                      .gsjs-item-list2 {
                        zoom: .23;
                        left: 50%;
                        top: 50%;
                        transform: translate(-50%, -50%);
                      }

                      .content-margin {
                        margin-top: 40px !important;
                      }

                      .lxwm-box ul {
                        flex-wrap: wrap;
                      }

                      .lxwm-box ul li {
                        width: 100%;
                        margin: 0;
                        margin-bottom: 15px;
                      }

                      .lxwm-box ul li::after {
                        display: none;
                      }

                      .zznl-img-box img {
                        width: 100%;
                        margin: 0;
                        margin-bottom: 15px;
                      }

                      .jjfainfo-img-box img {
                        width: 100%;
                        margin: 0;
                        margin-bottom: 15px;
                      }
                    }


                    .list-3{
                      cursor: pointer;
                    }
                    .list-3-inner{
                      display: none;
                    }
                    .list-3 p{
                      font-size: 16px;
                      color: #666;
                      line-height: 45px;
                      transition: all 0.3s ease;
                      white-space: nowrap;
                    }
                    .active_li .list-3 span{
                      font-size: 14px;
                      color: #666;
                      line-height: 45px;
                      transition: all 0.3s ease;
                      white-space: nowrap;
                      padding-left: 20px;
                      display: block;
                    }
                    .list-3-inner a{
                      font-size: 15px;
                      padding-left: 20px;
                      box-sizing: border-box;
                    }
                    .head-m .m_ul .list-3{
                      display: none;
                    }
                    .head-m .active_li .list-3{
                      display: block;
                    }
                    .active_li .list-3 .list-3-inner a{
                      font-size: 14px;
                      padding-left: 40px;
                    }
                    .active_li .list-3 .list-3-inner{
                      display: block;
                    }
                    .prod .center{
  text-align: center;
}