/** 清除内外边距 **/

                body,
                h1,
                h2,
                h3,
                h4,
                h5,
                h6,
                hr,
                p,
                blockquote,
                /* structural elements 结构元素 */

                dl,
                dt,
                dd,
                ul,
                ol,
                li,
                /* list elements 列表元素 */

                pre,
                /* text formatting elements 文本格式元素 */


                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;
                  line-height: 1.5;
                }

                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;
                  appearance: none;
                  -webkit-appearance: none;
                  -moz-appearance: 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;
                }

                a {
                  display: inline-block;
                }

                @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,
                .de {
                  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: 72.9%;
                  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%;
                }

                .ban {
                  position: fixed;
                  top: 0;
                  width: 100%;
                  left: 0;
                  padding-bottom: 42%;
                  z-index: 6;

                }

                .ban .swiper-container {
                  position: absolute;
                  top: 0;
                  left: 0;
                  width: 100%;
                }

                .dede {
                  background-color: #fff;
                  position: relative;
                  z-index: 9;
                  margin-top: 42%;
                }


                .ban .font {
                  position: absolute;
                  top: 0;
                  left: 0;
                  width: 100%;
                  background-color: rgba(0, 0, 0, 0.2);
                  height: 100%;
                  z-index: 2;
                  text-align: center;
                }

                .ban .font .center {
                  width: 100%;
                  top: 53%;
                }

                .ban .font .ti {
                  font-family: 'PangMenZhengDao';
                  font-size: 48px;
                  color: #fff;
                  width: 100%;
                  text-shadow: 1px 1px 20px #666;
                  line-height: 1.3;
                }

                .ban .font .en {
                  font-family: 'Arial';
                  font-size: 20px;
                  width: 100%;
                  color: #fff;
                  text-shadow: 1px 1px 20px #666;
                }

                /* body,
                .dede {
                  height: 999999999999px;
                } */

                .ban .swiper-pagination-bullet {
                  opacity: 0.8;
                  background-color: transparent;
                  margin: 0 8px;
                  width: 15px;
                  height: 16px;
                  background-size: 5px 6px;
                  background-position: center;
                  background-repeat: no-repeat;
                  background-image: url('../img/b.png');
                  outline: none;
                }

                .ban .swiper-pagination-bullets {
                  bottom: 60px;
                  left: 0;
                  width: 100%;
                }

                .ban .swiper-pagination-bullet-active {
                  background-image: url('../img/bu.png');
                  background-size: 15px 16px;
                }

                .dede.act {
                  padding-top: 80px;
                }

                .head {
                  width: 100%;
                }

                .head.act {
                  height: 80px;
                  line-height: 80px;
                }

                .head.act .ul li {
                  height: 80px;
                }

                .head.act .ul li>a {
                  height: 80px
                }

                .head.act .rsan .hi3 {
                  height: 76px;
                }

                /* .head.act{
                  position: fixed;
                  top: 0;
                  left: 0;
                  z-index: 99999999999;
                  width: 100%;
                } */
                .ban .xia {
                  position: absolute;
                  bottom: 100px;
                  left: 0;
                  width: 100%;
                  text-align: center;
                }

                .ban .xia img {
                  animation: bounce-down1 1s linear infinite;
                }

                @keyframes bounce-down1 {
                  25% {
                    transform: translate(0, -3px);
                  }

                  50%,
                  100% {
                    transform: translate(0, 0);
                  }

                  75% {
                    transform: translate(0, 3px);
                  }
                }

                .ban .xia p {
                  text-align: center;
                  font-size: 14px;
                  color: #fff;
                  margin-top: 8px;
                }

                .head {
                  height: 100px;
                  line-height: 100px;
                  box-shadow: 1px 1px 10px #ccc;
                  background-color: #fff;
                  transition: 0.5s;
                }

                .head .rsan>div,
                .head .rsan>form {
                  background-repeat: no-repeat;
                  background-position: center;
                  display: inline-block;
                  vertical-align: middle;
                  margin-right: 25px;
                  position: relative;
                  cursor: pointer;
                  /* transition: 0.5s; */
                  /* background-size: contain; */

                }

                .logo {
                  max-height: 80%;
                }

                .head .rsan .hi1:hover {
                  background-image: url('../img/hi1h.png');
                }

                .head .rsan .hi1 {
                  width: 30px;
                  transition: 0.5s;
                  height: 30px;
                  background-image: url('../img/hi1.png');

                }

                .head .rsan div .num {
                  font-size: 24px;
                  font-family: 'Impact';
                  color: #0066cc;
                  white-space: nowrap;
                  box-shadow: 1px 1px 10px #eee;
                  position: absolute;
                  top: 64px;
                  left: 50%;
                  transform: translateX(-50%);
                  line-height: 60px;
                  border-radius: 5px;
                  padding: 0 30px;
                  display: none;
                  background-color: #fff;
                  /* transition: 0.5s; */
                }

                .head .rsan div .num .bian {
                  position: absolute;
                  top: -10px;
                  left: 50%;
                  transform: translateX(-50%);
                  width: 97%;

                }

                .head .ewm {
                  margin: 10px 0;
                  width: 100px
                }

                .head .rsan .hi2 {
                  width: 30px;
                  height: 30px;
                  background-image: url('../img/hi2.png');
                }

                .head .rsan .hi2:hover {
                  background-image: url('../img/hi2h.png');
                }

                .head .rsan .hi3 {
                  position: absolute;
                  right: 0;
                  top: 0;
                  height: 96px;
                  /* width: 150px; */
                  background-color: #fff;
                  font-size: 0;
                  margin-right: 0;
                  white-space: nowrap;
                  overflow: hidden;
                }

                .head .rsan .hi3 .sub {
                  width: 30px;
                  height: 30px;
                  background-repeat: no-repeat;
                  background-image: url('../img/hi3.png');
                  margin-right: 0;
                  border: none;
                  background-color: transparent;
                  color: transparent;
                  cursor: pointer;

                }

                .head .rsan .hi3:hover .tex {
                  width: 120px;
                }

                .head .rsan .hi3 .tex {
                  border: none;
                  font-size: 16px;
                  width: 120px;
                  border-bottom: 1px solid #696969;
                  vertical-align: middle;
                  width: 0;
                  transition: 0.5s;

                }

                .rsan {
                  position: relative;
                  padding-right: 30px;
                  box-sizing: border-box;
                }

                .head .ul {
                  float: right;
                }

                .head .ul li {
                  display: inline-block;
                  margin-right: 40px;
                  height: 100px;
                }

                .head .ul li>a {
                  font-size: 16px;
                  color: #333;
                  position: relative;
                  height: 100px;
                  /* transition: 0.5s; */
                }

                .head .ul li a::after {
                  content: '';
                  display: block;
                  bottom: 0;
                  left: 50%;
                  transform: translateX(-50%);
                  width: 0%;
                  transition: 0.5s;
                  border-top: 2px solid #0066cc;
                  position: absolute;
                }

                .head .ul li:hover a:after {
                  width: 100%;
                }

                .head .ul li.act a:after {
                  width: 100%;
                }

                .head .ul li.act>a {
                  color: #0066cc;
                }
                .head .ul li:hover>a{
                  color: #0066cc;
                }
                .wel-tit .en {
                  font-size: 80px;
                  color: #0066cc;
                  position: absolute;
                  left: 50%;
                  top: 50%;
                  transform: translate(-50%, -50%);
                  font-family: 'BEBAS';
                  opacity: 0.08;
                  z-index: 1;
                  white-space: nowrap;
                }

                .wel-tit {
                  text-align: center;
                  position: relative;
                  height: 80px;
                  margin-top: 60px;
                  margin-bottom: 30px;
                }

                .wel-tit .cn {
                  font-size: 36px;
                  color: #333;
                  text-align: center;
                  position: relative;
                  z-index: 2;
                  width: 100%;
                  position: absolute;
                  left: 50%;
                  top: 50%;
                  transform: translate(-50%, -50%);
                }

                .wel-tit .cn:after {
                  content: '';
                  display: inline-block;
                  vertical-align: middle;
                  width: 15px;
                  border-top: 1px solid #959595;
                  margin-left: 35px;
                }

                .wel-tit .cn:before {
                  content: '';
                  display: inline-block;
                  vertical-align: middle;
                  width: 15px;
                  border-top: 1px solid #959595;
                  margin-right: 35px;
                }

                .wel-four {
                  font-size: 0;
                  margin-top: 40px;
                  margin-bottom: 55px;

                }

                .wel-four .wf {
                  display: inline-block;
                  vertical-align: middle;
                  width: 24%;
                  margin-right: 1%;
                  background-color: #f5f5f5;
                  font-size: 18px;
                  color: #333;
                  padding: 20px;
                  box-sizing: border-box;
                  position: relative;
                  transition: 0.5s;
                  background-image: url('../img/w9.png');
                  background-size: cover;
                }

                .wel-four .wf:nth-child(4) {
                  margin-right: 0;
                }

                .wel-four .wf .icon {
                  width: 17px;
                  height: 17px;
                  background-repeat: no-repeat;
                  background-position: center;
                  background-image: url('../img/w6.png');
                  transition: 0.5s;
                  margin-top: 25px;
                }

                .wel-four .wf .bg {
                  position: absolute;
                  top: 50%;
                  transform: translateY(-50%);
                  /* bottom: 0; */
                  right: 0;
                  max-height: 100%;
                }

                .wel-four .wf:hover {
                  background-image: url('../img/w8.png');

                }

                .wel-four .wf:hover p {
                  color: #fff;
                }

                .wel-four .wf:hover .icon {
                  background-image: url('../img/w7.png');
                }

                .wel-four .wf p {
                  transition: 0.5s;
                }

                .wel-about {
                  background-image: url('../img/w10.png');
                  /* background-size: cover; */
                  background-size: 100% 100%;
                  background-repeat: no-repeat;
                  background-position: top center;
                }

                .wel-about {
                  overflow: hidden;
                  padding-bottom: 100px;
                }

                .wel-about .swi {
                  /* margin-bottom: 140px; */
                }

                .wel-about .swi .pic {
                  /* display: none; */
                  position: absolute;
                  top: 5%;
                }

                .wel-about .swi .font {
                  margin-left: 6.4%;
                  background-color: #fff;
                  padding-left: 64%;
                  box-sizing: border-box;
                  padding-bottom: 36.6%;
                  box-shadow: 1px 1px 10px #ccc;
                  line-height: 1.8;
                }

                .wel-about .swi .font .ti {
                  font-size: 24px;
                  line-height: 1.5;
                  color: #0066cc;
                }

                .wel-about .swi .font .ti:after {
                  content: '';
                  display: block;
                  width: 105px;
                  border-top: 1px solid #cccccc;
                  margin-top: 20px;
                  margin-bottom: 35px;
                }

                .wel-about .swi .font .zi {
                  position: absolute;
                  top: 9%;
                  right: 0;
                  /* transform: translateY(-50%); */
                  width: 34.5%;
                  padding: 0 1.5%;
                  box-sizing: border-box;
                }

                .wel-about .swi .swiper-slide {
                  padding-bottom: 3%;
                }

                .de {
                  font-size: 16px;
                  color: #666;
                }

                .wel-about .swiper-container {
                  padding: 10px;
                  box-sizing: border-box;
                }

                .wel-about .pic {
                  width: 63.5%;
                }

                .wel-about .swi .font .zi .btn {
                  font-size: 14px;
                  color: #fff;
                  width: 160px;
                  height: 40px;
                  line-height: 40px;
                  background-color: #0066cc;
                  border-radius: 20px;
                  text-align: center;
                  margin-top: 35px;
                }

                .wel-about .swi .font .zi .btn span {
                  margin-left: 5px;
                  vertical-align: middle;
                  position: relative;
                  top: -2px;
                  transition: 0.5s;
                  left: 0;
                }

                .wel-about .swi .font .zi .btn:hover span {
                  left: 5px
                }

                .wel-about .swiper-button-next,
                .wel-about .swiper-button-prev {
                  bottom: 22%;
                  top: auto;
                  margin: 0;
                  width: 21px;
                  height: 16px;
                  background-size: 21px 16px;
                  transition: 0.5s;
                }

                .wel-about .swiper-button-prev {
                  right: 32%;
                  left: auto;
                  background-image: url('../img/wl.png');
                }

                .wel-about .swiper-button-prev:hover {
                  background-image: url('../img/wll.png');
                }

                .wel-about .swiper-button-next:hover {
                  background-image: url('../img/wrr.png');
                }

                .wel-about .swiper-button-next {
                  right: 25%;
                  left: auto;
                  background-image: url('../img/wr.png');
                }

                .wel-about .swiper-pagination-fraction {
                  width: auto;
                  bottom: 21%;
                  left: auto;
                  right: 28%;
                  font-size: 16px;
                  color: #999;
                }

                .wel-about .swiper-pagination-current {
                  font-size: 24px;
                  color: #0066cc;
                }

                .icbox {
                  font-size: 0;
                  background-color: #f7f8fa;
                  overflow: hidden;

                }

                .icbox .content {
                  display: flex;
                  height: 200px;
                  justify-content: space-around;
                  align-items: center;
                }

                .icbox .ib {
                  /* display: inline-block; */
                  width: 18%;
                  /* margin: 0 1%; */
                  transition: 0.5s;
                  height: 200px;
                  justify-content: center;
                  align-items: center;
                  display: flex;
                  flex-direction: column;
                  cursor: pointer;
                  overflow: hidden;
                }

                .icbox p {
                  font-size: 16px;
                  color: #666;
                  text-align: center;
                }

                .icbox .icon {
                  height: 45px;
                  position: relative;
                  margin-bottom: 10px;
                  width: 100%;
                  /* background-position: center;
                  background-repeat: no-repeat; */

                }

                .icbox .ib p {
                  width: 100%;
                  font-size: 16px;
                  transition: 0.5s;
                }

                .icbox .icon img {
                  transition: 0.5s;
                }

                .icbox .icon .after {
                  opacity: 0;
                }


                .icbox .ib:nth-child(3) .icon img {
                  width: 40px;
                }

                .icbox .ib .er {
                  position: relative;
                  top: 100px;
                  height: 0;
                  transition: 0.5s;
                  opacity: 0;
                }

                .icbox .ib.act .er {
                  top: 0;
                  height: 24px;
                  color: #fff;
                  opacity: 1;
                }

                .icbox .ib.act {
                  background-color: #0066cc;
                }

                .icbox .ib.act .after {
                  opacity: 1;
                }

                .icbox .ib.act .before {
                  opacity: 0;
                }

                .icbox .ib.act .ti {
                  color: #fff;
                  font-size: 22px;
                  margin-bottom: 10px;

                }

                /* .icbox .ib:nth-child(1) .icon {
                  background-image: url('../img/w12.png');
                }
                .icbox .ib:nth-child(2) .icon {
                  background-image: url('../img/w12.png');
                }

                .icbox .ib:nth-child(4) .icon {
                  background-image: url('../img/w12.png');
                }
                .icbox .ib:nth-child(5) .icon {
                  background-image: url('../img/w12.png');
                } */

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

                .news-box a {
                  display: inline-block;
                  vertical-align: top;
                  width: 32%;
                  margin-right: 2%;
                  /* box-shadow: 1px 1px 10px #ccc; */
                  border: 1px solid #dedede;
                  box-sizing: border-box;
                  transition: 0.5s;
                  overflow: hidden;
                  border-top: none;
                }

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

                .news-box a .font {
                  padding: 6%;
                  box-sizing: border-box;
                }

                .news-box a .font .ti {
                  font-size: 18px;
                  color: #333;
                  /* border-bottom: 1px solid #dedede; */
                  /* padding-bottom: 10px; */
                  /* margin-bottom: 10px; */
                  box-sizing: border-box;
                  margin-bottom: 20px;
                  height: 55px;
                  overflow: hidden;
                  position: relative;
                }

                .news-box a .font .de {
                  font-size: 14px;
                  color: #666;
                  height: 42px;
                  overflow: hidden;
                  border-top: 1px solid #dedede;
                  padding-top: 10px;
                }

                .news-box a .bpic {
                  position: relative;
                  /* overflow: hidden; */
                }

                .news-box a .time {
                  width: 70px;
                  height: 70px;
                  background-color: #f9f9f9;
                  transition: 0.5s;
                  position: absolute;
                  right: 8%;
                  bottom: -7%;
                  transition: 0.5s;
                  text-align: center;
                }

                .news-box a .time .day {
                  font-size: 30px;
                  transition: 0.5s;
                  color: #0066cc;
                }

                .news-box a .time .year {
                  color: #0066cc;
                  transition: 0.5s;
                  font-size: 14px;
                }

                .pic {
                  overflow: hidden;
                }

                .news-box a:hover {
                  box-shadow: 1px 1px 10px #ccc;
                }

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

                .news-box a .pic img {
                  transition: 0.5s;
                }

                .news-box a:hover .time {
                  background-color: #0066cc;
                }

                .news-box a:hover .year {
                  color: #fff;
                }

                .news-box a:hover .day {
                  color: #fff;
                }

                .wel-n .btn {
                  font-size: 14px;
                  color: #fff;
                  width: 160px;
                  height: 40px;
                  line-height: 40px;
                  background-color: #0066cc;
                  border-radius: 20px;
                  text-align: center;
                  margin: auto;
                  margin-top: 50px;
                  display: block;
                  margin-bottom: 40px;
                }

                .wel-n .btn span {
                  margin-left: 5px;
                  vertical-align: middle;
                  position: relative;
                  top: -2px;
                  transition: 0.5s;
                  left: 0;
                }

                .wel-n .btn:hover span {
                  left: 5px
                }

                .footer {
                  background-color: #f2f2f2;
                  padding-top: 40px;
                }

                .footer .content {
                  font-size: 0;
                }

                .footer .content .logo {
                  display: inline-block;
                  vertical-align: top;
                }

                .footer .content .add {
                  width: 22.85%;
                  display: inline-block;
                  vertical-align: top;
                  margin-left: 9%;
                }

                .footer .ti {
                  font-size: 14px;
                  color: #666;
                  margin-bottom: 25px;
                  font-weight: bold;
                }

                .footer .content .add .de p {
                  font-size: 12px;
                  color: #666;
                  margin-bottom: 15px;
                }

                .footer .content .link {
                  display: inline-block;
                  vertical-align: top;
                  margin-left: 7%;
                }

                .footer .content .link a {
                  font-size: 12px;
                  color: #666;
                  margin-bottom: 15px;
                  display: block;
                }

                .footer .ewm {
                  display: inline-block;
                  vertical-align: top;
                  margin-left: 11%;
                }

                .footer .ewm p {
                  font-size: 12px;
                  color: #666;
                  margin-top: 15px;
                }

                .footer .bdsharebuttonbox {
                  float: right;

                }

                .footer .bdsharebuttonbox a {
                  width: 28px;
                  height: 28px;
                  padding: 0;
                  margin: 0;
                  background-size: 28px 28px;
                  background-position: center;
                  margin-left: 10px;
                }

                .footer .bdsharebuttonbox a.popup_sqq {
                  background-image: url('../img/f1.png');
                }

                .footer .bdsharebuttonbox a.bds_weixin {
                  background-image: url('../img/f2.png');
                }

                .footer .bdsharebuttonbox a.fi3 {
                  background-image: url('../img/f3.png');
                }

                .footer .bdsharebuttonbox a.fi4 {
                  background-image: url('../img/f4.png');
                }

                .footer .top {
                  padding-bottom: 45px;
                }

                .footer .last {
                  background-color: #d9d9d9;
                  font-size: 12px;
                  color: #999;
                  padding: 8px 0;
                  box-sizing: border-box;
                }

                .footer .last .content div {
                  font-size: 12px;
                  color: #999;
                }

                .banimg {
                  position: absolute;
                  top: 0;
                  left: 0;
                  width: 100%;
                }

                .ban {
                  padding-bottom: 41.7%;
                }

                .dede {
                  margin-top: 41.7%;
                }

                .ban .swiper-slide img {
                  width: 100%;
                }

                .tit1 {
                  margin-bottom: 50px;
                  margin-top: 50px;
                }

                .tit1 .ti {
                  font-size: 36px;
                  color: #333;
                  text-align: center;
                  display: flex;
                  justify-content: center;
                  align-items: center;
                  width: 100%;
                }

                .tit1 .de {
                  display: flex;
                  justify-content: center;
                  align-items: center;
                  width: 100%;
                  font-size: 14px;
                  color: #999999;
                }

                .about .top .ti {
                  font-size: 18px;
                  color: #666;
                  margin-bottom: 5px;
                }

                .about .top .titi {
                  font-size: 30px;
                  color: #333;
                }

                .about .top {
                  border-bottom: 1px solid #eeeeee;
                  padding-bottom: 35px;
                  margin-bottom: 30px;
                }

                .about .de p {
                  text-indent: 2em;
                  line-height: 1.8;
                }

                .about .img .pic {
                  width: 60%;
                  display: inline-block;
                  vertical-align: middle;
                }

                .about .img {
                  margin: 15px 0;
                  font-size: 0;
                }

                .about .img-ti {
                  font-size: 30px;
                  color: #646464;
                  position: relative;
                }

                .about .img-ti:before {
                  content: '';
                  display: block;
                  width: 40px;
                  border-top: 5px solid #4c4c4c;
                  position: absolute;
                  left: -50px;
                  top: 50%;
                  transform: translateY(-50%);
                }

                .about .img .font {
                  width: 40%;
                  display: inline-block;
                  vertical-align: middle;
                  padding-left: 30px;
                  box-sizing: border-box;
                }

                .about .img .font .img-tit {
                  font-size: 50px;
                  color: #626262;
                  padding-left: 45px;
                  box-sizing: border-box;
                }

                .about .img .font .img-titt {
                  font-size: 16px;
                  color: #666;

                }

                .about .t2 {
                  margin-top: 70px;
                }

                .aicbox {
                  font-size: 0;
                  border-bottom: 1px solid #eeeeee;
                }

                .aicbox .aib {
                  display: inline-block;
                  vertical-align: top;
                  width: 20%;
                  background-image: url('../img/abg.jpg');
                  background-repeat: no-repeat;
                  background-position: center;
                  border: 1px solid #dddddd;
                  padding-bottom: 20%;
                  margin-bottom: 60px;
                  box-sizing: border-box;
                  border-right: none;
                  position: relative;
                  cursor: pointer;
                  transition: 0.5s;
                }

                .aicbox .aib:nth-child(6) {
                  border-right: 1px solid #dddddd;
                }

                .aicbox .tit {
                  font-size: 18px;
                  color: #666;
                  margin-bottom: 45px;
                  margin-top: 40px;
                }

                .aicbox .aib .icon {
                  height: 46px;
                  display: flex;
                  justify-content: center;
                  align-items: center;
                  position: relative;
                  top: 0;
                  transition: 0.5s;
                }

                .aicbox .aib.act .icon {
                  top: -10px;
                }

                .aicbox .aib p {
                  font-size: 20px;
                  color: #333;
                  margin-top: 25px;
                  position: relative;
                  top: 0;
                  transition: 0.5s;
                }

                .aicbox .aib.act p {
                  top: -10px;
                }

                .aicbox .aib .cover {
                  position: absolute;
                  top: 0;
                  left: 0;
                  width: 100%;
                  height: 100%;
                  /* opacity: 1; */
                  text-align: center;
                }

                .aicbox .aib.act {
                  background-image: url('../img/abgh.jpg');
                }

                .aicbox .aib .center {
                  transition: 0.5s;
                }

                .aicbox .aib.act .center {
                  opacity: 0;
                }

                .aicbox .aib.act .cover {
                  opacity: 1;
                  display: flex;
                  justify-content: center;
                  align-items: center;
                  flex-direction: column;
                }

                .aicbox .aib .cover .ti {
                  font-size: 20px;
                  color: #fff;
                  position: relative;
                  top: 10px;
                  opacity: 0;
                  transition: 0.5s;
                }

                .aicbox .aib.act .cover .ti {
                  opacity: 1;
                  top: 0;
                }

                .aicbox .aib .cover .de {
                  font-size: 18px;
                  color: #fff;
                  top: 10px;
                  opacity: 0;
                  transition: 0.5s;
                  position: relative;
                }

                .aicbox .aib.act .cover .de {
                  opacity: 1;
                  top: 0;
                }

                .aicbox .aib .cover .icon {
                  margin-top: 12%;
                  margin-bottom: 16%;
                  opacity: 0;
                  transition: 0.5s;
                  position: relative;
                  top: 10px;
                }

                .aicbox .aib.act .cover .icon {
                  opacity: 1;
                  top: 0;
                }

                .aicbox .aib .cover .ti:after {
                  content: '';
                  display: block;
                  background-image: url('../img/ar.png');
                  background-repeat: no-repeat;
                  background-position: center;
                  width: 30px;
                  /* margin-left: 5px; */
                  height: 1px;
                  position: absolute;
                  right: -38px;
                  top: 50%;
                  transform: translateY(-50%);
                }

                .aicbox .aib .cover .ti:before {
                  content: '';
                  display: block;
                  background-image: url('../img/al.png');
                  background-repeat: no-repeat;
                  background-position: center;
                  width: 30px;
                  /* margin-left: 5px; */
                  height: 1px;
                  position: absolute;
                  left: -38px;
                  top: 50%;
                  transform: translateY(-50%);
                }

                .cover {
                  opacity: 0;
                }

                .about .swi .tit {
                  font-size: 18px;
                  color: #666;
                  margin-top: 35px;
                  margin-bottom: 50px;
                }

                .about .swi .swiper-slide {
                  box-shadow: 1px 1px 10px #ccc;
                  padding: 0 15px;
                  box-sizing: border-box;
                  padding-top: 4%;
                  transition: 0.5s;
                  cursor: pointer;
                }

                .about .swi .swiper-slide:hover {
                  background-color: #0066cc;
                }

                .about .swi .swiper-slide:hover .year {
                  color: #fff;
                }

                .about .swi .swiper-slide .de {
                  transition: 0.5s;
                }

                .about .swi .swiper-slide:hover .de {
                  color: #fff;
                }

                .about .swi .swib {
                  position: relative;
                  padding: 0 10%;
                  box-sizing: border-box;
                }

                .about .swi .swiper-slide .year {
                  font-size: 30px;
                  color: #0066cc;
                  font-family: 'BEBAS';
                  border-bottom: 1px solid #dbdbdb;
                  padding-bottom: 15px;
                  margin-bottom: 15px;
                  transition: 0.5s;
                }

                .about .swiper-container {
                  padding: 10px;
                  box-sizing: border-box;
                  min-height: 300px;
                }

                .about .swiper-container .swiper-slide {
                  min-height: 300px
                }

                .about .swi .swiper-button-next,
                .about .swi .swiper-button-prev {
                  width: 50px;
                  height: 50px;
                  margin: 0;
                  transform: translateY(-50%);
                  transition: 0.5s;
                  background-color: #dcdcdc;
                  border-radius: 50%;
                  background-size: 21px 13px;
                }

                .about .swi .swiper-button-next:hover,
                .about .swi .swiper-button-prev:hover {
                  background-color: #0066cc;
                }

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

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

                .about .swi {
                  margin-bottom: 120px;
                }

                .tit2 .left {
                  font-size: 22px;
                  color: #333;
                }

                .tit2 .left span {
                  font-size: 16px;
                  color: #666;
                }

                .tit2 {
                  margin: 50px 0;
                }

                .tit2 .right {
                  font-size: 0;
                }

                .tit2 .right a {
                  padding: 0 20px;
                  font-size: 16px;
                  color: #666;
                  line-height: 40px;
                  position: relative;
                  margin-left: 20px;
                  transition: 0.5s;
                }

                .tit2 .right a.act {
                  color: #fff;
                  background-color: #0066cc;
                }

                .tit2 .right a:hover {
                  color: #fff;
                  background-color: #0066cc;
                }

                .tit2 .right a:nth-child(1):before {
                  display: none;
                }

                .tit2 .right a:before {
                  content: '';
                  display: inline-block;
                  border-right: 1px solid #cccccc;
                  height: 10px;
                  position: absolute;
                  left: -10px;
                  top: 50%;
                  transform: translateY(-50%);
                }

                .newsa a .font {
                  width: -moz-calc(100% - 315px);
                  width: -webkit-calc(100% - 315px);
                  width: calc(100% - 315px);
                  display: inline-block;
                  vertical-align: top;
                  padding-left: 3.5%;
                  box-sizing: border-box;
                  padding-top: 10px;
                }

                .newsa a {
                  display: block;
                  padding: 20px 0;
                  box-sizing: border-box;
                  border-bottom: 1px solid #f1f1f1;
                  font-size: 0
                }

                .newsa a .de {
                  overflow: hidden;
                  text-overflow: ellipsis;
                  white-space: nowrap;
                }

                .newsa a .pic {
                  width: 315px;
                  display: inline-block;
                  vertical-align: top;
                }

                .newsa a .ti {
                  font-size: 18px;
                  color: #666;
                  overflow: hidden;
                  text-overflow: ellipsis;
                  white-space: nowrap;
                  padding-right: 80px;
                  box-sizing: border-box;
                  position: relative;
                  margin-bottom: 20px;

                }

                .newsa a .ti span {
                  position: absolute;
                  right: 0;

                  font-size: 14px;
                  color: #999;
                  vertical-align: bottom
                }

                .newsa a .ti {
                  overflow: hidden;
                  text-overflow: ellipsis;
                  white-space: nowrap;
                  transition: 0.5s;
                }

                .newsa a .btnb {
                  text-align: right;
                }

                .newsa a .btnb .btn {
                  display: inline-block;
                  width: 105px;
                  height: 40px;
                  line-height: 40px;
                  text-align: center;
                  font-size: 14px;
                  color: #999;
                  border: 1px solid #999;
                  box-sizing: border-box;
                  margin-top: 28px;
                  transition: 0.5s;
                }

                .newsa a:hover .btnb .btn {
                  background-color: #0066cc;
                  border: 1px solid #0066cc;
                  color: #fff;
                }

                /* .newsa a .btnb .btn span {
                  left: 0;
                  position: relative;
                  transition: 0.5s;
                }
                .newsa a:hover .btnb .btn span {
                  left: 10px;
                } */

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

                .newsa a:hover .ti {
                  color: #0066cc;
                }

                .pic img {
                  transition: 0.5s;
                }

                .pagination {
                  background-color: #f1f1f1;
                  margin-top: 80px;
                  text-align: center;
                  padding: 12px 0;
                  box-sizing: border-box;
                }

                .pagination a {
                  width: 35px;
                  height: 35px;
                  line-height: 35px;
                  text-align: center;
                  font-size: 14px;
                  color: #666;
                  transition: 0.5s;
                }

                .pagination a.active {
                  background-color: #0066cc;
                  color: #fff;
                }

                .pagination a:hover {
                  background-color: #0066cc;
                  color: #fff;
                }

                .news {
                  margin-bottom: 100px;
                }

                .pagination .prev,
                .pagination .next {
                  width: 110px;
                  background-repeat: no-repeat;
                }

                .pagination .prev:hover,
                .pagination .next:hover {
                  background-color: transparent;
                  color: #0066cc;

                }

                .pagination .prev {
                  float: left;
                  background-image: url('../img/pl.png');
                  background-position: 30px center;
                  text-align: right;
                }

                .pagination .prev:hover {
                  background-image: url('../img/pll.png');
                }

                .pagination .next {
                  float: right;
                  text-align: left;
                  background-image: url('../img/pr.png');
                  background-position: 70px center;
                }

                .pagination .next:hover {
                  background-image: url('../img/prr.png');
                }

                .info_box {}

                .info_box .title_div {
                  font-size: 14px;
                  color: #999;
                  text-align: center;
                  /* border-bottom: 1px solid #e6e6e6; */
                  padding-bottom: 20px;
                  margin-bottom: 30px;
                }

                .info_box .title_div h3 {
                  font-size: 24px;
                  /* line-height: 1.2; */
                  color: #333;
                  margin-bottom: 24px;
                }

                .info_box .title_div strong {
                  font-weight: normal;
                  display: inline-block;
                  line-height: 18px;
                  height: 18px;
                  border-right: 1px solid #999;
                  padding-right: 20px;
                  margin-right: 18px;
                }

                .info_box .title_div span {
                  display: inline-block;
                  line-height: 18px;
                  height: 18px;
                  margin-right: 18px;
                }

                .info_box .title_div em {
                  display: inline-block;
                  line-height: 18px;
                  height: 18px;
                  background: url(../img/tb16.png) no-repeat left center;
                  padding-left: 20px;
                  vertical-align: top;
                }

                .info_box .title_div em a {
                  background-image: none;
                  padding-left: 0;
                  font-size: 14px;
                  color: #999;
                  margin: 0;
                  line-height: 18px;
                  height: 18px;
                }

                .info_box .content_div {}

                .info_box {
                  margin-top: 60px;
                  margin-bottom: 88px;
                }

                .info_box .content_div p {
                  font-size: 18px;
                  color: #333;
                  line-height: 30px;
                  /* margin-bottom: 30px; */
                }

                .info_box .content_div p img {
                  margin: 0 auto;
                  display: block;
                  width: auto;
                  height: auto;
                  max-width: 100%;
                }

                .info_box .page_div {
                  height: 50px;
                  background: #f2f2f2;
                  padding: 0 20px;
                  line-height: 50px;
                  position: relative;
                  margin-top: 60px;
                }

                .info_box .page_div a {
                  font-size: 16px;
                  color: #999;
                  transition: 0.5s ease;
                  -webkit-transition: 0.5s ease;
                }

                .info_box .page_div a.return_a {
                  position: absolute;
                  color: #0066cc;
                  top: 0;
                  left: 50%;
                  transform: translateX(-50%);
                }

                .info_box .page_div a.previous_a {
                  float: left;
                  max-width: calc(50% - 100px);
                  white-space: nowrap;
                  text-overflow: ellipsis;
                  overflow: hidden;
                }

                .info_box .page_div a.next_a {
                  float: right;
                  max-width: calc(50% - 100px);
                  white-space: nowrap;
                  text-overflow: ellipsis;
                  overflow: hidden;
                }

                .info_box .page_div a:hover {
                  color: #0066cc;
                }

                .ban.no .font {
                  background-color: transparent;
                }

                .contact {
                  margin-top: 60px;
                  margin-bottom: 88px;
                }

                .anchorBL {
                  display: none;
                }

                .contact {
                  font-size: 0;
                }

                .contact .form {
                  width: 38.6%;
                  display: inline-block;
                  vertical-align: top;
                  padding-left: 5.5%;
                  box-sizing: border-box;
                  padding-top: 10px;
                }

                .contact .form .ti {
                  font-size: 24px;
                  color: #333;
                  margin-bottom: 30px;
                }

                .contact .form .ti.ti2 {
                  margin-top: 45px;
                }

                .contact .form .ti span {
                  font-size: 20px;
                }

                .contact .map {
                  width: 61.4%;
                  display: inline-block;
                  vertical-align: top;
                  height: 630px;
                }

                .map {
                  box-shadow: 1px 1px 20px #eee;
                }

                .contact .four {
                  font-size: 0;
                }

                .contact .four div {
                  width: 50%;
                  display: inline-block;
                  vertical-align: top;
                  margin-bottom: 15px;
                }

                .contact .p1 {
                  font-size: 16px;
                  color: #333;
                  margin-bottom: 5px;
                }

                .contact .p2 {
                  font-size: 14px;
                  color: #666666;
                  white-space: nowrap;
                }

                .contact .two {
                  width: 48%;
                  margin-right: 4%;
                  display: inline-block;
                  vertical-align: top;
                  border-bottom: 1px solid #dddddd;
                  box-sizing: border-box;
                  line-height: 30px;
                  margin-bottom: 20px;
                }

                .contact .one {
                  width: 100%;
                  /* margin-right: 4%; */
                  display: inline-block;
                  vertical-align: top;
                  border-bottom: 1px solid #dddddd;
                  box-sizing: border-box;
                  line-height: 30px;
                  margin-bottom: 20px;

                }

                .contact .formb input {
                  font-size: 16px;
                  border: none;
                  width: 100%;
                }

                .contact .two:nth-child(2) {
                  margin-right: 0;
                }

                .contact formb {
                  font-size: 0;

                }

                .formb {
                  display: block;
                }

                .contact .formb .sub {
                  width: 105px;
                  height: 35px;
                  line-height: 35px;
                  text-align: center;
                  background-color: #0066cc;
                  color: #fff;
                  font-size: 16px;
                  border-radius: 3px;
                  margin-top: 40px;
                  cursor: pointer;
                  background-image: none;
                }

                .contact {}

                .honbox {
                  font-size: 0;
                  /* margin-bottom: 80px; */
                }

                .honour {
                  margin-bottom: 80px;

                }

                .honb {
                  width: 17.5%;
                  margin-right: 3%;
                  display: inline-block;
                  vertical-align: middle;
                  box-shadow: 1px 1px 10px #ccc;
                  /* min-height: 300px; */
                  margin-bottom: 50px;
                  position: relative;
                }

                .honb:nth-child(5n) {
                  margin-right: 0;
                }

                .honb:hover .pic img {
                  transform: scale(1.1);

                }

                .honb .bg {
                  opacity: 0;
                }

                .honb .pic {
                  overflow: inherit;
                  position: relative;
                }

                .honb .font {
                  font-size: 16px;
                  border: 1px solid #0066cc;
                  box-sizing: border-box;
                  position: absolute;
                  bottom: 0;
                  left: 50%;
                  transform: translate(-50%, 0%);
                  width: 100%;
                  /* transform: translateY(0%); */
                  background-color: #fff;
                  /* line-height: 45px; */
                  padding: 10px 0;
                  z-index: 9;
                  color: #0066cc;
                  text-align: center;
                  opacity: 0;
                  transition: 0.5s;

                }

                .honb:hover .font {
                  opacity: 1;
                  width: 110%;
                  transform: translate(-50%, 100%);
                }

                .honour .pagination {
                  margin-top: 20px;
                }

                .tal .right {
                  margin-left: 50px;
                  margin-bottom: 30px;
                }

                .tal .de p {
                  margin-bottom: 35px;
                }

                .talent {
                  margin-bottom: 80px;
                }

                .feedback_box .recruit_dl {
                  margin-top: 10px;

                }

                .feedback_box .padd {
                  padding: 0 3.5%;
                  box-sizing: border-box;
                }

                .feedback_box .recruit_dl dt {
                  height: 50px;
                  line-height: 50px;
                  background: #b4b4b4;
                  text-align: center;
                  padding: 0 7%;
                }

                .feedback_box .recruit_dl dt span {
                  float: left;
                  width: 24%;
                  font-size: 18px;
                  color: #fff;
                }

                .feedback_box {
                  margin-bottom: 120px;
                }

                .feedback_box .recruit_dl dt span:first-of-type {
                  text-align: left;
                  width: 14%;
                }

                .feedback_box .recruit_dl dt span:last-of-type {
                  text-align: right;
                  width: 14%;
                }

                .feedback_box .recruit_dl dd {
                  /* border: 1px solid #ccc; */

                  border-top: none;
                }

                .feedback_box .recruit_dl dd .top_div {
                  font-size: 0;
                  color: #333;
                  height: 50px;
                  line-height: 50px;
                  text-align: center;
                  padding: 0 4%;
                  cursor: pointer;
                  border-bottom: 1px solid #e8e8e8;
                }

                .feedback_box .recruit_dl dd .top_div span {
                  display: inline-block;
                  font-size: 14px;
                  width: 24%;
                }

                .feedback_box .recruit_dl dd .top_div span:first-of-type {
                  text-align: left;
                  width: 14%;
                }

                .feedback_box .recruit_dl dd .top_div i {
                  display: inline-block;
                  font-size: 14px;
                  text-align: right;
                  width: 14%;
                  color: #333;
                }

                .feedback_box .recruit_dl dd .active_div i::after {
                  -webkit-transform: rotate(-180deg);
                  transform: rotate(-180deg);
                }

                .feedback_box .recruit_dl dd .bottom_div {
                  font-size: 0;
                  display: none;
                  color: #666;
                  /* margin: 0 20px; */
                  /* margin: 10px 34px 20px; */
                  background-color: #f0f0f0;
                  padding: 25px 4%;
                  margin-bottom: 30px;
                  padding-bottom: 50px;
                }

                .feedback_box .recruit_dl dd .bottom_div .le {
                  display: inline-block;
                  vertical-align: top;
                  width: 50%;
                }

                .feedback_box .recruit_dl dd .bottom_div .ri {
                  display: inline-block;
                  vertical-align: top;
                  width: 50%;
                }

                .feedback_box .recruit_dl dd .top_div.active_div i {
                  color: #0066cc;
                }

                .feedback_box .recruit_dl dd .bottom_div strong {
                  display: block;
                  font-size: 16px;
                  color: #666;
                  font-weight: normal;
                  margin-bottom: 12px;
                }

                .feedback_box .recruit_dl dd .bottom_div p {
                  /* display: inline-block; */
                  font-size: 14px;
                  color: #333;
                  line-height: 2;
                  /* vertical-align: top; */
                  /* width: 48%;
                  margin-right: 4%; */
                }

                .feedback_box .recruit_dl dd .bottom_div p.ti {
                  font-size: 16px;
                }

                .feedback_box .recruit_dl dd .bottom_div p:nth-of-type(2n+2) {
                  margin-right: 0;
                }

                .feedback_box .recruit_dl dd .bottom_div .jlsc_span {
                  display: block;
                  margin-top: 20px;
                  font-size: 16px;
                  background: #fff;
                  background-color: #0075c1;
                  color: #fff;
                  width: 110px;
                  height: 35px;
                  text-align: center;
                  line-height: 35px;
                  cursor: pointer;
                  transition: 0.5s;
                  -webkit-transition: 0.5s;
                }

                .feedback_box .recruit_dl dd .bottom_div .top div {
                  margin-right: 6%;
                  display: inline-block;
                  font-size: 14px;
                  color: #333;

                }

                .feedback_box .recruit_dl dd .bottom_div .top {
                  margin-bottom: 40px;
                }

                .form {
                  font-size: 0;
                }

                .form .sub {
                  width: 115px;
                  height: 55px;
                  background-color: #0066cc;
                  border: none;
                  color: transparent;
                  box-sizing: border-box;
                  cursor: pointer;
                  background-image: url('../img/j1.png');
                  background-repeat: no-repeat;
                  background-position: center;
                  float: right;
                }

                .formbox {
                  display: inline-block;
                  vertical-align: middle;
                }

                .formbox {
                  width: -moz-calc(100% - 130px);
                  width: -webkit-calc(100% - 130px);
                  width: calc(100% - 130px);
                  font-size: 0;
                }

                .join .link {
                  margin-bottom: 40px;
                  margin-top: 90px;
                }

                .formbox .fb {
                  width: 32%;
                  margin-right: 1%;
                  height: 55px;
                  line-height: 55px;
                  font-size: 14px;
                  color: #333;
                  border: none;
                  /* background-color: #f9f9f9; */
                  padding: 0 35px;
                  box-sizing: border-box;
                  cursor: pointer;
                }

                .fbse {
                  background-image: url('../img/jbtn.png');
                  background-repeat: no-repeat;
                  background-position: 90% center;
                }

                .form {
                  display: block;
                }

                .pde {
                  margin-top: 0;
                }

                .pro-de {
                  font-size: 0;

                }

                .pro-de .pd-left {
                  width: 50%;
                  display: inline-block;
                  vertical-align: top;
                  position: relative;
                }

                .pro-de .pd-right {
                  width: 50%;
                  display: inline-block;
                  vertical-align: top;
                }

                .pro-de .swiper-container {
                  text-align: center;
                }

                .pro-de .swiper-container img {
                  max-width: 90%;
                }

                .pro-de {
                  margin-top: 60px;
                  margin-bottom: 70px;
                }

                .pro-de .swiper-pagination {
                  width: 100%;
                  position: static;
                  margin-top: 30px;
                  height: 12px;
                }

                .pro-de .swiper-pagination-clickable .swiper-pagination-bullet {
                  width: 8px;
                  height: 8px;
                  margin: 0 10px;
                  vertical-align: middle;
                  transition: 0.5s;
                }

                .pro-de .swiper-pagination-bullet-active {
                  border: 2px solid #0066cc;
                  background-color: transparent;
                }

                .pro-de .pd-right {
                  padding-left: 7.5%;
                  box-sizing: border-box;
                }

                .pro-de .pd-right .ti {
                  font-size: 24px;
                  color: #333;
                  padding-bottom: 15px;
                  border-bottom: 1px solid #ebebeb;
                }

                .pro-de .pd-right .en {
                  font-size: 14px;
                  color: #999999;
                  margin-top: 10px;
                  margin-bottom: 20px;
                }

                .pro-de .pd-right .link a {
                  display: inline-block;
                  border: 1px solid #cccccc;
                  box-sizing: border-box;
                  font-size: 16px;
                  color: #666;
                  border-radius: 20px;
                  line-height: 30px;
                  padding: 0 10px;
                  margin-left: 18px;
                  margin-bottom: 20px;
                  transition: 0.5s;
                }

                .pro-de .pd-right .link a:first-child {
                  margin-left: 0;
                }

                .pro-de .pd-right .link a:hover {
                  background-color: #0066cc;
                  color: #fff;
                  border: 1px solid #0066cc;
                }

                @media screen and (max-width: 1600px) {
                  .ban .font .ti {
                    font-size: 44px;
                  }

                  .head .ul li {
                    margin-right: 30px;
                  }
                }

                @media screen and (max-width: 1400px) {
                  .ban .font .ti {
                    font-size: 40px;
                  }

                  .ban .font .en {
                    font-size: 18px;
                  }
                  .ban .font .ti img{
                    max-width: 70%;
                  }
                }

                @media screen and (max-width: 1200px) {
                  .ban .font .ti {
                    font-size: 36px;
                  }

                  .ban .font .en {
                    font-size: 16px;
                  }
                }

                @media screen and (max-width: 1000px) {
                  .ban .xia {
                    display: none;
                  }

                  .ban .swiper-pagination-bullets {
                    bottom: 10px;
                  }
                }

                @media screen and (max-width: 750px) {
                  .ban .font .ti {
                    font-size: 20px;
                  }

                  .ban .font .en {
                    font-size: 14px;
                    line-height: 1.2;
                  }
                  .ban .font .ti img{
                    max-width: 86%;
                  }
                }

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

                @media screen and (max-width: 1400px) {
                  .content {
                    width: 76%;
                    /* margin: 0 auto; */
                  }
                }

                @media screen and (max-width: 1300px) {
                  .content {
                    width: 80%;
                    /* margin: 0 auto; */
                  }
                }

                @media screen and (max-width: 1220px) {
                  .content {
                    width: 90%;
                    /* margin: 0 auto; */
                  }
                }


                .head .ul li {
                  position: relative;
                }

                .head .ul li .link {
                  /* width: 250px; */
                  background-color: #fff;
                  /* padding: 0 15px; */
                  box-sizing: border-box;
                  position: absolute;
                  left: 50%;
                  transform: translateX(-50%);
                  top: 97px;
                  display: none;
                  border-top: 3px solid #0463df;
                  z-index: 9;
                box-shadow: 1px 1px 10px #ccc;
                }

                .head.act .ul li .link {
                  top: 77px;
                }

                .head .ul li .link>a {
                  display: block;
                  white-space: nowrap;
                  line-height: 50px;
                  font-size: 16px;
                  border-bottom: 1px solid #e5e5e5;
                  padding: 0 25px;
                  box-sizing: border-box;
                  background-color: #fff;
                }
                .head .ul li .link .a{
                  display: block;
                  white-space: nowrap;
                  line-height: 50px;
                  font-size: 16px;
                  border-bottom: 1px solid #e5e5e5;
                  padding: 0 25px;
                  box-sizing: border-box;
                  background-color: #fff;
                  position: relative;
                }
                .head .ul li .link .a .a-link{
                  position: absolute;
                  top: 0px;
                  right: 0;
                  transform: translateX(100%);
                  background-color: #fff;
                  box-shadow: 1px 1px 10px #ccc;
                  display: none;
                  z-index: 9;
                }
                .head .ul li .link .a .a-link a{
                  display: block;
                  border-bottom: 1px solid #eee;
                  padding: 0 10px;

                }
                .head .ul li .link a:after {
                  display: none;
                }

                .head .ul li .link a:hover {
                  color: #0066cc;
                }

                .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; */
                  position: relative;
                }

                .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: #666;
                  margin: 4px 0;
                  opacity: 1;
                  transition: 0.5s;
                  -webkit-transition: 0.5s;
                }

                .head-m .m_ul {
                  display: none;
                  border-top: 1px solid #eee;
                  position: absolute;
                  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;
                }

                .head-m .m_ul>li a {
                  display: block;
                }

                .head-m .m_ul .form-m {
                  padding: 0 4%;
                  box-sizing: border-box;
                  margin-top: 10px;
                  margin-bottom: 20px;
                }

                .head-m .m_ul .form-m .tex {
                  border: none;
                  /* margin-right: 10px; */
                  border-bottom: 1px solid #999;
                  font-size: 16px;
                  background-color: transparent;


                }

                .head-m .m_ul .form-m .sub {
                  border: none;
                  background-color: transparent;
                  width: 25px;
                  height: 25px;
                  background-image: url('../img/hi3.png');
                  background-repeat: no-repeat;
                  background-position: center;
                  background-size: contain;
                  color: transparent;
                  margin-right: 10px;
                }

                @media screen and (max-width: 1080px) {
                  .head-m {
                    display: block;
                    line-height: 1.5;
                  }

                  .head .pc {
                    display: none;
                  }

                  .head.act {
                    height: 60px;
                    line-height: 60px;
                  }

                  .head {
                    height: 60px;
                    line-height: 60px;
                  }

                  .head .logo {
                    width: 110px;
                    margin-left: 3%;
                  }

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

                @media screen and (max-width: 1700px) {
                  .wel-about .swi .font .ti {
                    font-size: 22px;
                  }

                  .wel-about .swiper-pagination-fraction {
                    bottom: 18%;
                  }

                  .wel-about .swiper-button-next,
                  .wel-about .swiper-button-prev {
                    bottom: 19%;
                  }
                }

                @media screen and (max-width: 1600px) {
                  .newsa a .btnb .btn {
                    margin-top: 20px;
                  }

                  .info_box .title_div h3 {
                    font-size: 22px;
                  }

                  .wel-tit .cn {
                    font-size: 32px;
                  }

                  .wel-about .swi .font .ti:after {
                    margin-top: 15px;
                    margin-bottom: 20px;
                  }

                  .wel-tit .en {
                    font-size: 74px;
                  }

                  .wel-four .wf {
                    font-size: 16px;
                  }

                  .wel-about .swi .font .ti {
                    font-size: 20px;
                  }

                  .wel-about .swi .font .zi {
                    padding: 0;
                    padding-right: 1%
                  }

                  .icbox .ib.act .ti {
                    font-size: 18px;
                  }

                  .icbox .ib.act .er {
                    font-size: 14px;
                  }
                }

                @media screen and (max-width: 1500px) {
                  .wel-about .swi .font .zi .btn {
                    margin-top: 25px;
                  }
                }

                @media screen and (max-width: 1400px) {
                  .wel-tit .cn {
                    font-size: 28px;
                  }

                  .info_box .title_div h3 {
                    font-size: 20px;
                  }

                  .icbox .ib.act .ti {
                    margin-bottom: 0;
                  }

                  .wel-about .swiper-pagination-fraction {
                    bottom: 13%;
                  }

                  .wel-about .swiper-button-next,
                  .wel-about .swiper-button-prev {
                    bottom: 15%;
                  }

                  .wel-about .swiper-pagination-fraction {
                    right: 27.5%;
                  }

                  .wel-about .swi .font .zi .btn {
                    width: 120px;
                    line-height: 35px;
                    height: 35px;
                  }

                  .wel-four .wf {
                    padding: 15px;
                  }

                  .wel-tit .en {
                    font-size: 68px;
                  }

                  .wel-tit {
                    margin-top: 45px;
                    margin-bottom: 30px;
                  }

                  .wel-about .swi .font .ti {
                    font-size: 18px;
                  }

                  .wel-about {
                    padding-bottom: 50px;
                  }
                }

                @media screen and (max-width: 1200px) {
                  .wel-tit .cn {
                    font-size: 24px;
                  }

                  .wel-tit .en {
                    font-size: 62px;
                  }

                  .info_box .title_div h3 {
                    font-size: 18px;
                  }

                  .wel-tit {
                    margin-top: 45px;
                    margin-bottom: 30px;
                  }

                }

                @media screen and (max-width: 1100px) {
                  .wel-four .wf {
                    width: 49%;
                    margin-right: 2%;
                    margin-bottom: 20px;
                  }

                  .wel-four .wf:nth-child(2n) {
                    margin-right: 0;
                  }
                }

                .wel-about .swi .font .de {
                  max-height: 84px;
                  overflow: hidden;
                }

                @media screen and (max-width: 1000px) {
                  .wel-about .swi .pic {
                    position: static;
                    text-align: center;
                    width: 100%;
                  }

                  .wel-about .swiper-pagination-fraction {
                    bottom: 7%;
                  }

                  .wel-about .swiper-button-next {
                    right: 4.5%;
                  }

                  .wel-about .swiper-button-prev {
                    right: 14.5%;
                  }

                  .wel-about .swiper-pagination-fraction {
                    right: 8.5%;
                  }

                  .wel-about .swiper-button-next,
                  .wel-about .swiper-button-prev {
                    bottom: 8%;
                  }

                  .wel-about .swi .font .zi {
                    position: static;
                    width: 100%;
                  }

                  .wel-about .swi .font {
                    width: 100%;
                    padding: 20px;
                    margin: 0;

                  }
                }

                @media screen and (max-width: 750px) {
                  .newsa a .pic {
                    width: 100%;
                  }

                  .news {
                    margin-bottom: 60px;
                  }

                  .info_box .content_div p {
                    font-size: 16px;
                  }

                  .info_box .page_div a.next_a,
                  .info_box .page_div a.previous_a {
                    display: none;
                  }

                  .info_box {
                    margin-top: 45px;
                    margin-bottom: 60px;
                  }

                  .info_box .title_div {
                    margin-bottom: 0;
                  }

                  .newsa a .ti {
                    margin-bottom: 10px;
                  }

                  .pagination {
                    margin-top: 45px;
                  }

                  .tit2 {
                    margin-top: 35px;
                    margin-bottom: 20px;
                  }

                  .newsa a .btnb .btn {
                    width: 85px;
                    line-height: 35px;
                    height: 35px;
                  }

                  .tit2 .right a {
                    margin-left: 15px;
                    padding: 0 15px;
                    line-height: 30px;
                  }

                  .tit2 .left {
                    text-align: center;
                    float: none;
                    margin-bottom: 20px;
                  }

                  .tit2 .right {
                    float: none;
                  }

                  .newsa a .font {
                    width: 100%;
                    padding: 10px;
                  }

                  .wel-tit {
                    margin-top: 30px;
                    margin-bottom: 20px;
                  }

                  .news-box a {
                    width: 100%;
                    margin-right: 0;
                    margin-bottom: 10px;
                  }

                  .news-box a .font .ti {
                    font-size: 16px;
                    margin-bottom: 10px;
                  }

                  .wel-n .btn {
                    margin-top: 30px;
                    margin-bottom: 45px;
                  }

                  .wel-about {
                    padding-bottom: 30px;
                  }

                  .wel-tit {
                    height: 60px;
                  }

                  .icbox .ib {
                    width: 100%;
                    height: auto;
                    padding: 15px 0;
                    box-sizing: border-box;
                  }

                  .icbox .ib .er {
                    top: 0;
                    opacity: 1;
                    height: auto;
                  }

                  .icbox .content {
                    display: block;
                    height: auto;
                  }

                  .content {
                    width: 94%;
                    /* margin: 0 auto; */
                  }

                  .wel-tit .en {
                    font-size: 46px;
                  }

                  .wel-four .wf .bg {
                    max-width: 50%;
                  }

                  .wel-four {
                    margin-top: 20px;
                    margin-bottom: 30px;
                  }

                  .wel-about .swiper-button-next {
                    right: 20px;
                  }

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

                  .wel-about .swiper-pagination-fraction {
                    right: 50px;
                  }

                  .icbox .icon {
                    height: 30px;
                  }

                  .icbox .icon img {
                    height: 30px;
                  }

                  .icbox .ib:nth-child(3) .icon img {
                    width: auto;
                  }
                }

                @media screen and (max-width: 1700px) {
                  .footer .content .add {
                    margin-left: 8%;
                  }

                  .footer .content .link {
                    margin-left: 5%;
                  }

                  .footer .ewm {
                    margin-left: 10%;
                  }
                }

                @media screen and (max-width: 1600px) {
                  .footer .content .add {
                    margin-left: 6%;
                  }

                  .footer .content .link {
                    margin-left: 3%;
                  }

                  .footer .ewm {
                    margin-left: 7%;
                  }

                  .tit1 .ti {
                    font-size: 34px;
                  }

                  .about .top .titi {
                    font-size: 28px;
                  }

                  .about .img-ti {
                    font-size: 28px;
                  }

                  .about .img .font .img-tit {
                    font-size: 46px;
                  }
                }

                @media screen and (max-width: 1400px) {
                  .footer .content .add {
                    margin-left: 4%;
                  }

                  .about .top {
                    padding-bottom: 25px;
                    margin-bottom: 25px;
                  }

                  .about .img-ti {
                    font-size: 26px;
                  }

                  .about .img .font .img-tit {
                    font-size: 42px;
                  }

                  .about .top .titi {
                    font-size: 26px;
                  }

                  .tit1 .ti {
                    font-size: 32px;
                  }

                  .honb .font {
                    font-size: 14px;
                  }

                  .footer .content .link {
                    margin-left: 3%;
                  }

                  .tit1 {
                    margin-bottom: 35px;
                    margin-top: 45px;
                  }

                  .footer .ewm {
                    margin-left: 5%;
                  }

                  .honb {
                    width: 22.7%;
                  }

                  .honb:nth-child(4n) {
                    margin-right: 0;
                  }

                  .honb:nth-child(5n) {
                    margin-right: 3%;
                  }
                }

                @media screen and (max-width: 1200px) {
                  .about .top .titi {
                    font-size: 24px;
                  }

                  .tit1 .ti {
                    font-size: 30px;
                  }

                  .about .img .font .img-tit {
                    font-size: 40px;
                  }

                  .about .img-ti {
                    font-size: 24px;
                  }

                  .about .top {
                    padding-bottom: 15px;
                    margin-bottom: 15px;
                  }
                }

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

                  .footer .content .add,
                  .footer .content .link,
                  .footer .ewm,
                  .bdsharebuttonbox {
                    width: 100%;
                    margin: 0;
                    margin-top: 10px;
                  }

                  .footer .ti {
                    margin-bottom: 10px;
                  }

                  .footer .content .link a {
                    display: inline-block;
                    margin-right: 10px;
                    margin-bottom: 10px;
                  }

                  .footer .content .add {
                    display: none;
                  }

                  .footer .logo img {
                    width: 110px;
                  }

                  .footer {
                    padding-top: 25px;
                  }
                }

                @media screen and (max-width: 750px) {
                  .tit1 {
                    margin-bottom: 20px;
                    margin-top: 35px;
                  }

                  .about .top .titi {
                    font-size: 18px;
                  }

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

                  .honb:nth-child(5n) {
                    margin-right: 0%;
                  }

                  .honb:hover .pic img {
                    transform: scale(1);
                  }

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

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

                  .honb {
                    margin-bottom: 20px;
                  }

                  .honb .font {
                    transform: translate(0, 0%) !important;
                    opacity: 1;
                    position: static;
                    width: 100% !important;
                  }

                  .about .img .pic {
                    width: 100%;
                  }

                  .about .img .font {
                    width: 100%;
                    margin-top: 30px;
                    padding-left: 8%;
                  }

                  .about .img-ti {
                    font-size: 18px;
                  }

                  .about .t2 {
                    margin-top: 35px;
                  }

                  .about .img .font .img-tit {
                    font-size: 30px;
                  }
                }

                @media screen and (max-width: 1600px) {
                  .contact .form .ti {
                    font-size: 22px;
                  }

                  .aicbox .aib .cover .icon {
                    margin-top: 10%;
                    margin-bottom: 14%;
                  }

                  .pro-de .pd-right .ti {
                    font-size: 22px;
                  }

                  .pro-de .pd-right {
                    padding-left: 6%;
                  }

                  .tal .right {
                    margin-left: 40px;
                    margin-bottom: 20px;
                  }

                  .join .link {
                    margin-bottom: 40px;
                    margin-top: 60px;
                  }
                }

                @media screen and (max-width: 1400px) {
                  .aicbox .aib .cover .icon {
                    margin-top: 8%;
                    margin-bottom: 12%;
                  }

                  .pro-de .pd-right .ti {
                    font-size: 20px;
                  }

                  .pro-de .pd-right {
                    padding-left: 4%;
                  }

                  .aicbox .aib p {
                    font-size: 18px;
                  }

                  .aicbox .aib .cover .de {
                    font-size: 16px;
                  }

                  .aicbox .aib .cover .ti {
                    font-size: 18px;
                  }

                  .tal .de p {
                    margin-bottom: 25px;
                  }

                  .feedback_box .recruit_dl dt span {
                    font-size: 16px;
                  }
                }

                @media screen and (max-width: 1200px) {
                  .aicbox .aib p {
                    font-size: 16px;
                  }

                  .aicbox .aib .cover .de {
                    font-size: 14px;
                  }

                  .aicbox .aib .cover .ti {
                    font-size: 16px;
                  }

                  .aicbox .aib .cover .icon {
                    margin-top: 6%;
                    margin-bottom: 10%;
                  }
                }

                @media screen and (max-width: 1000px) {
                  .contact .form .ti {
                    font-size: 20px;
                  }

                  .contact .map {
                    width: 100%;
                    height: 400px;
                  }

                  .contact .form {
                    width: 100%;
                    padding-right: 5.5%;
                    padding-top: 30px;
                  }
                }

                .tal img {
                  max-width: 45%;
                }

                @media screen and (max-width: 750px) {
                  .aicbox .aib .cover .icon {
                    margin-top: 4%;
                    margin-bottom: 6%;
                  }

                  .tal img {
                    max-width: 100%;
                  }

                  .pro-de .swiper-container img {
                    max-width: 70%;
                  }

                  .tal .de p {
                    margin-bottom: 15px;
                  }

                  .pro-de {
                    margin-top: 35px;
                    margin-bottom: 45px;
                  }

                  .pro-de .pd-left,
                  .pro-de .pd-right {
                    width: 100%;
                  }

                  .pro-de .pd-right {
                    padding-left: 0%;
                    margin-top: 20px;
                  }

                  .pro-de .pd-right .ti {
                    font-size: 18px;
                  }

                  .content .aicbox .aib {
                    width: 100%;
                    margin-bottom: 0;
                    /* background-image: none; */
                    background-size: cover;
                  }

                  .about .swi .swib {
                    padding: 0;
                  }

                  .aicbox .aib {
                    padding-bottom: 55%;
                    border: 1px solid #dddddd;
                  }

                  .about .swi .swiper-button-next,
                  .about .swi .swiper-button-prev {
                    top: auto;
                    bottom: -80px;
                  }

                  .about .swi .swiper-button-prev {
                    left: auto;
                    right: 80px;
                  }

                  .contact .form {
                    padding: 30px 0;
                  }

                  .aicbox .tit {
                    margin-bottom: 25px;
                    margin-top: 35px;
                  }

                  .about .swi .tit {
                    margin-bottom: 25px;
                    margin-top: 35px;
                  }

                  /* .aicbox .aib .center{
                    opacity: 0;
                  }
                  .contact  .aicbox .aib .cover {
                    opacity: 1;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    flex-direction: column;
                  } */

                  .contact .four div {
                    width: 100%;
                  }

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

                  .contact {
                    margin-top: 35px;
                    margin-bottom: 45px;
                  }

                  .contact .formb .sub {
                    margin-top: 20px;
                  }

                  .contact .form .ti {
                    margin-bottom: 15px;
                  }

                  .contact .four div {
                    margin-bottom: 10px;
                  }

                  .contact .form .ti.ti2 {
                    margin-top: 20px;
                  }

                  .contact .map {
                    height: 300px;
                  }

                }

                .feedback_box .recruit_dl dd .bottom_div .top div:nth-child(6),
                .feedback_box .recruit_dl dd .bottom_div .top div:nth-child(7) {
                  display: none;
                }

                @media screen and (max-width: 900px) {
                  .feedback_box .recruit_dl dt span:nth-child(2) {
                    display: none;
                  }

                  .feedback_box .recruit_dl dd .bottom_div .top div:nth-child(6),
                  .feedback_box .recruit_dl dd .bottom_div .top div:nth-child(7) {
                    display: inline-block;
                  }

                  .feedback_box .recruit_dl dt span:nth-child(4) {
                    display: none;
                  }

                  .feedback_box .recruit_dl dd .bottom_div .le {
                    width: 100%;
                  }

                  .feedback_box .recruit_dl dd .bottom_div .ri {
                    width: 100%;
                  }

                  .feedback_box .recruit_dl dd .bottom_div .top {
                    margin-bottom: 20px;
                  }

                  .form .sub {
                    float: none;
                    display: block;
                    margin-top: 20px;
                  }

                  .feedback_box .recruit_dl dd .top_div span:nth-child(2) {
                    display: none;
                  }

                  .feedback_box .recruit_dl dd .top_div span:nth-child(4) {
                    display: none;
                  }

                  .feedback_box .recruit_dl dd .top_div span:first-of-type,
                  .feedback_box .recruit_dl dt span:first-of-type {
                    width: 33%;
                  }

                  .feedback_box .recruit_dl dd .top_div span,
                  .feedback_box .recruit_dl dt span {
                    width: 33%;
                  }

                  .feedback_box .recruit_dl dd .top_div i,
                  .feedback_box .recruit_dl dt span:last-of-type {
                    width: 33%;
                  }

                  .formbox {
                    width: 100%;
                  }

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

                  .form .sub {
                    height: 35px;
                    line-height: 35px;
                    width: 80px;
                  }

                  .feedback_box {
                    margin-bottom: 60px;
                  }

                  .formbox .fb {
                    height: 35px;
                    line-height: 35px;
                    padding: 0 10px;
                  }
                }

                .search .tit {
                  font-size: 22px;
                  color: #333;
                  font-weight: bold;
                  margin-top: 60px;
                  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%;
                  }
                }

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

                  .search ul li .ti {
                    font-size: 16px;
                  }

                  .search ul li .de {
                    font-size: 14px;
                  }

                  .search .tit {
                    font-size: 18px;
                    margin-top: 35px;
                    margin-bottom: 20px;
                  }
                }

                .probox {
                  background-color: #eeeeee;
                  box-shadow: 1px 1px 20px #eee;
                  font-size: 0;
                  margin-bottom: 35px;
                  text-align: center;
                }

                .probox .pro-left,
                .probox .pro-right {
                  width: 50%;
                  display: inline-block;
                  vertical-align: middle;
                }

                .probox .pro-right .ti {
                  font-size: 24px;
                  color: #333333;
                  margin-bottom: 40px;
                }

                .probox .pro-right .ti:after {
                  content: '';
                  display: inline-block;
                  vertical-align: middle;
                  background-image: url('../img/p3.png');
                  background-repeat: no-repeat;
                  background-position: center;
                  width: 30px;
                  height: 1px;
                  margin-left: 10px;
                }

                .probox .pro-right .ti:before {
                  content: '';
                  display: inline-block;
                  vertical-align: middle;
                  background-image: url('../img/p4.png');
                  background-repeat: no-repeat;
                  background-position: center;
                  width: 30px;
                  height: 1px;
                  margin-right: 10px;
                }

                .probox .pro-right .link {
                  text-align: left;

                }

                .probox .pro-right .link a {
                  display: inline-block;
                  border: 1px solid #cccccc;
                  box-sizing: border-box;
                  font-size: 16px;
                  color: #666;
                  border-radius: 20px;
                  line-height: 30px;
                  padding: 0 10px;
                  margin-left: 5%;
                  margin-bottom: 20px;
                  transition: 0.5s;

                }

                .probox .pro-right .link a:hover {
                  background-color: #0066cc;
                  color: #fff;
                  border: 1px solid #0066cc;
                }
                .probox .pro-right .link a.act {
                  background-color: #0066cc;
                  color: #fff;
                  border: 1px solid #0066cc;
                }
                .probox .pro-right {
                  padding-right: 14%;
                  padding-left: 7%;
                  box-sizing: border-box;
                }

                .probox .pro-right .more {
                  color: #676767;
                  font-size: 16px;
                  margin-top: 31%;
                  transition: 0.5s;

                }

                .probox .pro-right .more i {
                  display: inline-block;
                  vertical-align: middle;
                  background-image: url('../img/p5.png');
                  background-repeat: no-repeat;
                  background-position: center;
                  width: 22px;
                  height: 22px;
                  margin-right: 8px;
                  transition: 0.5s;
                }

                .probox .pro-right .more:hover {
                  color: #0066cc;
                }

                .probox .pro-right .more:hover i {
                  background-image: url('../img/p6.png');
                }

                .produ {
                  margin-bottom: 90px;
                }

                .footer .content .link a {
                  transition: 0.5s;
                }

                .footer .content .link a:hover {
                  color: #0066cc;
                }

                .probox .pro-left img {
                  max-width: 90%;
                }

                @media screen and (max-width:1600px) {
                  .probox .pro-right {
                    padding: 0 7%;
                  }

                  .probox .pro-right .more {
                    margin-top: 25%;
                  }
                }

                @media screen and (max-width:1400px) {
                  .probox .pro-right {
                    padding: 0 5%;
                  }

                  .probox .pro-right .more {
                    margin-top: 15%;
                  }

                  .probox .pro-right .ti {
                    font-size: 22px;
                  }

                  .probox .pro-right .link a {
                    margin-bottom: 10px;
                    margin-left: 3%;
                  }
                }

                @media screen and (max-width:1200px) {
                  .probox .pro-right .ti {
                    font-size: 20px;
                  }

                  .probox .pro-right .more {
                    margin-top: 10%;
                  }
                }

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

                  .probox .pro-left,
                  .probox .pro-right {
                    width: 100%;
                  }

                  .probox .pro-right {
                    padding: 35px 0%;
                    /* padding-bottom: 35px; */
                  }

                  .probox .pro-right .more {
                    margin-top: 20px;
                  }

                  .probox .pro-right .ti {
                    margin-bottom: 18px;
                  }

                  .produ {
                    margin-bottom: 60px;
                  }
                  .probox .pro-right .link a{
                    font-size: 14px;
                  }
                  .probox .pro-right .more{
                    font-size: 14px;
                  }
                  .probox .pro-right .link{
                    text-align: center;
                  }
                }
                .probox .pro-left{
                  padding-bottom: 37%;
                  position: relative;
                }
                .probox .pro-left img{
                  position: absolute;
                  top: 50%;
                  left: 50%;
                  max-width: 90%;
                  max-height: 90%;
                  transform: translate(-50%,-50%);
                  opacity: 0;
                  transition: 0.5s;
                }
                .probox .pro-left img.act{
                  opacity: 1;
                }