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

                body {
                  /* height: 100000px; */
                }
                body,
                h1,
                h2,
                h3,
                h4,
                h5,
                h6,
                hr,
                p,
                blockquote,
                /* structural elements 结构元素 */

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

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

                form,
                fieldset,
                legend,
                button,
                input,
                textarea,
                /* form elements 表单元素 */

                th,
                td
                /* table elements 表格元素 */

                  {
                  margin: 0;
                  padding: 0;
                }

                /** 设置默认字体 **/

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

                  {
                  /* font: 14px/1.0 "Microsoft YaHei", "黑体", "宋体", sans-serif; */
                  font: 14px/1.0 "Source Han Sans CN", "Microsoft YaHei", "PingFang SC", Helvetica, "Heiti SC", "宋体", Arial, sans-serif;
                }

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

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

                /* 将斜体扶正 */

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

                /* 统一等宽字体 */

                small {
                  font-size: 12px;
                }

                /* 小于 12px 的中文很难阅读, 让 small 正常化 */
                /** 重置列表元素 **/

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

                /** 重置文本格式元素 **/

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

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

                sup {
                  vertical-align: text-top;
                }

                /* 重置, 减少对行高的影响 */

                sub {
                  vertical-align: text-bottom;
                }

                /** 重置表单元素 **/

                legend {
                  color: #000;
                }

                /* for ie6 */

                fieldset,
                img {
                  border: 0;
                }

                /* img 搭车：让链接里的 img 无边框 */

                button,
                input,
                select,
                textarea {
                  font-size: 100%;
                  outline: none;
                  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: block;
                }

                table a {
                  display: initial;
                }

                @font-face {
                  font-family: "HelveticaNeueLTCom";
                  src: url("../font/HelveticaNeueLTCom-Roman.ttf");
                  font-weight: normal;
                  font-style: normal;
                }

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

                @font-face {
                  font-family: "HelveticaNeueLTCom-Bd";
                  src: url("../font/HelveticaNeueLTCom-Bd.ttf");
                  font-weight: normal;
                  font-style: normal;
                }

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

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

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

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

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

                html {
                  font-size: 20px;
                  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: 80%;
                  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%;
                }

                .head {
                  height: 152px;
                  position: fixed;
                  top: 0;
                  width: 100%;
                  left: 0;
                  background-color: #fff;
                  z-index: 999;
                  transition: all 0.3s ease;
                  box-shadow: 1px 1px 10px #ccc;
                }

                .head .logo {
                  line-height: 100px;
                  margin-left: 10%;
                  float: left;
                }

                .m100{ 
                  width: 100%;
                  line-height: 52px;
                  padding:0 10%;
                  background-color: #fff;
                  border-top: 1px solid #efefef;
                }

                .ban {
                  margin-top: 152px;
                }

                .head ul li {
                  width: 11.4%;
                  display: inline-block;
                  vertical-align: middle;
                }

                .head ul li a {
                  width: 100%;
                  text-align: center;
                }

                .head ul li a span{
                  position: relative;
                  font-size: 16px;
                  color: #333;
                  z-index: 666;
                }

                .head .chan>a {
                  display: inline-block;
                  vertical-align: top;
                  margin-top: 41px;
                  line-height: 1;
                  font-size: 16px;
                  color: #666666;
                  border-left: 1px solid #ccc;
                  padding-left: 15px;
                  transition: 0.5s;
                  -webkit-transition: 0.5s;
                }

                .head .chan {
                  margin-right: 10%;
                }

                .head .chan form {
                  display: inline-block;
                  width: 300px;
                  height: 38px;
                  position: relative;
                  vertical-align: top;
                  margin: 35px 0 0 30px;
                  transition: 0.5s;
                  -webkit-transition: 0.5s;
                }

                .head .chan .text {
                  position: absolute;
                  top: 0;
                  right: 0;
                  z-index: 10;
                  height: 38px;
                  border: 1px solid #0089e2;
                  font-size: 14px;
                  color: #999;
                  width: 300px;
                  background: #fff;
                  border-radius: 2px;
                  box-sizing: border-box;
                  padding-left: 10px;
                  padding-right: 6px;
                  outline: none;
                  transition: 0.5s;
                  -webkit-transition: 0.5s;
                }

                .head .chan input::-webkit-input-placeholder{
                  color: #ccc;
                }

                .head .chan .sub {
                  outline: none;
                  background: url("../img/sea.png") no-repeat center #fff;
                  width: 80px;
                  height: 38px;
                  border: none;
                  cursor: pointer;
                  position: absolute;
                  top: 0px;
                  right: 0px;
                  z-index: 11;
                  color: transparent;
                }

                .head ul li a {
                  position: relative;
                  /* transition: all 0.5s ease; */
                  font-size: 16px;
                  color: #555;
                  /* color: inherit; */
                }

                .head.act .chan>a {
                  margin-top: 32px;
                }

                .head.act .chan form {
                  margin: 35px 0 0 30px;
                }

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

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

                .head ul li.act>a::after {
                  background: #0075c1;
                  width: 100%;
                }

                .head ul li>a::after {
                  content: "";
                  position: absolute;
                  width: 0px;
                  height: 52px;
                  margin: auto;
                  left: 0;
                  right: 0;
                  bottom: 0;
                  transition: 0.5s;
                }

                .head ul li>a:hover::after {
                  background: #0075c1;
                  width: 100%;
                }

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

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

                .ban .swiper-slide .font {
                  font-size: 50px;
                  color: #fff;
                  position: absolute;
                  top: 50%;
                  left: 50%;
                  transform: translate(-50%, -50%);
                  width: 36%;
                  text-align: center;
                  line-height: 66px;
                }

                .more1 {
                  display: block;
                  width: 155px;
                  height: 40px;
                  line-height: 40px;
                  background-image: url("../img/mo1.png");
                  background-repeat: no-repeat;
                  background-position: center;
                  text-align: center;
                  font-size: 0;
                  color: #fff;
                  margin: 0 auto;
                  margin-top: 40px;
                  transition: all 0.5s ease;
                  background-size: contain;
                }

                .more1:hover {
                  background-image: url("../img/moho.png");
                }

                .more1 span {
                  vertical-align: middle;
                  font-size: 14px;
                }

                .more1 i {
                  content: '';
                  display: inline-block;
                  width: 0;
                  overflow: hidden;
                  height: 12px;
                  vertical-align: middle;
                  margin-top: -2px;
                  transition: all 0.4s ease;
                  line-height: 0;
                  font-size: 0;
                  position: relative;
                  left: -10px;
                }

                .ban .more1 i img {
                  width: auto;
                  transition: all 0.4s ease;
                  opacity: 0;
                  margin-top: 1px;
                }

                .more1:hover i {
                  width: 8px;
                  left: 8px;
                }

                .ban .more1:hover i img {
                  opacity: 1;
                }

                .ban .swiper-slide .f2 {
                  /* left: 13.55%; */
                  padding-left: 13.55%;
                  box-sizing: border-box;
                  transform: translateY(-50%);
                  text-align: left;
                }

                .f2 .more1 {
                  margin: 0;
                  margin-top: 40px
                }

                .ban .f2 .more1 {
                  background-image: url("../img/moho2.png");
                }

                .ban .f2 .more1:hover {
                  background-image: url("../img/moho.png");
                }

                .ban .swiper-slide .f2 .more1 span {
                  color: #0075c1;
                }

                .ban .swiper-slide .f2 .more1:hover span {
                  color: #fff;
                }

                .ban .swiper-pagination-bullet {
                  width: 12px;
                  height: 12px;
                  opacity: 1;
                  background-color: #fff;
                }

                .ban .swiper-pagination-bullet-active {
                  background-color: #0075c1;
                }

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

                .title {
                  text-align: center;
                  margin-top: 70px;
                  margin-bottom: 45px;
                }

                .title .ti {
                  /* font-size: 40px; */
                  font-size: 32px;
                  margin-bottom: 8px;
                  color: #333;
                }

                .title .en {
                  font-size: 16px;
                  color: #999;
                  text-transform: uppercase;
                  font-family: 'HelveticaNeueLTCom';
                }

                .wel-1 {
                  background-image: url("../img/wbg1.png"), url("../img/wbg2.png");
                  background-position: right top, left bottom;
                  background-repeat: no-repeat, no-repeat;
                  overflow: hidden;
                }

                .wel1box {
                  font-size: 0;
                }

                .wel1box .pic {
                  width: 48%;
                  margin-right: 2%;
                  box-sizing: border-box;
                  display: inline-block;
                  vertical-align: middle;
                }

                .wel1box .font {
                  width: 50%;
                  display: inline-block;
                  vertical-align: top;
                  padding-left: 2%;
                  box-sizing: border-box;
                  padding-right: 2%;
                }

                .wel1box .font .ti {
                  font-size: 28px;
                  color: #333;
                  margin-bottom: 30px;
                  margin-top: 25px;
                }

                .de {
                  text-align: justify;
                  text-justify: inter-ideograph;
                  font-size: 14px;
                  /* font-size: 16px; */
                  color: #666;
                  line-height: 1.5;
                }

                .wel1box .font .de {
                  max-height: 120px;
                  overflow: hidden;
                }

                .morebtn {
                  transition-delay: 0s !important;
                  display: block;
                  width: 155px;
                  height: 40px;
                  line-height: 40px;
                  background-image: url("../img/mo.png");
                  background-repeat: no-repeat;
                  background-position: center;
                  text-align: center;
                  font-size: 0;
                  color: #0075c1;
                  /* margin: 0 auto; */
                  margin-top: 30px;
                  transition: all 0.5s ease;
                  background-size: contain;
                }

                .morebtn:hover {
                  background-image: url("../img/moho.png");
                }

                .morebtn span {
                  vertical-align: middle;
                  font-size: 14px;
                }

                .morebtn:hover span {
                  color: #fff;
                }

                .morebtn i img {
                  opacity: 0;
                }

                .morebtn i {
                  content: '';
                  display: inline-block;
                  width: 0;
                  overflow: hidden;
                  height: 12px;
                  vertical-align: middle;
                  margin-top: 1px;
                  transition: all 0.4s ease;
                  line-height: 0;
                  font-size: 0;
                  position: relative;
                  left: -10px;
                }

                .morebtn:hover i {
                  width: 8px;
                  left: 8px;
                }

                .morebtn:hover i img {
                  opacity: 1;
                }

                .wel1box:nth-child(2) {
                  position: relative;
                  top: -100px;
                }

                .wel1box:nth-child(2) .ti {
                  margin-top: 165px
                }

                .wel-2 {
                  background-color: #ffffff;
                  overflow: hidden;
                  padding-bottom: 75px;
                }

                .content_div ul {
                  font-size: 0;
                  white-space: nowrap;
                }

                .content_div li {
                  display: inline-block;
                  /* float: left; */
                  vertical-align: top;
                  position: relative;
                  /* padding-right: 1.6%; */
                  margin-right: 1.6%;
                }
                
                .content_div li:last-child{
                  padding-right: 0;
                }

                .content_div .mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools {
                  display: none;
                }

                .wel-2 .content_div .mCSB_horizontal>.mCSB_container {
                  margin-bottom: 0;
                }

                .content_div .mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools {
                  opacity: 0;
                }

                .mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,
                .mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag,
                .mCustomScrollBox:hover>.mCSB_scrollTools,
                .mCustomScrollBox:hover~.mCSB_scrollTools,
                .mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,
                .mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools {
                  opacity: 0 !important;
                }

                .content_div li>img {
                  width: 100%;
                }

                .content_div li .font {
                  position: absolute;
                  top: 0;
                  left: 0;
                  width: 100%;
                  height: 100%;
                }

                .content_div li .font .ti {
                  font-size: 24px;
                  color: #fff;
                  margin-top: 40%;
                  text-align: center;
                }

                .content_div li .limore {
                  display: block;
                  width: 155px;
                  height: 40px;
                  line-height: 40px;
                  background-image: url("../img/mo1.png");
                  background-repeat: no-repeat;
                  background-position: center;
                  text-align: center;
                  font-size: 0;
                  color: #fff;
                  /* margin: 0 auto; */
                  transition: all 0.5s ease;
                  background-size: contain;
                  position: absolute;
                  bottom: 20%;
                  left: 50%;
                  transform: translateX(-50%);
                }

                .content_div li .limore span {
                  font-size: 14px;
                  vertical-align: middle;
                }

                .content_div li .limore i {
                  content: '';
                  display: inline-block;
                  width: 0;
                  overflow: hidden;
                  height: 12px;
                  vertical-align: middle;
                  /* margin-top: -2px; */
                  transition: all 0.4s ease;
                  line-height: 0;
                  font-size: 0;
                  position: relative;
                  left: -10px;
                }

                .content_div li .limore i img {
                  width: auto;
                  transition: all 0.4s ease;
                  opacity: 0;
                }

                .content_div li:hover i {
                  width: 8px;
                  left: 8px;
                }

                .content_div li:hover i img {
                  opacity: 1;
                }

                .content_div li:hover .limore {
                  background-image: url("../img/moho.png");
                }

                .content_div li a {
                  overflow: hidden;
                }

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

                .content_div li:hover a img {
                  transform: scale(1.1)
                }

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

                .wel-3 .font {
                  display: inline-block;
                  vertical-align: middle;
                  width: 38%;
                  padding-right: 35px;
                  box-sizing: border-box;
                }

                .wel-3 .pic {
                  width: 62%;
                  display: inline-block;
                  vertical-align: middle;
                }

                .wel-3 .title {
                  text-align: left
                }

                .wel-3 .top {
                  margin: 50px 0;
                }

                .wel-3 .morebtn {
                  margin-top: 85px;
                }

                .pic.act img {
                  transform: scale(1.1)
                }

                .news .pic {
                  height: 220px;
                }

                .pic {
                  overflow: hidden;
                }

                .pic img {
                  transition: 0.5s;
                }

                .wel3-ul {
                  border-top: 1px solid #cccccc;
                  font-size: 0;
                  margin-bottom: 45px;
                }

                .wel3-ul li {
                  display: inline-block;
                  vertical-align: top;
                  width: 33.33%;
                  box-sizing: border-box;
                  border-right: 1px solid #ccc;
                  padding-left: 6%;
                  padding-top: 50px;
                  padding-bottom: 50px;
                }

                .wel3-ul li:nth-child(3) {
                  border: none;
                }

                .wel3-ul .icon {
                  width: 75px;
                  height: 85px;
                  background-image: url("../img/icbg.png");
                  background-repeat: no-repeat;
                  background-size: contain;
                  position: relative;
                  display: inline-block;
                  vertical-align: middle;
                }

                .wel3-ul .ti {
                  font-size: 22px;
                  color: #0075c1;
                  /* margin-top: 25px; */
                  /* margin-bottom: 60px; */
                  display: inline-block;
                  vertical-align: middle;
                  margin-left: 20px;
                }

                .wel3-ul a {
                  font-size: 14px;
                  color: #0075c1;
                  vertical-align: middle;
                }

                .wel3-ul a .icon img {
                  transition: 0.5s;
                }

                .wel3-ul a .icon {
                  transition: 0.5s;
                }

                .wel3-ul a .icon .after {
                  opacity: 0;

                }

                .wel3-ul a:hover .icon .before {
                  opacity: 0;
                }

                .wel3-ul a:hover .icon .after {
                  opacity: 1;
                }

                .wel3-ul a:hover .icon {
                  background-image: url("../img/icbg2.png");
                }

                .wel-4 {
                  background-color: #f7f7f7;
                  overflow: hidden;
                }

                .news {
                  font-size: 0;
                  position: relative;
                }

                .news>a {
                  display: inline-block;
                  vertical-align: top;
                  width: 30%;
                  margin-right: 2%;
                  /* margin-bottom: 40px; */
                }

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

                .news>a:hover .font .de {
                  left: 10px;
                  color: #0075c1;
                }

                .news>a .font {
                  background-color: #fff;
                  padding: 20px;
                  box-sizing: border-box;
                }

                .news>a .font .ti {
                  font-size: 16px;
                  color: #333;
                  overflow: hidden;
                  text-overflow: ellipsis;
                  white-space: nowrap;
                  margin-bottom: 18px;
                }

                .news>a .font .de {
                  font-size: 13px;
                  color: #666;
                  line-height: 1.5;
                  height: 50px;
                  overflow: hidden;
                  margin-bottom: 20px;
                  position: relative;
                  transition: all 0.5s ease;
                  left: 0;
                }

                .news>a .font .time {
                  font-size: 14px;
                  color: #999;
                }

                .news .san {
                  position: absolute;
                  width: 36%;
                  right: 0;
                  top: 0;
                  height: 100%;
                  padding: 0 0.5%;
                  background-color: #fff;
                  box-sizing: border-box;
                }

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

                .wel-4 {
                  padding-bottom: 75px;
                }

                .news .san a {
                  height: 33.33%;
                  position: relative;
                  background-color: #fff;
                  box-sizing: border-box;
                  border-bottom: 1px solid #cccccc;
                  padding: 3% 5%;
                  box-sizing: border-box;
                }

                .news .san a:hover .ti {
                  left: 10px;
                  color: #0075c1;
                }

                .news .san a:last-child {
                  border: none;
                }

                .news .san a .ti {
                  font-size: 18px;
                  color: #333;
                  line-height: 30px;
                  /* height: 60px; */
                  /* overflow: hidden; */
                  overflow: hidden;
                  text-overflow: ellipsis;
                  white-space: nowrap;
                  transition: 0.5s;
                  position: relative;
                  left: 0;
                  /* height: 60px;
                  overflow: hidden; */
                  margin-bottom: 10px;
                }

                .news .san a .de {
                  height: 20px;
                  overflow: hidden;
                }

                .news .san a .time {
                  font-size: 14px;
                  color: #999;
                  margin-top: 3%;
                }

                .wel1box .pic.act img {
                  transform: scale(1.1);
                }

                .footer {
                  background-color: #4c4c4c;
                  padding-top: 35px;
                }

                .footer ul {
                  font-size: 0;
                  position: relative;
                }

                .footer ul:after {
                  content: '';
                  width: 100%;
                  position: absolute;
                  border-top: 1px solid #727272;
                  left: 0;
                  top: 45px;
                }

                .footer ul li {
                  display: inline-block;
                  vertical-align: top;
                  width: 12%;
                }

                .footer ul li a:nth-child(1) {
                  margin-bottom: 45px;
                }

                .footer ul li a {
                  font-size: 14px;
                  color: #fff;
                  line-height: 30px;
                  transition: all 0.5s ease;
                }

                .footer ul li a:hover {
                  opacity: 1;
                }

                .footer ul .link {
                  right: 0;
                  top: 66px;
                  position: absolute;
                  text-align: right;
                }

                .footer ul .link .top {
                  height: 40px;
                  line-height: 40px;
                  width: 150px;
                  text-align: center;
                  background-color: #044b7f;
                  font-size: 16px;
                  color: #fff;
                  text-align: center;
                  vertical-align: middle;
                  border-radius: 20px;
                }

                .footer ul .link .top img {
                  margin-right: 8px;
                }

                .footer ul .link .num {
                  font-size: 20px;
                  color: #fff;
                  margin-top: 20px;
                  margin-bottom: 10px;
                }

                .footer ul .link .num1 {
                  font-size: 12px;
                  color: #fff;
                  margin-bottom: 10px;
                }

                .footer .bdsharebuttonbox {
                  text-align: right
                }

                .footer .bdsharebuttonbox a {
                  width: 27px;
                  height: 31px;
                  margin: 0;
                  padding: 0;
                  background-position: center;
                  text-align: right;
                  float: none;
                  display: inline-block;
                  margin: 0 5px;
                }

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

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

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

                .footer .last {
                  width: 100%;
                  margin: 0 auto;
                  border-top: 1px solid #727272;
                  padding-top: 20px;
                  padding-bottom: 20px;
                  margin-top: 60px;
                }

                .footer .last p {
                  width: 80%;
                  text-align: left;
                  font-size: 14px;
                  color: #ffffff;
                  line-height: 20px;
                  display: block;
                  margin: auto;
                }

                .footer .last p a {
                  float: right;
                }

                .banner,
                .search {
                  margin-top: 152px;
                  position: relative;
                }

                .search {
                  overflow: hidden;
                }

                .banner img {
                  width: 100%;
                }

                .banner .font {
                  position: absolute;
                  top: 50%;
                  transform: translateY(-50%);
                  left: 13.55%;
                  font-size: 38px;
                  color: #fff;
                }

                .banner .font .link {
                  font-size: 14px;
                  color: rgba(255, 255, 255, 0.9);
                  margin-top: 25px;
                }

                .banner .font .link a {
                  display: inline;
                  color: rgba(255, 255, 255, 0.9);
                  transition: 0.3s;
                }

                .banner .font .link a:hover {
                  color: #0075c1;
                }

                .banner .font .link a:last-child {
                  color: rgba(255, 255, 255, 1);
                }

                /* .title .ti {
                    font-size: 40px;
                    color: #333;
                } */

                .title span {
                  background-color: #0075c1;
                  width: 40px;
                  height: 3px;
                  display: block;
                  margin: 0 auto;
                  margin-top: 15px;
                }

                #l-map {
                  height: 590px;
                  margin-bottom: 60px;
                }

                #l-map p {
                  font-size: 16px;
                  line-height: 25px;
                }

                .anchorBL {
                  display: none;
                }

                .map-de {
                  font-size: 0;
                }

                .mapbox {
                  display: inline-block;
                  vertical-align: top;
                  width: 49%;
                  margin-right: 2%;
                  box-sizing: border-box;
                  border: 1px solid #126fb4;
                  padding: 45px 50px;
                  margin-bottom: 30px;
                }

                .mapbox .ti {
                  font-size: 24px;
                  color: #333;
                  line-height: 40px;
                  margin-bottom: 20px;
                }

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

                .mapbox .de p {
                  font-size: 16px;
                  color: #666;
                  line-height: 30px;
                  margin-bottom: 10px;
                }

                .mapbox .de p img {
                  margin-right: 3px;
                }

                .nav {
                  height: 60px;
                  line-height: 40px;
                  background-color: #f2f2f2;
                  font-size: 0;
                  padding: 10px 0;
                  box-sizing: border-box;
                }

                .nav a {
                  display: inline-block;
                  vertical-align: top;
                  text-align: center;
                  font-size: 16px;
                  color: #666;
                  border-right: 1px solid #d9d9d9;
                  box-sizing: border-box;
                  position: relative;
                }

                .nav.san a {
                  width: 33.33%;
                }

                .nav a:after {
                  content: '';
                  position: absolute;
                  width: 0%;
                  bottom: -10px;
                  left: 50%;
                  transform: translateX(-50%);
                  height: 2px;
                  background-color: #0075c1;
                  transition: all 0.5s ease;
                  opacity: 0;
                }

                .nav a.act {
                  color: #0075c1;
                }

                .nav a.act:after {
                  width: 100%;
                  opacity: 1;
                }

                .nav a:hover:after {
                  width: 100%;
                  opacity: 1;
                }

                .nav a:hover {
                  color: #0075c1;
                }

                .pro-top .zi p {
                  font-size: 22px;
                  color: #000;
                  line-height: 40px;
                }

                .pro-top .left,
                .pro-top .right {
                  width: 50%;
                }

                .pro-top .left {
                  padding-right: 5%;
                  box-sizing: border-box
                }

                .pro-top .zi {
                  margin: 10px 0;
                }

                .pro-top .de span {
                  font-size: 24px;
                  color: #0075c1;
                  font-weight: bold
                }

                .pro-top .de p {
                  margin-bottom: 10px;
                }

                .pro-top {
                  margin-bottom: 60px
                }

                .pro-num {
                  background-color: #f2f2f2;
                  padding-top: 80px;
                  padding-bottom: 70px;
                }

                .pro-num ul {
                  font-size: 0;
                }

                .pro-num ul li {
                  /* width: 20%; */
                  width: 33.33%;
                  display: inline-block;
                  vertical-align: top;
                  box-sizing: border-box;
                  border-right: 1px solid #cccccc;
                }

                .pro-num ul li:nth-child(3) {
                  border: none;
                }

                .pro-num ul li p {
                  font-size: 16px;
                  color: #333;
                  line-height: 25px;
                  padding: 0 19%;
                  box-sizing: border-box;
                  text-align: center;
                }

                .pro-num ul li p:nth-child(1) {
                  text-align: center;
                  margin-bottom: 20px;
                  padding: 0;
                }

                .pro-num ul li p span {
                  font-size: 62px;
                  color: #126fb4;
                  font-family: 'BEBAS';
                  color: #0075c1
                }

                .pro-num ul li p span.sh {
                  vertical-align: top;
                  margin-top: -15px;
                  display: inline-block;
                  font-size: 40px;
                }

                .pro-san {
                  /* padding-bottom: 150px; */
                  position: relative;
                }

                .pro-san .swiper-button-next,
                .pro-san .swiper-button-prev {
                  width: 38px;
                  height: 43px;
                  bottom: 0;
                  margin: 0;
                  top: auto;
                }

                .pro-san .top {
                  position: absolute;
                  top: 0;
                  left: 0;
                  text-align: center;
                  height: 100%;
                  width: 100%;
                  background-color: rgba(26, 72, 127, 0.5);
                }

                .pro-san .swiper-slide>img {
                  width: 100%;
                  transition: 0.5s;
                }

                .pro-san .swiper-slide {
                  overflow: hidden;
                  cursor: pointer;
                }

                .pro-san .top .icon {
                  margin-top: 34%;
                  text-align: center;
                  margin-bottom: 15%;
                }

                .pro-san .top .icon img {
                  transition: 0.3s;
                }

                .pro-san .top .ti {
                  font-size: 24px;
                  color: #fff;
                  position: relative;
                }

                .pro-san .top .ti:after {
                  position: absolute;
                  content: '';
                  width: 30px;
                  height: 2px;
                  background-color: #fff;
                  left: 50%;
                  transform: translateX(-50%);
                  bottom: -17px;
                }

                .pro-san .swiper-slide:hover>img {
                  transform: scale(1.1)
                }

                .pro-san .swiper-button-next,
                .pro-san .swiper-button-prev {
                  bottom: 80px;
                  background-size: 38px 43px;
                  transition: 0.5s;
                  position: static;
                  display: inline-block;
                }

                .pro-san .swiper-button-next {
                  background-image: url("../img/pr.png");
                  left: 50%;
                  right: auto;
                }

                .pro-san .swiper-button-next:hover {
                  background-image: url("../img/prh.png");
                }

                .pro-san .swiper-button-prev {
                  background-image: url("../img/pl.png");
                  left: 47%;
                }

                .pro-san .swiper-button-prev:hover {
                  background-image: url("../img/plh.png");
                }

                .but-box {
                  text-align: center;
                  margin-top: 40px;
                  margin-bottom: 60px;
                }

                .about-top {
                  font-size: 0;
                }

                .about-top .pic {
                  width: 100%;
                  display: inline-block;
                  vertical-align: top;
                }

                .about-top .font {
                  display: inline-block;
                  vertical-align: top;
                  width: 100%;
                  box-sizing: border-box;
                }

                .about-top .font .ti {
                  font-size: 24px;
                  color: #333;
                  line-height: 30px;
                  margin: 38px 0 30px 0;
                }

                .about-top .swiper-slide p {
                  font-size: 14px!important;
                  color: #555;
                  line-height: 1.5;
                  margin-bottom: 10px;
                }

                .about-top .swiper-slide p span {
                  /* font-size: 14px!important; */
                }

                .about-top .swiper-button-next,
                .about-top .swiper-button-prev {
                  width: 30px;
                  height: 34px;
                  position: static;
                  margin: 0;
                  display: inline-block;
                  background-size: 30px 34px;
                  transition: 0.5s;
                  margin-top: 10px;
                }

                .about-top {
                  position: relative;
                  margin-bottom: 3%;
                }

                .about-top .swiper-button-next {
                  background-image: url("../img/ax.png");
                }

                .about-top .swiper-button-prev {
                  background-image: url("../img/as.png");
                  margin-right: 10px;
                }

                .about-top .swiper-button-next:hover {
                  background-image: url("../img/axh.png");
                }

                .about-top .swiper-button-prev:hover {
                  background-image: url("../img/ash.png");
                }

                .about-top .swiper-container {
                  height: 247px;
                }

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

                .about-top .icon-b {
                  display: inline-block;
                  width: 47%;
                  box-sizing: border-box;
                  border: 1px solid #126fb4;
                  /* padding: 20px 0; */
                  line-height: 70px;
                  margin-right: 20px;
                  cursor: pointer;
                  min-height: 70px;
                  vertical-align: top;
                  /* display: flex;
                    justify-content: center;
                    align-items: center; */
                }

                .about-top .icon-b .zi {
                  display: inline-block;
                  font-size: 14px;
                  color: #0075c1;
                  width: 200px;
                  line-height: 20px;
                  vertical-align: middle;
                  width: -moz-calc(100% - 80px);
                  width: -webkit-calc(100% - 80px);
                  width: calc(100% - 80px);
                  /*   min-height: 40px; */
                }

                .about-top .icon-b img {
                  margin-right: 15px;
                  margin-left: 20px;
                }

                .cul {
                  /* background-image: url('../img/a6.jpg'); */
                  background-repeat: no-repeat;
                  background-size: cover;
                  overflow: hidden;
                  padding: 60px 0;
                }

                .cul .title {
                  margin-top: 120px;
                  margin-bottom: 55px;

                  margin-top: 80px;
                  margin-bottom: 55px;
                }

                .cul-b {
                  text-align: center;
                  font-size: 0;
                }

                .culb {
                  display: inline-block;
                  vertical-align: top;
                  width: 40%;
                  text-align: center;
                  cursor: pointer;
                }

                .culb .icon {
                  display: inline-block;
                  position: relative;
                  width: 90px;
                  height: 123px;
                  background-image: url("../img/a9.png");
                  background-repeat: no-repeat;
                  background-position: center;
                  background-size: 100%;
                }

                .culb .ti {
                  font-size: 24px;
                  color: #0089e2;
                  margin: 20px 0;
                }

                .culb .de {
                  font-size: 16px;
                  color: #0089e2;
                  line-height: 25px;
                  width: 235px;
                  margin: 0 auto;
                }

                .culb .de p {
                  text-align: center;
                }

                .honour .swiper-container .pic {
                  height: 223px;
                  border: 1px solid #ccc;
                  box-sizing: border-box;
                  text-align: center;
                  position: relative;
                }

                .honour .swiper-slide img {
                  max-height: 100%;
                  width: auto;
                  max-width: 100%;
                }

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

                .honour .swiper-slide p {
                  font-size: 18px;
                  color: #333;
                  line-height: 30px;
                  text-align: center;
                  margin-top: 15px;
                }

                .honour .de p {
                  text-align: left;
                  color: #333;
                }

                .honour .de {
                  margin-bottom: 30px;
                }

                .deve-de ul {
                  position: relative;
                }

                .deve-de ul:after {
                  content: '';
                  width: 0.25%;
                  background-color: #0075c1;
                  height: 100%;
                  position: absolute;
                  left: 50%;
                  transform: translateX(-50%);
                  top: 0;
                }

                .deve {
                  position: relative;
                }

                .deve-de .year {
                  color: #0075c1;
                  font-size: 20px;
                  font-style: oblique;
                }

                .deve-de .year span {
                  font-size: 30px;
                  /* font-family: 'Times New Roman'; */
                }

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

                .deve-de .pic {
                  text-align: right;
                  position: relative;
                  bottom: -80px;
                }

                .deve-de .pic img {
                  border-radius: 20px;
                  width: auto;
                  max-width: 100%;
                }

                .deve-de li {
                  padding-right: 55%;
                  padding-left: 20%;
                  box-sizing: border-box;
                  position: relative;
                  min-height: 130px;
                }

                .deve-de li:after {
                  content: '';
                  background-image: url("../img/de2.png");
                  width: 33px;
                  height: 33px;
                  background-repeat: no-repeat;
                  background-position: center;
                  position: absolute;
                  left: 50%;
                  transform: translateX(-50%);
                  top: 0;
                  background-color: #fff;
                  z-index: 9;
                }

                .deve-de li:nth-child(even) {
                  padding-left: 55%;
                  padding-right: 10%;
                  box-sizing: border-box;
                }

                .deve-de li:nth-child(even) .pic {
                  text-align: left;
                }

                /* .deve-de {
                    padding-bottom: 100px;
                    background-image: url('../img/de3.png');
                    background-repeat: no-repeat;
                    background-position: bottom center;
                    margin-bottom: 90px;
                } */

                .bopic {
                  margin-top: 10px;
                  text-align: center;
                }

                .deve-de {
                  margin-bottom: 90px;
                }

                .bopic img {
                  margin-right: -3px;
                }

                .nav.four a {
                  width: 25%;
                }

                .news-c .top {
                  font-size: 0;
                  border-bottom: #efefef solid 1px;
                  padding-bottom: 30px;
                  margin-bottom: 30px;
                }

                .news-c .top .pic {
                  width: 30%;
                  display: inline-block;
                  vertical-align: middle;
                }

                .news-c .top .pic img {
                  height: 180px;
                }

                .news-c .top .font {
                  width: 70%;
                  display: inline-block;
                  vertical-align: middle;
                  padding: 0 30px;
                  box-sizing: border-box;
                }

                .news-c .top .font .ti {
                  font-size: 18px;
                  color: #0075c1;
                  line-height: 30px;
                  overflow: hidden;
                  text-overflow: ellipsis;
                  white-space: nowrap
                }

                .news-c .top .font .time {
                  font-size: 12px;
                  color: #ccc;
                  margin-top: 15px;
                  margin-bottom: 15px;
                }

                .news-c .top .font .de {
                  font-size: 14px;
                  color: #808080;
                  line-height: 30px;
                  max-height: 120px;
                  overflow: hidden;
                }

                .news-c .top .font .link {
                  font-size: 12px;
                  color: #999;
                  margin-top: 20px;
                  transition: 0.5s;
                }

                .news-c .top .font .link i {
                  display: inline-block;
                  width: 13px;
                  height: 9px;
                  background-repeat: no-repeat;
                  background-position: -22px center;
                  background-image: url("../img/njt.png");
                  margin-left: 10px;
                  transition: 0.5s;
                }

                .news-c .top:hover .font .link i {
                  background-position: -3px center;
                }

                .news-c .top:hover .font .link {
                  color: #0075c1;
                }

                .news-c .top:hover .pic img {
                  transform: scale(1.1)
                }

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

                .news-link a {
                  display: inline-block;
                  vertical-align: top;
                  width: 24%;
                  margin-bottom: 30px;
                  margin-right: 1.3%;
                }

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

                .news-link a .font {
                  box-sizing: border-box;
                  border: 1px solid #e6e6e6;
                  padding: 10px;
                  box-sizing: border-box;
                }

                .news-link a .font .ti {
                  font-size: 16px;
                  color: #333333;
                  overflow: hidden;
                  text-overflow: ellipsis;
                  white-space: nowrap;
                  line-height: 30px;
                  margin-bottom: 8px;
                }

                .news-link a .font .de {
                  font-size: 14px;
                  color: #808080;
                  line-height: 20px;
                  height: 40px;
                  overflow: hidden;
                }

                .news-link a .font .time {
                  font-size: 12px;
                  color: #cccccc;
                  margin-top: 30px;
                }

                .news-link a .more {
                  border-top: 1px solid #e6e6e6;
                  font-size: 12px;
                  color: #999;
                  margin-top: 15px;
                  padding-top: 15px;
                  transition: 0.3s;
                  padding-bottom: 5px;
                }

                .news-link a .more .right {
                  display: inline-block;
                  width: 13px;
                  height: 9px;
                  background-repeat: no-repeat;
                  background-position: -22px center;
                  background-image: url("../img/njt.png");
                  margin-left: 10px;
                  transition: 0.5s;
                  margin-top: 1px;
                }

                .news-link a:hover .more .right {
                  background-position: -3px center;
                }

                .news-link a:hover .more {
                  color: #0075c1;
                }

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

                .pagination {
                  text-align: center;
                  margin-top: 30px;
                }

                .pagination a {
                  display: inline-block;
                  vertical-align: top;
                  font-size: 14px;
                  color: #fff;
                  min-height: 40px;
                  min-width: 40px;
                  padding: 0 15px;
                  box-sizing: border-box;
                  background-color: #cccccc;
                  line-height: 40px;
                  margin: 0 3px;
                  transition: 0.5s;
                }

                .pagination a:hover {
                  background-color: #0075c1;
                }

                .pagination a.active {
                  background-color: #0075c1;
                }

                .news-c {
                  
                }

                .news-link {
                  margin-bottom: 50px;
                }

                .gong-a a {
                  display: block;
                  font-size: 0;
                  background-color: #f7f7f7;
                  margin-bottom: 20px;
                }

                .gong-a a .time {
                  width: 117px;
                  background:url(../img/down.png) #efefef 45% 30% no-repeat;
                  background-size: 50%;
                  color: #555;
                  padding: 30px 0;
                  display: inline-block;
                  vertical-align: middle;
                  transition: 0.5s;
                }

                .gong-a a:hover .time {
                  background:url(../img/down1.png) #0075c1 45% 30% no-repeat;
                  background-size: 50%;
                  color: #fff;
                }

                .gong-a a .time img{
                  width: 50%;
                }

                .gong-a a .time div:nth-child(1) {
                  text-align: center;
                  font-size: 40px;
                  margin-bottom: 5px;
                  font-family: 'HelveticaNeueLTCom-Bd';
                }

                .gong-a a .time div:nth-child(2) {
                  text-align: center;
                  font-size: 14px;
                  font-family: 'HelveticaNeueLTCom';
                  margin-top: 60px;
                }

                .gong-a a .more {
                  display: inline-block;
                  vertical-align: middle;
                  width: 115px;
                }

                .gong-a a .font {
                  width: -moz-calc(100% - 117px);
                  width: -webkit-calc(100% - 117px);
                  width: calc(100% - 117px);
                  display: inline-block;
                  vertical-align: middle;
                  padding-left: 5%;
                  padding-right: 5%;
                  box-sizing: border-box;
                }

                .gong-a a .font .ti {
                  font-size: 16px;
                  color: #555;
                  overflow: hidden;
                  text-overflow: ellipsis;
                  white-space: nowrap;
                  margin-bottom: 10px;
                }

                .gong-a a .font .de {
                  font-size: 14px;
                  color: #666;
                  line-height: 20px;
                  transition: 0.5s;
                  position: relative;
                  max-height: 60px;
                  overflow: hidden;
                  left: 0;
                }

                .gong-a a:hover .de {
                  left: 10px;
                  color: #0075c1;
                }

                .gong {
                  margin-bottom: 70px;
                }

                .gong-a {
                  margin-bottom: 60px;
                }

                .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: 30px;
                  line-height: 1.4;
                  color: #333;
                  margin-bottom: 24px;
                  font-weight: bold;
                }

                .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 .content_div p {
                  font-size: 16px;
                  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: #0075c1;
                  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: #0075c1;
                }

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

                .tech .tit {
                  font-size: 24px;
                  color: #0075c1;
                  float: left;
                  /* position: relative; */
                  transform: translateY(-50%);
                  background-color: #fff;
                  padding-right: 35px;
                }

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

                .titb {
                  border-top: 1px solid #bfbfbf;
                  margin-bottom: 60px;
                }

                .tech-ul {
                  margin-bottom: 80px;
                  font-size: 0;
                }

                .tech-ul li {
                  display: inline-block;
                  vertical-align: top;
                  width: 32%;
                  margin-right: 2%;
                  position: relative;
                  cursor: pointer;
                }

                .tech-ul li:nth-child(3n) {
                  margin-right: 0;
                }

                .tech-ul li .font {
                  position: absolute;
                  bottom: 0;
                  left: 0;
                  padding: 35px 25px;
                  box-sizing: border-box;
                  width: 100%;
                }

                .tech-ul li .font .de {
                  font-size: 26px;
                  color: #fff;
                  margin-top: 8px;
                }

                .tech-ul li:hover .pic img {
                  transform: scale(1.1, 1.1) rotate(-2deg);
                  -webkit-transform: scale(1.1, 1.1) rotate(-2deg);
                }

                .tech .tide {
                  /* font-size: 18px; */
                  font-size: 14px !important;
                  /* color: #333; */
                  color: #555;
                  line-height: 1.5 !important;
                  /*padding-left: 55px;*/
                  text-align: center;
                  box-sizing: border-box;
                  margin-bottom: 60px;
                  padding: 0 55px;
                }

                .tpic {
                  text-align: center;
                  position: relative;
                  margin: 250px auto;
                  margin-bottom: 280px;
                  width: 522px;
                }

                .tpic .t9 {
                  position: absolute;
                  top: -200px;
                  left: -155px;
                  z-index: 9 !important
                }

                .tpic .t10 {
                  position: absolute;
                  top: -200px;
                  right: -175px;
                  z-index: 9 !important
                }

                .tpic .t12 {
                  position: absolute;
                  bottom: -233px;
                  left: -155px;
                }

                .tpic .t11 {
                  position: absolute;
                  bottom: -233px;
                  right: -175px;
                }

                .tech {
                  margin-bottom: 60px;
                }

                .san-ul .li {
                  cursor: pointer;
                }

                .san-ul li {
                  font-size: 0;
                  position: relative;
                  margin-bottom: 70px;
                }

                .san-ul li .bg {
                  position: absolute;
                  width: 100%;
                  /* height: 497px; */
                  padding-top: 26%;
                  left: 0;
                  /* top: -120px; */
                  top: 50%;
                  transform: translateY(-50%);
                  background-color: #f4f7ff;
                  z-index: -1;
                }

                .san-ul .font {
                  width: 51%;
                  display: inline-block;
                  vertical-align: middle;
                  padding-left: 40px;
                  box-sizing: border-box;
                  /* float: none; */
                  padding-top: 3%;
                }

                .san-ul .font .ti {
                  font-size: 24px;
                  color: #0075c1;
                  margin-bottom: 30px;
                }

                .san-ul .pic {
                  width: 49%;
                  display: inline-block;
                  vertical-align: middle;
                }

                .san-ul .ul {
                  font-size: 0;
                }

                .san-ul .ul .li {
                  display: inline-block;
                  vertical-align: top;
                  /* width: 25%; */
                  width: 16%;
                  text-align: center;
                  margin: 0 3%;
                }

                .san-ul .ul .li .icon {
                  width: 76px;
                  height: 88px;
                  background-image: url("../img/s.png");
                  background-repeat: no-repeat;
                  background-position: center;
                  position: relative;
                  display: inline-block;
                }

                .san-ul .ul .li .ded {
                  font-size: 14px;
                  color: #555;
                  text-align: center;
                  line-height: 1.5;
                  margin-top: 8px;
                }

                .san-ul li .zi {
                  font-size: 14px;
                  color: #555;
                  line-height: 1.5;
                }

                .san-ul li:nth-child(2n) .font {
                  padding-left: 60px;
                  padding-right: 3%;
                }

                .tech-logo {
                  font-size: 0;
                  padding: 0 3%;
                  box-sizing: border-box;
                  margin-bottom: 60px;
                }

                .tech-logo div {
                  display: inline-block;
                  vertical-align: top;
                  text-align: center;
                  width: 25%;
                }

                .tech-logo div img {
                  max-width: 100%;
                }

                .qua-de {
                  font-size: 0;
                }

                .qua-de .pic {
                  width: 50%;
                  display: inline-block;
                  vertical-align: top;
                }

                .qua-de .font {
                  display: inline-block;
                  vertical-align: top;
                  width: 50%;
                  padding: 4.4%;
                  box-sizing: border-box;
                }

                .qua-de {
                  margin-bottom: 100px;
                }

                .qua-de .font .de {
                  font-size: 20px;
                  color: #333;
                  line-height: 40px;
                }

                .qp-top {
                  font-size: 0;
                  text-align: center;
                  margin-top: 40px;
                }

                .qp-top img {
                  vertical-align: middle;
                }

                .qp2 {
                  position: relative;
                  right: -20px;
                }

                .qp4 {
                  margin-left: 1%;
                  margin-right: 1%;
                }

                .qp1,
                .qp5 {
                  width: 4.5%;
                }

                .qp2,
                .qp4 {
                  width: 17%;
                }

                .qp3 {
                  width: 54%;
                }

                .qp6,
                .qp8 {
                  width: 36%;
                }

                .qp7 {
                  width: 18%;
                  margin: 0 2%;
                }

                .qp-de {
                  font-size: 18px;
                  color: #2f4e62;
                  text-align: center;
                  line-height: 30px;
                  margin-top: 35px;
                }

                .pro-ul li .pic {
                  width: 50%;
                  float: left;
                }

                .pro-ul li .font {
                  width: 50%;
                  float: right;
                  position: relative;
                  padding-top: 32.75%;
                }

                .pro-ul li {
                  background-color: #eeeeee;
                }

                .pro-ul {

                }

                .pro-ul .ti {
                  font-size: 24px;
                  color: #0075c1;
                  margin-bottom: 30px;
                }

                .pro-ul .font .center {
                  width: 76.4%;
                }

                .pro-ul .font .de {
                  font-size: 14px;
                  color: #555;
                  line-height: 30px;
                }

                .pro-ul .more1 {
                  margin: 0;
                  margin-top: 35px;
                }

                .pro-ul .more1 i {
                  margin-top: 0;
                }

                .pro-ul a {
                  margin-bottom: 35px;
                }

                .pro-ul li:nth-child(even) .pic {
                  float: left;
                }

                .pro-ul li:nth-child(even) .font {
                  float: right;
                }

                .pro-ul li a:hover .pic img {
                  transform: scale(1.1)
                }

                .pro-ul li a:hover .morebtn {
                  background-image: url("../img/moho.png");
                }

                .pro-ul li a:hover .morebtn span {
                  color: #fff;
                }

                .pro-ul li a:hover .morebtn i {
                  width: 8px;
                  left: 8px;
                }

                .pro-ul li a:hover .morebtn i img {
                  opacity: 1;
                }

                .pro-ul {

                }

                .prodetail {
                  background-color: #f2f2f2;
                  margin-top: 100px;
                  overflow: hidden;
                }

                .navlink {
                  padding: 20px;
                  font-size: 16px;
                  color: #999;
                  line-height: 25px;
                }

                .navlink a {
                  display: inline;
                  font-size: 16px;
                  color: #999;
                  transition: 0.5s;
                }

                .navlink a:hover {
                  color: #0075c1;
                }

                .navlink a:last-child {
                  color: #0075c1;
                }

                .pro-de {
                  background-color: #fff;
                }

                .pro-de .top {
                  font-size: 0;
                }

                .pro-de .top .swi {
                  display: inline-block;
                  vertical-align: top;
                  width: 41%;
                }

                .pro-de .top .font {
                  display: inline-block;
                  vertical-align: top;
                  width: 59%;
                  padding: 25px;
                  box-sizing: border-box;
                }

                .pro-de .top .font .ti {
                  font-size: 40px;
                  color: #333;
                  margin-top: 13%;
                }

                .pro-de .top .font .ti i {
                  width: 35px;
                  height: 2px;
                  background-color: #0075c1;
                  display: block;
                  margin-top: 15px;
                  margin-bottom: 25px;
                }

                .pro-de .top .font .de {
                  font-size: 18px;
                  color: #333;
                  margin-bottom: 30px;
                }

                .pro-de .top .font .ded {
                  font-size: 16px;
                  color: #666;
                  line-height: 30px;
                }

                .pro-de .swi img {
                  width: 100%;
                  height: 100%;
                }

                .pro-de .swi {
                  padding: 50px 30px 66px 35px;
                  box-sizing: border-box;
                  position: relative;
                }

                .pro-de .swi .swi-b {
                  position: relative;
                }

                .pro-de .gallery-top {
                  width: 75%;
                  /* float: left; */
                  display: inline-block;
                }

                .pro-de .gt {
                  width: 20%;
                  position: absolute;
                  right: 0;
                  top: 0;
                  height: 100%;
                  padding: 25px 0;
                  box-sizing: border-box;
                }

                .pro-de .gt .gallery-thumbs {
                  height: 100%;
                  padding: 3px;
                  box-sizing: border-box;
                }

                .topswi .swiper-button-next,
                .topswi .swiper-button-prev {
                  width: 19px;
                  height: 11px;
                  margin: 0;
                  /*left: 50%;*/
                  transform: translateY(-50%);
                  margin-top: -28px;
                  /*right: auto;*/
                  background-size: 19px 11px;
                  transition: 0.5s;
                }

                .topswi .swiper-button-next {
                  /* top: auto;
                    bottom: 0;*/
                  transform: translateY(-50%) rotate(-90deg);
                  background-image: url("../img/sx.png");
                }

                .topswi .swiper-button-prev {
                  /*top: 0;
                    bottom: auto;*/
                  transform: translateY(-50%) rotate(-90deg);
                  background-image: url("../img/sh.png");
                }

                .topswi .swiper-button-prev:hover {
                  background-image: url("../img/shh.png");
                }

                .topswi .swiper-button-next:hover {
                  background-image: url("../img/sxh.png");
                }

                .pdti {
                  border-bottom: 1px solid #bfbfbf;
                  margin-bottom: 50px;
                }

                .pdtt {
                  cursor: pointer;
                  width: 235px;
                  background-repeat: no-repeat;
                  height: 55px;
                  line-height: 55px;
                  background-size: contain;
                  /* background-image: url('../img/pdb2.jpg'); */
                  background-image: url("../img/pdb.png");
                  display: inline-block;
                  position: relative;
                  z-index: 2;
                  text-align: center;
                  font-size: 22px;
                  color: #0075c1;
                  margin-bottom: -1px;
                }

                .pdtt:nth-child(2).act {
                  background-image: url("../img/pdbh1.jpg");
                  color: #fff;
                }

                .pdtt:nth-child(2) {
                  background-image: url("../img/pdbh2.jpg");
                }

                .pdtt:nth-child(1).act {
                  background-image: url("../img/pdbh.png");
                  color: #fff;
                }

                .pdtt:nth-child(2) {
                  position: relative;
                  left: -21px;
                  z-index: 1;
                }

                .pdtt:nth-child(1) i {
                  width: 22px;
                  height: 22px;
                  background-image: url("../img/pd1.png");
                  background-repeat: no-repeat;
                  display: inline-block;
                  vertical-align: middle;
                  margin-right: 10px;
                  background-position: center;
                  margin-top: -4px;
                }

                .pdtt:nth-child(1).act i {
                  background-image: url("../img/pd1h.png");
                }

                .pdtt:nth-child(2) i {
                  width: 22px;
                  height: 22px;
                  background-image: url("../img/pd2.png");
                  background-repeat: no-repeat;
                  display: inline-block;
                  vertical-align: middle;
                  background-position: center;
                  margin-top: -4px;
                  margin-right: 10px;
                }

                .pdtt:nth-child(2).act i {
                  background-image: url("../img/pd2h.png");
                }

                .pdde-top {
                  font-size: 0;
                  background-color: #ededed;
                  border: 1px solid #fff;
                  box-sizing: border-box;
                }

                .pdde-top li {
                  width: 25%;
                  display: inline-block;
                  vertical-align: middle;
                  font-size: 18px;
                  color: #666;
                  line-height: 40px;
                  text-align: center;
                  box-sizing: border-box;
                  border-left: 1px solid #fff;
                }

                .pdde-top li div {
                  border-bottom: 1px solid #fff;
                }

                .pdde-top li:nth-child(1) div {
                  border: none
                }

                .pdde-box {
                  padding: 50px 35px;
                  box-sizing: border-box;
                  padding-top: 0;
                }

                .pdde-bot li {
                  font-size: 0;
                  background-color: #f6f6f6;
                }

                .pdde-bot li:nth-child(even) {
                  background-color: #ededed;
                }

                .pdde-bot li div:nth-child(1) {
                  width: 44.3%;
                  padding-left: 11%;
                  box-sizing: border-box;
                  padding-right: 18%;
                }

                .pdde-bot li div {
                  width: 27.85%;
                  display: inline-block;
                  vertical-align: middle;
                  font-size: 18px;
                  color: #666;
                  line-height: 30px;
                  padding: 5px 0;
                  box-sizing: border-box;
                  border-right: 1px solid #fff;
                  box-sizing: border-box;
                  padding-left: 12.8%;
                }

                .pdde-top li:nth-child(2) {
                  width: 19.2%;
                }

                .pdde-top li:nth-child(3) {
                  width: 27.9%;
                }

                .pdde-top li:nth-child(4) {
                  width: 27.9%;
                }

                .pdde-box {
                  display: none;
                }

                .pdde-box .pic img {
                  margin-bottom: 80px;
                }

                /*.head {
                    position: relative;
                }*/

                .head ul .list {
                  position: absolute;
                  top: 152px;
                  left: 0;
                  line-height: 45px;
                  background-color: #fff;
                  display: none;
                  width: 100%;
                  background-color: #f8f8f8;
                  padding: 30px 0;
                  box-sizing: border-box;
                  /*background-image:url('../img/xl.jpg');*/
                  background-repeat: no-repeat;
                  background-position: right top;
                }

                .head ul .list .pic {
                  width: 300px;
                  display: inline-block;
                  vertical-align: top;
                  margin-right: 30px;
                }

                .head ul .list .link {
                  display: inline-block;
                  vertical-align: top;
                  width: 60%;
                  float: right;
                }

                .head ul .list .content {
                  width: 80%;
                }

                .head ul .list a {
                  font-weight: normal;
                  /* transition: 0.3s;
                    padding: 0 10px;
                    box-sizing: border-box;
                    white-space: nowrap;
                    display: inline-block;
                    width: 30%;*/
                  width: 28%;
                  margin-right: 3%;
                  display: inline-block;
                  height: 54px;
                  line-height: 54px;
                  padding: 0 3%;
                  box-sizing: border-box;
                  color: #242424;
                  font-size: 15px;
                  border-top: 1px solid #efefef;
                  border-bottom: 1px solid #efefef;
                  white-space: nowrap;
                  text-overflow: ellipsis;
                  overflow: hidden;
                  transition: 0.5s;
                  float: left;
                }

                .head ul .list a:hover {
                  background-color: #0075c1;
                  color: #fff;
                }

                .head.act ul .list {
                  top: 152px;
                }

                @media screen and (max-width: 1350px) {
                  .head ul .list .link {
                    width: 52%;
                  }
                }

                @media screen and (max-width: 1600px) {
                  .ban .swiper-slide .font {
                    font-size: 46px;
                  }

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

                  .qua-de .font .de {
                    font-size: 18px;
                    line-height: 33px;
                  }

                  .san-ul .font .ti {
                    font-size: 22px;
                  }

                  .tech-ul li .font .de {
                    font-size: 24px;
                  }

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

                @media screen and (max-width: 1500px) {
                  .ban .swiper-slide .font {
                    font-size: 42px;
                    line-height: 55px;
                  }


                  .head ul li:nth-child(1) {
                    margin: 0;
                  }
                }

                @media screen and (max-width: 1400px) {
                  .ban .swiper-slide .font {
                    font-size: 38px;
                  }

                  .pro-ul .ti {
                    font-size: 20px;
                  }

                  .san-ul .font .ti {
                    font-size: 20px;
                  }

                  .tech-ul li .font .de {
                    font-size: 22px;
                  }

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

                  .morebtn {
                    width: 135px;
                  }

                  .qua-de .font {
                    padding: 2.4%;
                  }

                  .qua-de .font .de {
                    font-size: 16px;
                    line-height: 28px;
                  }

                  .san-ul .ul .li {
                    width: 18%;
                  }
                }

                @media screen and (max-width: 1300px) {
                  .ban .swiper-slide .font {
                    font-size: 36px;
                    line-height: 45px;
                  }

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

                  .tech-ul li .font .de {
                    font-size: 20px;
                  }

                  .prodetail {
                    margin-top: 80px;
                  }

                  .head .zhan-list {
                    top: 80px;
                  }

                  .ban,
                  .banner,
                  .search {
                    margin-top: 152px;
                  }

                  .head .chan form {
                    margin: 25px 16px 0 30px;
                  }

                  .head .chan>a {
                    margin-top: 32px;
                  }
                }

                .pro-ul .font .de {
                  max-height: 120px;
                  overflow: hidden;
                }

                @media screen and (max-width: 1200px) {
                  .ban .swiper-slide .font {
                    font-size: 32px;
                  }

                  .san-ul .font .ti {
                    font-size: 20px;
                  }

                  .pro-ul .ti {
                    font-size: 20px;
                    margin-bottom: 15px;
                  }

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

                  .head .logo img {
                    width: 200px;
                  }

                  .head .logo {
                    margin-left: 2.5%;
                  }

                  .head .chan {
                    margin-right: 2.5%;
                  }

                  .tech-ul li .font {
                    padding: 10px;
                  }

                  .pro-ul .more1 {
                    margin: 0;
                    margin-top: 15px;
                  }
                }

                @media screen and (max-width: 1100px) {
                  .ban .swiper-slide .font {
                    font-size: 28px;
                    line-height: 40px;
                  }
                }

                .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: relative;
                  /* position: fixed;
                  width: 100%;
                  top: 0;
                  left: 0;
                  z-index: 99999; */
                }

                .head-m .menu_div {
                  top: 0;
                  right: 0;
                  width: 50px;
                  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: #0075c1;
                  margin: 4px 0;
                  opacity: 1;
                  transition: 0.5s;
                  -webkit-transition: 0.5s;
                }

                .head-m .m_ul {
                  display: none;
                  border-top: 1px solid #eee;
                  position: fixed;
                  top: 48px;
                  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% - 48px);
                  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(6px, 4px);
                  transform: rotate(45deg) translate(6px, 4px);
                }

                .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(7px, -6px);
                  transform: rotate(-45deg) translate(7px, -6px);
                }

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

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

                  .logo {
                    line-height: 60px;
                  }

                  .head {
                    display: none;
                  }

                  .head .chan {
                    display: none;
                  }

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

                  .ban,
                  .mmban,
                  .banner,
                  .search {
                    margin-top: 48px;
                  }

                  .head-m {
                    display: block;
                  }

                  .prodetail {
                    margin-top: 48px;
                  }

                  .head-m .logo {
                    margin-left: 2.5%;
                    height: 45%;
                  }

                  .head-m .logo img {
                    height: 100%;
                  }
                }

                @media screen and (max-width: 750px) {
                  .ban .swiper-slide .font {
                    font-size: 22px;
                    line-height: 35px;
                  }

                  .ban .swiper-slide .font {
                    width: 80%;
                    text-align: center;
                  }

                  .ban .swiper-slide .f2 {
                    text-align: left
                  }

                  .morebtn {
                    margin-top: 10px;
                  }

                  .f2 .more1 {
                    margin-top: 10px;
                  }

                  .morebtn {
                    width: 108px;
                  }
                }

                @media screen and (max-width: 750px) {
                  .ban .swiper-slide .font {
                    font-size: 18px;
                    line-height: 25px;
                  }

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

                @media screen and (max-width: 1600px) {
                  .title .ti {
                    font-size: 30px;
                    /* font-size: 38px; */
                  }

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

                  .pro-de .top .font .ti {
                    font-size: 38px;
                  }
                }

                @media screen and (max-width: 1822px) {
                  .wel1box:nth-child(2) {
                    top: -80px;
                  }

                  .wel1box:nth-child(2) .ti {
                    margin-top: 165px;
                  }
                }

                @media screen and (max-width: 1650px) {
                  .wel1box:nth-child(2) {
                    top: -55px;
                  }

                  .wel1box:nth-child(2) .ti {
                    margin-top: 100px;
                  }
                }

                @media screen and (max-width: 1550px) {
                  .wel1box .font .ti {
                    font-size: 28px;
                    margin-bottom: 20px;
                  }

                  .morebtn {
                    margin-top: 25px;
                  }

                  .wel1box:nth-child(2) .ti {
                    margin-top: 90px;
                  }
                  
                  .news .san a {
                    padding: 5% 6%;
                  }
                }

                @media screen and (max-width: 1500px) {
                  .title .ti {
                    font-size: 28px;
                  }

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

                  .content_div li .font .ti {
                    font-size: 22px
                  }
                  
                  .news .san a .ti{
                    font-size: 16px;
                  }
                  .news>a .font .ti{
                    font-size: 16px;
                  }
                }

                @media screen and (max-width: 1400px) {
                  .news .san a .ti {
                    line-height: 25px;
                    font-size: 18px;
                    max-height: 50px;
                  }

                  .pro-de .top .font .ti {
                    font-size: 36px;
                  }

                  .news>a .font .ti {
                    font-size: 18px;
                  }

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

                  .wel1box:nth-child(2) {
                    top: -35px;
                  }

                  .wel1box:nth-child(2) .ti {
                    margin-top: 66px;
                  }

                  .content_div li .font .ti {
                    font-size: 22px
                  }

                  .wel-3 .top {
                    margin-top: 20px;
                  }

                  .wel3-ul .ti {
                    font-size: 18px;
                  }
                }

                @media screen and (max-width: 1366px) {
                  .content {
                    width: 80%;
                  }
                }

                @media screen and (max-width: 1300px) {
                  .title .ti {
                    font-size: 34px;
                  }

                  /* .news .san a .ti {
                        line-height: 20px;
                        font-size: 16px;
                    } */
                  .pro-de .top .font .ti {
                    font-size: 34px;
                  }

                  .title {
                    margin-top: 60px;
                  }

                  .pro-de .top .font .ti i {
                    margin-bottom: 15px;
                  }

                  .content_div li .font .ti {
                    font-size: 22px
                  }

                  .pro-de .top .font .de {
                    margin-bottom: 15px;
                  }

                  .news .san a .ti {
                    line-height: 25px;
                    font-size: 16px;
                    max-height: 50px;
                  }

                  .news>a .font .ti {
                    font-size: 16px;
                  }
                }

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

                  .title {
                    margin-top: 60px;
                  }

                  .pro-de .top .font .ti {
                    font-size: 32px;
                  }

                  .morebtn {
                    margin-top: 15px;
                  }

                  .wel1box .font .ti {
                    margin: 15px 0;
                  }

                  .wel1box:nth-child(2) .ti {
                    margin-top: 60px;
                  }

                  .content_div li .font .ti {
                    font-size: 22px
                  }

                  .content_div li .limore {
                    width: 120px;
                  }
                }

                .wel1box:nth-child(2) .pic {
                  float: right;
                }

                @media screen and (max-width: 1100px) {
                  .wel1box:nth-child(2) {
                    top: 0;
                    margin-bottom: 40px;
                  }

                  .wel1box:nth-child(2) .ti {
                    margin: 15px 0;
                  }
                }

                @media screen and (max-width: 950px) {
                  .wel1box .pic {
                    width: 100%;
                    margin-right: 0;
                  }

                  .wel1box .font {
                    width: 100%;
                  }

                  .wel1box {
                    margin-bottom: 20px;
                  }
                }

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

                  .title .ti {
                    font-size: 19px;
                  }

                  .wel1box .font .de {
                    font-size: 14px;
                  }

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

                  .content {
                    width: 95%;
                  }

                  .title {
                    margin-top: 40px;
                    margin-bottom: 30px;
                  }

                  .title .en {
                    font-size: 14px;
                  }

                  .content_div li .font .ti {
                    font-size: 18px;
                  }

                  .wel-3 .font {
                    padding: 0;
                    width: 100%;
                  }

                  .wel-3 .pic {
                    width: 100%;
                  }

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

                  .wel-3 .top {
                    margin-top: 0;
                    margin-bottom: 15px;
                  }

                  .wel3-ul .icon {
                    width: 50px;
                    height: 57px;
                  }

                  .wel3-ul .icon .cen {
                    width: 60%;
                  }

                  .wel3-ul li {
                    padding-top: 20px;
                    padding-left: 2%;
                    padding-bottom: 30px;
                  }

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

                  .news .san {
                    position: static;
                    width: 100%;
                  }

                  .news .san a {
                    padding: 10px;
                    height: auto;
                  }

                  .news .san a .time {
                    margin-top: 10px;
                  }

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

                  .wel-4 .news {
                    margin-bottom: 20px;
                  }
                }

                @media screen and (max-width: 1000px) {
                  .footer ul li {
                    width: 14%
                  }
                }

                @media screen and (max-width: 750px) {
                  .footer ul li {
                    display: none;
                  }

                  .footer ul .link {
                    position: static;
                    text-align: left
                  }

                  .footer .bdsharebuttonbox {
                    text-align: left;
                  }

                  .footer .last {
                    margin-top: 30px;
                  }

                  .footer .last {
                    padding-bottom: 30px
                  }

                  .wel3-ul .ti {
                    font-size: 16px;
                    margin-bottom: 30px;
                  }
                }

                @media screen and (max-width: 1600px) {
                  .banner .font {
                    font-size: 34px;
                  }

                  .about-top .font .ti {
                    margin-bottom: 20px;
                  }

                  .pro-top .zi p {
                    line-height: 35px;
                    font-size: 20px;
                  }

                  .pro-num ul li p span {
                    font-size: 58px;
                  }

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

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

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

                @media screen and (max-width: 1500px) {
                  .about-top .icon-b {
                    /* width: 300px */
                  }

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

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

                  .pro-top .zi p {
                    line-height: 32px;
                    font-size: 18px;
                  }

                  .pro-top .de p {
                    margin-bottom: 5px;
                    line-height: 25px;
                  }

                  .pro-num ul li p span {
                    font-size: 54px;
                  }
                }

                @media screen and (max-width: 1400px) {
                  .banner .font {
                    font-size: 30px;
                  }

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

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

                  .nav a {
                    font-size: 16px;
                  }

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

                  .pro-num ul li p span {
                    font-size: 50px;
                  }

                  .pro-num {
                    padding-top: 60px;
                    padding-bottom: 50px;
                  }

                  .about-top .font .ti {
                    margin-bottom: 10px;
                  }

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

                  .cul .title {
                    margin-top: 100px;
                  }

                  .cul {
                    padding-bottom: 100px
                  }

                  .mapbox {
                    padding: 30px 35px;
                  }
                }

                .about-top .icon-b:nth-child(2) {
                  margin-right: 0;
                }

                @media screen and (max-width: 1300px) {
                  .cul {
                    padding-bottom: 80px;
                  }

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

                  .pro-san .top .ti {
                    font-size: 18px;
                  }

                  .cul .title {
                    margin-top: 80px;
                  }

                  .pro-num ul li p span {
                    font-size: 46px;
                  }

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

                @media screen and (max-width: 1250px) {
                  .about-top .pic {
                    display: none;
                  }

                  .about-top .font {
                    width: 100%;
                    padding: 0;
                  }

                  .pro-num ul li p {
                    padding: 0 12%;
                  }

                  /* .about-top .swiper-container {
                        height: auto;
                    } */
                }

                @media screen and (max-width: 1200px) {
                  .banner .font {
                    font-size: 26px;
                  }

                  .pro-num ul li p span {
                    font-size: 42px;
                  }

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

                  .mapbox {
                    padding: 20px 25px;
                  }

                  .mapbox .ti {
                    font-size: 20px;
                    line-height: 35px;
                  }

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

                  .banner {
                    height: 250px;
                    overflow: hidden;
                    position: relative;
                  }

                  .banner img {
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    transform: translate(-50%, -50%);
                    width: auto;
                  }

                  .honour .swiper-slide p {
                    font-size: 16px;
                    line-height: 25px;
                    margin-top: 5px;
                  }
                }

                @media screen and (max-width: 1000px) {
                  .banner .font {
                    font-size: 24px;
                  }

                  .culb {
                    width: 50%;
                  }

                  .pro-num ul li p span {
                    font-size: 38px;
                  }
                }

                @media screen and (max-width: 750px) {
                  .banner {
                    height: 13.5rem;
                  }

                  .banner .font {
                    font-size: 22px;
                    width: 80%;
                    left: 10%;
                  }

                  .banner .font .link {
                    font-size: 14px;
                  }

                  .pro-san .top .ti {
                    font-size: 16px;
                  }

                  .about-top .swiper-container {
                    height: auto;
                  }

                  .about-top .icon-b {
                    margin-bottom: 20px;
                    margin-right: 0;
                  }

                  .about-top .icon {
                    text-align: center;
                  }

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

                  .culb .ti {
                    margin: 15px 0;
                  }

                  .cul .title {
                    margin-top: 45px;
                    margin-bottom: 30px;
                  }

                  .culb .de p span {
                    font-size: 14px !important;
                  }

                  .cul {
                    padding-bottom: 35px;
                    background-size: auto 100%;
                    background-position: center;
                  }

                  .culb .ti {
                    font-size: 18px;
                  }

                  .but-box {
                    margin-top: 20px;
                    margin-bottom: 40px;
                  }

                  .pro-top .left {
                    padding: 0;
                    width: 100%;
                    float: none;
                    margin-bottom: 20px;
                  }

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

                  .pro-top {
                    margin-bottom: 30px;
                  }

                  .pro-top .zi p {
                    font-size: 16px;
                    line-height: 1.5;
                  }

                  .pro-num ul li p {
                    font-size: 14px;
                    line-height: 1.5;
                  }

                  .pro-top .right .pic img {
                    width: 100% !important;
                  }

                  .scrollBox {
                    height: auto!important;
                    padding-right: 0!important;
                  }

                  .pro-num ul li p:nth-child(1) {
                    margin-bottom: 0;
                  }

                  .pro-num ul li p span {
                    font-size: 30px;
                  }

                  .pro-num ul li {
                    /* width: 50%; */
                    /* border-bottom: 1px solid #fff; */
                    border-right: none;
                    padding: 0 2%;
                    box-sizing: border-box;
                    margin-bottom: 20px;
                    padding-bottom: 20px;

                  }

                  .pro-num ul li p {
                    text-align: center;
                  }

                  .pro-num {
                    padding-top: 30px;
                    padding-bottom: 0px;
                  }
                }

                .pro-san .top .icon img {
                  max-width: 20%;
                }

                @media screen and (max-width:600px) {
                  .culb {
                    width: 100%;
                    margin-bottom: 20px;
                  }

                  .culb .de {
                    width: 90%;
                  }
                }

                .search .tit {
                  font-size: 23px;
                  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%;
                  }

                  .news-c .top .font .ti {
                    font-size: 16px;
                  }

                  .news-c .top .font .de {
                    line-height: 25px;
                    max-height: 100px;
                  }
                }

                @media screen and (max-width:1500px) {
                  .news-c .top .font .link {
                    margin-top: 30px;
                  }

                  .news-c .top .font .time {
                    margin-bottom: 15px;
                  }
                }

                @media screen and (max-width:1000px) {
                  .news-c .top .pic {
                    width: 100%;
                  }

                  .news-c .top .font {
                    width: 100%;
                    margin: 20px 0;
                  }
                }

                @media screen and (max-width:750px) {
                  .news-c .top .font {
                    padding: 0 10px;
                  }
                }

                @media screen and (max-width:1200px) {
                  .news-link a {
                    width: 32%;
                    margin-right: 2%;
                  }

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

                  .news-link a:nth-child(4n) {
                    margin-right: 2%;
                  }
                }

                @media screen and (max-width:750px) {
                  .news-link a {
                    width: 100%;
                    margin-right: 0%;
                  }

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

                  .news-link a:nth-child(4n) {
                    margin-right: 0%;
                  }

                  .news-link {
                    margin-bottom: 20px;
                  }

                  .gong-a a .time {
                    display: none;
                  }

                  .gong-a a .font {
                    width: 100%;
                    padding: 0 10px;
                    margin: 20px 0;
                  }

                  .gong-a a .more {
                    width: 100%;
                    border: none;
                  }

                  .gong-a a .more {
                    height: 40px;
                  }

                  .info_box .page_div a.previous_a,
                  .info_box .page_div a.next_a {
                    width: 100%;
                    float: none;
                    max-width: 100%;
                    background-color: #f2f2f2;
                  }

                  .info_box .page_div a.return_a {
                    position: static;
                    transform: none;
                    text-align: center;
                  }

                  .info_box .page_div {
                    height: auto;
                    background-color: #fff;
                    padding: 0;
                  }

                  .qua-de .pic {
                    width: 100%;
                  }

                  .qua-de .font {
                    width: 100%;
                    padding: 0 10px;
                    margin: 10px 0;
                  }

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

                  .titb {
                    margin-top: 40px;
                  }

                  .tech {
                    margin-bottom: 60px;
                  }

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

                  .san-ul .pic {
                    width: 100%;
                  }

                  .san-ul li:nth-child(2n) .font {
                    padding: 0;
                  }

                  .san-ul li .bg {
                    display: none;
                  }

                  .san-ul li {
                    margin-bottom: 20px;
                  }

                  .tech-ul li {
                    width: 100%;
                    margin-right: 0;
                    margin-bottom: 20px;
                  }

                  .tech-ul {
                    margin-bottom: 40px;
                  }
                }

                @media screen and (max-width:500px) {
                  .san-ul .ul .li {
                    width: 42%;
                    margin-bottom: 20px;
                  }

                  .tech-ul li .font .de {
                    font-size: 18px;
                  }
                }

                @media screen and (max-width:900px) {
                  .tech .tpic img {
                    position: static;
                  }

                  .tpic {
                    margin: 40px 0;
                    width: auto;
                  }

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

                  .tpic .t9 {
                    margin-right: -3%;
                  }

                  .tpic .t11 {
                    margin-right: -3%;
                  }

                  .tpic .t10 {
                    margin-right: -3%;
                    margin-top: -10px;
                  }

                  .tpic .t12 {
                    margin-top: -10px;
                    margin-right: -3%;
                  }

                  .tech .tide {
                    padding: 0;
                  }
                }

                @media screen and (max-width:750px) {
                  .pro-ul li .pic {
                    width: 100%;
                    float: none;
                  }

                  .pro-ul li .font {
                    width: 100%;
                    float: none;
                  }

                  .pro-ul li .font {
                    padding: 20px 10px;
                    box-sizing: border-box;
                  }

                  .pro-ul li .font .center {
                    position: static;
                    transform: none;
                    width: 100%;
                  }

                  .pro-ul .ti {
                    font-size: 18px;
                  }

                  .pro-ul a {
                    margin-bottom: 20px;
                  }

                  .pro-de .top .swi {
                    width: 100%;
                  }

                  .pro-de .top .font {
                    width: 100%;
                  }

                  .pro-de .top .font .ti {
                    margin-top: 0;
                  }

                  .pro-de .swi {
                    padding: 20px 10px;
                  }

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

                  .pro-de .top .font .de {
                    margin-bottom: 5px;
                  }

                  .pdtt {
                    width: 130px;
                  }

                  .pdtt {
                    height: 30px;
                    line-height: 30px;
                    font-size: 14px;
                  }

                  .pdtt:nth-child(1) i {
                    width: 18px;
                    height: 18px;
                    background-size: contain;
                  }

                  .pdtt:nth-child(2) i {
                    width: 18px;
                    height: 18px;
                    background-size: contain;
                  }

                  .pdde-box {
                    padding: 0;
                    padding-bottom: 20px;
                  }

                  .mapbox {
                    width: 100%;
                    margin-right: 0;
                    margin-bottom: 20px;
                  }

                  #l-map {
                    height: 300px;
                  }
                }

                .pro-de .gt .gallery-thumbs .swiper-slide-thumb-active {
                  box-shadow: 1px 1px 3px #999;
                }

                .pro-de .gt .gallery-thumbs .swiper-slide {
                  overflow: hidden;
                }

                @media screen and (max-width:500px) {
                  .mapbox {
                    padding: 10px;
                  }

                  .mapbox .ti {
                    font-size: 18px;
                    margin-bottom: 10px;
                  }
                }

                /* //////////////////////// */

                .nav.two a {
                  width: 50%;
                }

                .nav.two a:nth-child(2) {
                  border-right: none;
                }

                .pde {
                  font-size: 16px;
                  color: #333;
                  line-height: 2;
                  text-align: center;
                  padding: 0 8%;
                  box-sizing: border-box;
                  color: #555;
                  font-size: 14px;
                  line-height: 1.5;
                }

                .fang {
                  background-image: url("../img/z2.jpg");
                  background-repeat: no-repeat;
                  background-position: center;
                  background-size: 100% 100%;
                  padding-top: 30px;
                  box-sizing: border-box;
                  margin-top: 100px;
                  height: 470px;
                }

                .fang .title .ti {
                  color: #fff;
                }

                .fang .title span {
                  background-color: #fff;
                }

                .fang ul li {
                  display: inline-block;
                  vertical-align: top;
                  width: 24%;
                  margin-right: 1%;
                  text-align: center;
                }

                .fang ul li:last-child {
                  margin-right: 0;
                }

                .fang ul {
                  margin-top: 75px;
                  font-size: 0;
                }

                .fang ul .font .ti {
                  font-size: 20px;
                  color: #333;
                }

                .fang ul .font {
                  padding: 30px 14%;
                  background-color: #fff;
                  min-height: 200px;
                  box-sizing: border-box;
                }

                .fang ul .font .ti:after {
                  content: '';
                  width: 30px;
                  background-color: #0075c1;
                  height: 3px;
                  display: block;
                  margin: 0 auto;
                  margin-top: 10px;
                  margin-bottom: 10px;
                }

                .fang ul .font .de {
                  font-size: 14px;
                  color: #666;
                  line-height: 1.5;
                  text-align: center;
                }

                .jili {
                  background-color: #f2f2f2;
                  padding-top: 13%;
                  overflow: hidden;
                }

                .jili .tu {
                  text-align: center;
                  margin-top: 50px;
                  margin-bottom: 120px;
                }

                .jili .tu img:nth-child(2) {
                  margin: 0 12%;
                }

                .fuli {
                  background-image: url("../img/z10.jpg");
                  background-repeat: no-repeat;
                  background-position: center;
                  /* background-size: 100% 101%; */
                  overflow: hidden;
                  padding-top: 30px;
                }

                .fuli .title .ti {
                  color: #fff;
                }

                .fuli .title span {
                  background-color: #fff;
                }

                .fuli ul {
                  font-size: 0;
                  margin-bottom: 170px;
                }

                .fuli li {
                  display: inline-block;
                  width: 24%;
                  margin-right: 1%;
                  background-color: #e6f3f9;
                  position: relative;
                  padding-bottom: 18%;
                }

                .fuli li:last-child {
                  margin-right: 0;
                }

                .fuli li p {
                  font-size: 20px;
                  color: #333;
                  color: #535353;
                  text-align: center;
                }

                .fuli li .pic img {
                  width: auto;
                  /* position: absolute;
                    bottom: 0;
                    left: 50%;
                    transform: translateX(-50%); */
                  vertical-align: bottom;
                }

                .fuli li .pic {
                  text-align: center;
                  height: 60px;
                  position: relative;
                  width: 60px;
                  display: inline-block;
                  margin-bottom: 15px;
                  overflow: initial;
                }

                .fuli li .center {
                  text-align: center;
                  width: 100%;
                }

                @media screen and (max-width: 1680px) {
                  .jili {
                    padding-top: 13%;
                  }
                }

                @media screen and (max-width: 1600px) {
                  .fang {
                    margin-top: 65px;
                  }

                  .fang {
                    padding-top: 1px;
                  }

                  .fang ul {
                    margin-top: 60px;
                  }

                  .fang ul .font {
                    padding: 30px 10%;
                  }

                  .jili {
                    padding-top: 10%;
                  }

                  .jili .tu {
                    text-align: center;
                    margin-top: 40px;
                    margin-bottom: 85px;
                  }
                }

                .fang ul li {
                  cursor: pointer;
                }

                .fang ul li:hover .pic img {
                  transform: scale(1.1);
                }

                @media screen and (max-width: 1430px) {
                  .fang ul .font .ti {
                    font-size: 18px;
                  }

                  .news .san a .ti {
                    margin-bottom: 5px;
                  }

                  .jili {
                    padding-top: 8%;
                  }

                  .fang ul .font {
                    padding: 23px 10%;
                  }

                  .fang {
                    margin-top: 55px;
                  }

                  .fang ul {
                    margin-top: 45px;
                  }

                  .fuli li p {
                    font-size: 18px;
                  }
                }

                @media screen and (max-width: 1175px) {
                  .jili .tu img:nth-child(2) {
                    margin: 0 8%;
                  }

                  .jili .tu {
                    text-align: center;
                    margin-top: 35px;
                    margin-bottom: 75px;
                  }
                }

                @media screen and (max-width: 1140px) {
                  .fang ul .font {
                    padding: 20px 7%;
                  }
                }

                @media screen and (max-width: 1050px) {
                  .fang ul li {
                    width: 100%;
                    margin-right: 0;
                  }

                  .jili {
                    padding-top: 0%;
                  }

                  .fang {
                    height: auto;
                    background-image: none;
                  }

                  .fang .title .ti {
                    color: #333;
                  }

                  .fang .title span {
                    background-color: #0075c1;
                  }

                  .fang ul .font {
                    min-height: 100px;
                  }

                  .fang ul .font {
                    padding: 20px 10px;
                  }

                  .fang {
                    margin-top: 0;
                  }

                  .pde {
                    padding: 0;
                  }

                  .jili .tu img:nth-child(2) {
                    margin: 0 4%;
                  }
                }

                @media screen and (max-width: 956px) {
                  .jili .tu img {
                    display: block;
                    width: 227px;
                    margin: 0 auto;
                  }

                  .jili .tu img:nth-child(2) {
                    margin: 0 auto;
                  }

                  .fuli li {
                    width: 49%;
                    margin-right: 1%;
                    margin-bottom: 1%;
                  }

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

                  .fuli ul {
                    margin-bottom: 45px;
                  }

                  .fuli li {
                    padding-bottom: 28%;
                  }

                  .fuli {
                    padding-top: 10px;
                  }
                }

                @media screen and (max-width: 750px) {
                  .jili .tu {
                    text-align: center;
                    margin-top: 30px;
                    margin-bottom: 40px;
                  }

                  .fuli {
                    padding-top: 1px;
                  }

                  .fuli li .pic {
                    width: 40px;
                    height: 45px;
                    margin-bottom: 8px;
                  }

                  .fuli li .pic img {
                    width: 100%;
                  }

                  .fuli li p {
                    font-size: 16px;
                  }
                }

                /*pde*/

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

                .topswi {
                  padding: 0 40px;
                  box-sizing: border-box;
                  position: relative;
                  margin-bottom: 40px;
                  margin-top: 20px;
                }

                .topswi .swiper-slide {
                  cursor: pointer;
                }

                .topswi .swiper-slide p {
                  font-size: 20px;
                  color: #333;
                  text-align: center;
                  margin-top: 15px;
                  line-height: 1.5;
                  transition: 0.5s;
                }

                .topswi .swiper-slide:hover p {
                  color: #126fb4;
                }

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

                @media screen and (max-width:1600px) {
                  .topswi .swiper-slide p {
                    font-size: 18px;
                  }
                }

                @media screen and (max-width:1500px) {
                  .topswi .swiper-slide p {
                    font-size: 16px;
                  }
                }

                @media screen and (max-width:1400px) {
                  .topswi .swiper-slide p {
                    font-size: 16px;
                  }
                }

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

                  /* .topswi .swiper-slide p {
                        font-size: 20px;
                    } */
                  .topswi {
                    margin-bottom: 20px;
                  }
                }

                @media screen and (max-width:750px) {
                  .wel3-ul .icon {
                    display: block;
                    margin: 0 auto;
                  }

                  .wel3-ul .ti {
                    display: block;
                    text-align: center;
                    margin: 0;
                    margin-top: 10px;
                  }
                }

                @media screen and (max-width:500px) {
                  .topswi .swiper-slide p {
                    font-size: 16px;
                  }
                }

                .topswi .swiper-slide.act p {
                  color: #126fb4;
                }

                .topswi .swiper-slide.act .pic {
                  box-shadow: 1px 1px 15px #ccc;
                }

                .topswi .swiper-container {
                  padding: 5px;
                  box-sizing: border-box;
                }

                .teswi {
                  overflow: hidden;
                  background-image: url("../img/iconbg.png");
                  background-repeat: no-repeat;
                  background-position: right top;
                }

                .teswi ul .pic {
                  width: 50px;
                  height: 50px;
                  border: 1px solid #333;
                  border-radius: 50%;
                  position: relative;
                  display: inline-block;
                }

                .teswi ul .pic img {
                  width: auto;
                  transition: 0.5s;
                }

                .teswi ul .pic .after {
                  opacity: 0
                }

                .teswi ul {
                  font-size: 0;
                  text-align: center;
                  margin-bottom: 50px;
                }

                .teswi ul li {
                  display: inline-block;
                  vertical-align: top;
                  text-align: center;
                  cursor: pointer;
                }

                .teswi ul li.act p {
                  color: #0678c2;
                }

                .teswi ul li.act .pic {
                  border: 1px solid #0678c2;
                }

                .teswi ul li.act .pic .after {
                  opacity: 1
                }

                .teswi ul li:hover p {
                  color: #0678c2;
                }

                .teswi ul li:hover .pic {
                  border: 1px solid #0678c2;
                }

                .teswi ul li:hover .pic .after {
                  opacity: 1
                }

                .teswi ul li.act .pic .before {
                  opacity: 0
                }

                .teswi ul li:hover .pic .before {
                  opacity: 0
                }

                .teswi ul li:nth-child(2) {
                  margin: 0 16%;
                }

                .teswi ul li p {
                  font-size: 20px;
                  color: #333;
                  margin-top: 15px;
                }

                .swib {
                  margin-bottom: 70px;
                }

                .certify .swiper-button-next,
                .certify .swiper-button-prev {
                  top: auto;
                  margin: 0;
                  bottom: 70px;
                  width: 81px;
                  height: 30px;
                  color: #fff;
                  text-align: right;
                }

                @media screen and (max-width:1000px) {
                  .swib {
                    margin-bottom: 0;
                  }

                  .tech .tide {
                    margin-bottom: 20px;
                  }

                  .swib .certify .swiper-button-next,
                  .swib .certify .swiper-button-prev {
                    background-image: none;
                    width: auto;
                    height: auto;
                    bottom: 50px;
                  }

                  .swib .certify .swiper-slide p {
                    font-size: 16px;
                    padding-left: 10px;
                  }

                  .swib .certify .swiper-button-next,
                  .swib .certify .swiper-button-prev {
                    display: none;
                  }

                  .teswi ul li p {
                    font-size: 18px;
                  }
                }

                @media screen and (max-width:1000px) {
                  .teswi ul li p {
                    font-size: 16px;
                  }

                  .teswi ul {
                    margin-bottom: 30px;
                  }
                }

                .jtop {
                  border: 1px solid #cccccc;
                  box-sizing: border-box;
                  margin-top: 35px;
                  margin-bottom: 30px;
                }

                .jtop-p {
                  border-bottom: 1px dashed #ccc;
                  font-size: 0;
                }

                .jp-ti {
                  display: inline-block;
                  vertical-align: middle;
                  font-size: 16px;
                  color: #666;
                  width: 160px;
                  text-align: center;
                  background-color: #f2f2f2;
                  line-height: 60px;
                  height: 60px;
                }

                .jp-de {
                  display: inline-block;
                  vertical-align: middle;
                  font-size: 0;
                }

                .jp-de a {
                  display: inline-block;
                  vertical-align: middle;
                  padding: 0 10px;
                  box-sizing: border-box;
                  font-size: 16px;
                  color: #666;
                  margin: 0 8px;
                  position: relative;
                  line-height: 25px;
                  /*transition: 0.5s;*/
                }

                .jp-de a:last-child:after {
                  display: none;
                }

                .jp-de a:hover {
                  background-color: #0075c1;
                  color: #fff;
                }

                .jp-de a.act {
                  background-color: #0075c1;
                  color: #fff;
                }

                /* .jp-de a:after {
                    content: '';
                    border-right: 1px solid #cccccc;
                    display: block;
                    position: absolute;
                    right: -8px;
                    top: 50%;
                    transform: translateY(-50%);
                    height: 12px;
                }
                 */

                .feedback_box .recruit_dl {
                  
                }

                .feedback_box .recruit_dl dt {
                  height: 74px;
                  line-height: 74px;
                  background: #0075c1;
                  text-align: center;
                  padding: 0 34px;
                }

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

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

                .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: #666;
                  height: 70px;
                  line-height: 70px;
                  text-align: center;
                  padding: 0 34px;
                  cursor: pointer;
                }

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

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

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

                .feedback_box .recruit_dl dd .top_div i::after {
                  content: "";
                  display: inline-block;
                  vertical-align: middle;
                  margin-top: -2px;
                  margin-left: 10px;
                  width: 12px;
                  height: 12px;
                  background: url("../img/tb6.png") no-repeat center;
                  transition: 0.5s;
                  -webkit-transition: 0.5s;
                }

                .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 35px;
                  margin-bottom: 30px;
                }

                .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 .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: #666;
                  line-height: 1.8;
                  /* vertical-align: top; */
                  /* width: 48%;
                    margin-right: 4%; */
                }

                .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: 260px;
                  height: 36px;
                  text-align: center;
                  line-height: 36px;
                  cursor: pointer;
                  transition: 0.5s;
                  -webkit-transition: 0.5s;
                }

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

                  .feedback_box .recruit_dl dt span:first-of-type {
                    display: inline-block;
                  }

                  .feedback_box .recruit_dl dt span:last-of-type {
                    display: inline-block;
                    float: right;
                  }

                  .feedback_box .link_dl dt {
                    font-size: 20px;
                  }

                  .feedback_box .link_dl dt::after {
                    top: 3px;
                  }

                  .feedback_box .link_dl dd a {
                    font-size: 16px;
                  }

                  .feedback_box .recruit_dl dt {
                    height: 64px;
                    line-height: 64px;
                  }

                  .feedback_box .recruit_dl dd .top_div {
                    height: 60px;
                    line-height: 60px;
                  }

                  .feedback_box .recruit_dl dd .top_div span {
                    display: none;
                  }

                  .feedback_box .recruit_dl dd .top_div span:first-of-type {
                    display: block;
                    float: left;
                    width: 50%;
                  }

                  .feedback_box .recruit_dl dd .top_div i {
                    float: right;
                  }
                }

                .feedback_box {
                  margin-bottom: 80px;
                }

                @media screen and (max-width: 750px) {
                  .feedback_box .recruit_dl dd .top_div i {
                    font-size: 14px;
                  }

                  .feedback_box .recruit_dl dt {
                    padding: 0 12px;
                  }

                  .feedback_box .recruit_dl dt span:first-of-type {
                    width: 50%;
                  }

                  .feedback_box .recruit_dl dt span:last-of-type {
                    width: 50%;
                  }

                  .feedback_box .recruit_dl dd .top_div {
                    padding: 0 12px;
                  }

                  .feedback_box .recruit_dl dd .top_div i {
                    width: 100px;
                  }

                  .feedback_box .recruit_dl dd .bottom_div {
                    padding: 10px 12px 20px;
                  }

                  .feedback_box .recruit_dl dd .bottom_div p {
                    width: 100%;
                    margin-right: 0;
                  }

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

                  .feedback_box .recruit_dl dd .top_div span {
                    font-size: 14px;
                  }

                  .jp-ti {
                    height: 45px;
                    line-height: 45px;
                  }

                  .page a {
                    font-size: 14px;
                    color: #fff;
                    min-height: auto;
                    min-width: auto;
                    padding: 0 10px;
                    line-height: 30px;
                    margin: 0 3px;
                  }

                  .feedback_box {
                    margin-bottom: 40px;
                  }
                }

                .sc_dl {
                  display: none;
                  position: fixed;
                  width: 100%;
                  height: 100%;
                  top: 0;
                  left: 0;
                  z-index: 98;
                  background: rgba(0, 0, 0, 0.8);
                }

                .sc_dl dt {
                  position: absolute;
                  background: #fff;
                  width: 400px;
                  padding: 40px;
                  top: 50%;
                  left: 50%;
                  transform: translate(-50%, -50%);
                }

                .sc_dl dt .sc_div {
                  height: 42px;
                  width: 100%;
                  position: relative;
                }

                .sc_dl dt .out_i {
                  position: absolute;
                  top: 0;
                  right: 0;
                  width: 36px;
                  height: 36px;
                  background: url("../img/gb.png") no-repeat center;
                  background-size: 50%;
                  transition: 0.5s;
                  -webkit-transition: 0.5s;
                }

                .sc_dl dt .out_i:hover {
                  background: url("../img/gbh.png") no-repeat center #ed6d00;
                  background-size: 50%;
                }

                .sc_dl dt .sc_div .js-img-list-f {
                  display: none;
                }

                .sc_dl dt .sc_div .file {
                  position: absolute;
                  z-index: 3;
                  width: 100%;
                  height: 100%;
                  top: 0;
                  left: 0;
                  opacity: 0;
                }

                .sc_dl dt .sc_div::after {
                  content: "请选择文件 !";
                  position: absolute;
                  top: 0;
                  left: 0;
                  font-size: 16px;
                  background: #fff;
                  border: 1px solid #0075c1;
                  color: #0075c1;
                  width: 100%;
                  height: 40px;
                  text-align: center;
                  line-height: 40px;
                }

                .sc_dl dt .sc_btn {
                  display: block;
                  margin: 20px auto 0;
                  width: 100px;
                  height: 36px;
                  background: #0075c1;
                  border: none;
                  color: #fff;
                  font-size: 16px;
                }

                .jtop-p:last-child {
                  border-bottom: none;
                }

                .jtop-p:last-child .jp-ti {
                  padding-bottom: 6px;
                }

                .jtop-p:last-child .jp-de a {
                  margin-bottom: 6px;
                }

                .jtop-p:first-child {
                  border-top: none;
                }

                .jtop-p:first-child .jp-ti {
                  padding-top: 6px;
                }

                .jtop-p:first-child .jp-de a {
                  margin-top: 6px;
                }

                .feedback_box .page {
                  margin-top: 120px;
                }

                @media screen and (max-width: 1000px) {
                  .jp-ti {
                    width: 100%;
                    display: block;
                  }

                  .jp-de {
                    display: block;
                  }

                  .jtop-p:first-child .jp-de a {
                    margin-top: 0;
                  }

                  .jtop-p:last-child .jp-de a {
                    margin-top: 0;
                  }

                  .jp-de {
                    padding: 10px 0;
                  }

                  .jtop-p:last-child .jp-de a {
                    margin-bottom: 0;
                  }

                  .jp-de a {
                    font-size: 14px;
                    padding: 0 5px;
                  }

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

                .tab td {
                  height: 40px;
                }

                .tab tr {
                  background-color: #ededed;
                }

                .tab td {
                  border: 1px solid #fff;
                  font-size: 18px;
                  color: #666;
                }

                .zhan .pic {
                  width: 18px;
                  height: 18px;
                  background-repeat: no-repeat;
                  background-position: center;
                  background-image: url("../img/zhan.png");
                  transition: 0.5s;
                  display: inline-block;
                  vertical-align: middle;
                  margin-top: -2px;
                  background-size: 100% 100%;
                  margin-right: 5px;
                }

                .zhan:hover .pic {
                  background-image: url("../img/zhanh.png");
                }

                .zhan {
                  float: right;
                  margin-left: 15px;
                  cursor: pointer;
                  font-size: 16px;
                  color: #666;
                  transition: 0.5s;
                }

                .zhan:hover {
                  color: #0075c1;
                }

                .head .chan>a {
                  border-right: 1px solid #ccc;
                  padding-right: 15px;
                }

                .zhan-list {
                  position: absolute;
                  top: 100px;
                  left: 0;
                  line-height: 45px;
                  background-color: #fff;
                  display: none;
                  width: 100%;
                  background-color: #f8f8f8;
                  padding: 30px 0;
                }

                .zhan-list .link {
                  font-size: 0;
                }

                .zhan-list a {
                  display: inline-block;
                  height: 54px;
                  line-height: 54px;
                  padding: 0 10px;
                  box-sizing: border-box;
                  color: #242424;
                  font-size: 15px;
                  border-top: 1px solid #efefef;
                  border-bottom: 1px solid #efefef;
                  white-space: nowrap;
                  text-overflow: ellipsis;
                  overflow: hidden;
                  width: 19%;
                  margin-right: 1%;
                  float: left;
                  transition: 0.5s;
                }

                .zhan-list a:hover {
                  background-color: #0075c1;
                  color: #fff;
                }

                .head.act .zhan-list {
                  top: 80px;
                }

                .hon-cover {
                  position: fixed;
                  top: 0;
                  left: 0;
                  width: 100%;
                  height: 100%;
                  z-index: 999999;
                  background-color: rgba(0, 0, 0, 0.7);
                  display: none;
                  overflow: hidden;
                }

                .hon-cover .center {
                  max-width: 80%;
                  max-height: 80%;
                }

                .hon-cover i {
                  font-size: 60px;
                  color: #fff;
                  transform: rotate(45deg);
                  position: absolute;
                  top: -60px;
                  right: -60px;
                  cursor: pointer;
                }

                .footer ul .link img {
                  width: 130px;
                }

                .footer ul .link img:first-child {
                  margin-right: 10px;
                }

                @media screen and (max-width: 750px) {
                  .footer ul .link {
                    text-align: center;
                  }

                  .footer ul:after {
                    display: none;
                  }
                }

                .loadingaaa {
                  width: 100vw;
                  height: 100vh;
                  position: fixed;
                  left: 0;
                  top: 0;
                  z-index: 20000;
                }

                .load_con {
                  width: 300px;
                  position: relative;
                  top: 50.1vh;
                  transform: translateY(-50%);
                  margin: 0 auto;
                  height: 100px;
                }

                .loadImg_box {
                  width: 100%;
                  text-align: center;
                  /* height:60px; */
                  margin-bottom: 10px;
                  overflow: hidden;
                }

                .percentCount {
                  display: none;
                }

                .load_t {
                  position: absolute;
                  width: 100%;
                  top: 0;
                  height: 50%;
                  background: #fff;
                  transition: .8s;
                }

                .load_t_l {
                  position: absolute;
                  right: 50%;
                  bottom: 0;
                  height: 4px;
                  background: #0075c1;
                  width: 0;
                  transition: all .8s ease-in-out;
                }

                .load_t_r {
                  position: absolute;
                  left: 50%;
                  bottom: 0;
                  height: 4px;
                  width: 0;
                  background: #0075c1;
                  transition: all .8s ease-in-out;
                }

                .load_t_active_lr {
                  width: 50%;
                }

                .load_b {
                  width: 100%;
                  height: 50vh;
                  position: absolute;
                  bottom: 0;
                  background: #fff;
                  transition: .8s;
                  text-align: center;
                  padding-top: 10px;
                  box-sizing: border-box;
                }

                .active_load_t {
                  top: -50.1%;
                }

                .active_load_b {
                  bottom: -50%;
                }

                .loadImg_box img {
                  transition: .8s;
                  display: inline-block;
                }

                .loadImg_box_active {
                  transform: translateY(170%);
                }

                .ove {
                  overflow: hidden;
                }

                .load_b img {
                  position: relative;
                  transition: 0.8s;
                  top: 0px;
                }

                .load_b img.active {
                  top: 40px;
                }

                .progressbar {
                  height: 1px;
                }

                .proggress {
                  height: 1px !important;
                }

                .ban .box_skitter_large {
                  width: 100%;
                  height: 100%;
                  /* height: auto; */
                }

                .box_skitter .image img {
                  width: 100%;
                }

                .ban {
                  position: relative;
                  /* padding-top:40.2%; */
                }

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

                .ban .box_skitter .progressbar {
                  opacity: 0 !important;
                }

                .ban .box_skitter .info_slide_dots {
                  background-color: transparent;
                  box-shadow: none;
                }

                .ban .box_skitter .info_slide_dots .image_number {
                  background-color: #fff;
                  width: 12px;
                  height: 12px;
                  margin: 0 4px;
                  box-shadow: none;
                }

                .skitter-round .info_slide_dots .image_number:hover {
                  background-color: #fff !important;
                }

                .skitter-round .info_slide_dots .image_number_select:hover {
                  background-color: #0075c1 !important;
                  margin: 0 !important;
                }

                .ban .box_skitter .info_slide_dots .image_number_select {
                  background-color: #0075c1;
                }

                .ban .box_skitter .info_slide_dots {
                  bottom: 40px;
                }

                .ban .top img {
                  width: auto;
                  max-width: 70%;
                }

                .ban .top {
                  position: absolute;
                  top: 48%;
                  left: 0%;
                  width: 100%;
                  transform: translateY(-50%);
                  text-align: center;
                  /* opacity: 0; */

                }

                /* .ban .top.act{
                opacity: 1;
                transition: 0.5s;
                top: 50%;
              } */
                .ban .top .ti {
                  font-size: 42px;
                  color: #fff;
                  text-align: center;
                  font-family: 'Source Han Sans CN';
                  opacity: 0;
                  position: relative;
                  top: 20px;
                  transition: all 0.2s ease;
                  letter-spacing: 5px;
                  margin-bottom: 5px;
                  text-shadow: 1px 4px 12px rgba(0, 0, 0, 0.4)
                }

                .ban .top .de {
                  font-size: 24px;
                  color: #fff;
                  text-align: center;
                  opacity: 0;
                  position: relative;
                  top: 20px;
                  transition: all 0.2s ease;
                  text-shadow: 1px 4px 8px rgba(0, 0, 0, 0.4)
                }

                .ban .top .ti.act {
                  opacity: 1;
                  top: 0;
                  transition: all 0.5s ease;
                }

                .ban .top .de.act {
                  opacity: 1;
                  top: 0;
                  transition: all 0.5s ease 0.3s;
                }

                @media screen and (max-width: 750px) {
                  .loadImg_box img {
                    width: 60%;
                  }

                  .load_b img {
                    width: 70%;
                  }

                  .load_b {
                    height: 51vh;
                  }
                }

                .ban .top.one {
                  text-align: left;
                }

                .ban .top.one .de {
                  text-align: left;
                  font-size: 18px;
                  margin-top: 2%;
                }

                .ban .top.one .ti,
                .ban .top.one .de {
                  white-space: nowrap;
                  text-align: left;
                }

                .ban .swiper-slide .f2 .de:after {
                  margin-left: 47px;
                  margin-top: 3px;
                }

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

                  .ban .top .de {
                    font-size: 24px;
                  }

                  .ban .swiper-slide .f2 .de:after {
                    margin-left: 40px;
                  }

                  .ban .swiper-slide .f2 .de:before {
                    margin-right: 40px;
                  }
                }

                @media screen and (max-width: 1500px) {
                  .ban .top .ti {
                    font-size: 42px;
                  }

                  .ban .top .de {
                    font-size: 22px;
                  }

                  .ban .swiper-slide .f2 .de:after {
                    margin-left: 35px;
                  }

                  .ban .swiper-slide .f2 .de:before {
                    margin-right: 35px;
                  }
                }

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

                  .ban .top .de {
                    font-size: 22px;
                  }

                  .ban .swiper-slide .f2 .de:after,
                  .ban .swiper-slide .f2 .de:before {

                    width: 40px;

                  }
                }

                @media screen and (max-width: 1300px) {
                  .ban .top .ti {
                    font-size: 34px;
                  }

                  .ban .top .de {
                    font-size: 20px;
                  }

                  .ban .swiper-slide .f2 .de:after {
                    margin-left: 28px;
                  }

                  .ban .swiper-slide .f2 .de:before {
                    margin-right: 28px;
                  }
                }

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

                  .ban .swiper-slide .f2 .de:after,
                  .ban .swiper-slide .f2 .de:before {
                    width: 20px;
                  }

                  .ban .swiper-slide .f2 .de:after {
                    margin-left: 10px;
                  }

                  .ban .swiper-slide .f2 .de:before {
                    margin-right: 10px;
                  }

                  .ban .top .de {
                    font-size: 14px;
                  }

                  .ban .swiper-slide .f2 {
                    left: 6%;
                  }

                  .ban .top.one .ti {
                    /* white-space: normal; */
                  }

                  .ban .top.one .ti {
                    text-align: left;
                  }

                  /* .ban .top .de {
                    font-size: 18px;
                  } */
                }

                .mmban {
                  display: none;
                }

                .mmban img {
                  width: 100%;
                }

                .wel-1.mm {
                  display: none;
                }

                .pro-san .swiper-pagination {
                  display: none;
                }

                .about-top .font .p {
                  display: none;
                  font-size: 16px;
                  line-height: 2;
                }

                .pro-san .swiper-pagination {
                  display: none;
                }

                @media screen and (max-width: 750px) {
                  .wel3-ul {
                    border: none;
                  }

                  .pro-san .swiper-pagination {
                    display: block;
                    position: static;
                  }

                  .about-top .swiper-button-next,
                  .about-top .swiper-button-prev {
                    display: none;
                  }

                  .culb .de {
                    font-size: 14px;
                  }

                  .about-top .icon {
                    margin-top: 10px;
                  }

                  .about-top {
                    margin-bottom: 30px;
                  }

                  .about-top .icon-b {
                    margin-bottom: 13px;
                    margin-right: 0;
                  }

                  .culb {
                    width: 50%;
                  }

                  .about-top .font .p {
                    display: block;
                  }

                  .about-top .swiper-container {
                    display: none;
                  }

                  .about-top .icon-b {
                    width: 100%;
                  }

                  .pro-san .swiper-button-next,
                  .pro-san .swiper-button-prev {
                    display: none;
                  }

                  .pro-san .swiper-pagination .swiper-pagination-bullet {
                    margin: 0 3px;
                  }

                  .pro-san .swiper-pagination {
                    display: block;
                    text-align: center;
                    position: static;
                  }

                  .wel3-ul li {
                    border: none;
                  }

                  .wel3-ul {
                    margin-bottom: 15px;
                  }

                  .mmban {
                    display: block;
                  }

                  .ban {
                    display: none;
                  }

                  .logo {
                    line-height: 48px;
                  }

                  .wel-1.pc {
                    display: none;
                  }

                  .wel-1.mm {
                    display: block;
                    padding: 0 2.5%;
                    box-sizing: border-box;
                  }
                }

                .head-m {
                  height: 48px;
                  /* line-height: 48px; */
                  position: fixed;
                  top: 0;
                  left: 0;
                  width: 100%;
                  z-index: 9999999999999999999999;
                }

                .head-m .menu_div i {
                  width: 22px;
                  margin: 2px 0;
                }

                .head-m .menu_div span {
                  width: 22px;
                  height: 24px;
                }

                .mmban .swiper-pagination-bullet {
                  width: 12px;
                  height: 12px;
                  opacity: 1;
                  background-color: #fff;
                }

                .mmban .swiper-pagination-bullet-active {
                  background-color: #0075c1;
                }

                .deve.mm {
                  display: none;
                }

                .deve.mm .deve-de li {
                  padding: 0;
                  padding: 0 8%;
                }

                .deve.mm .deve-de ul:after {
                  left: 3.5%;
                }

                .deve.mm .deve-de .year span {
                  font-size: 18px;
                }

                .deve.mm .deve-de li:after {
                  left: 3.5%;
                  width: 10px;
                  height: 10px;
                  background-size: cover;
                  transform: translateX(-50%);
                }

                .deve.mm .deve-de .year {
                  font-size: 15px;
                  font-style: italic;
                }

                .deve.mm .deve-de .de {
                  font-size: 14px;
                  line-height: 1.5;
                }

                @media screen and (max-width: 750px) {
                  .deve.mm {
                    display: block;
                  }

                  .culb .icon img {
                    width: 40px;
                    /* height: 35px; */
                  }

                  .wel-1 {
                    background-image: url("../img/wbg1.png");
                    background-position: right top;
                    background-repeat: no-repeat;
                    background-size: 100%;
                    overflow: hidden;
                  }

                  .deve-de li {
                    min-height: 100px;
                  }

                  .bopic {
                    /* display: none; */
                    text-align: left;

                  }

                  .deve-de {
                    margin-bottom: 45px;
                  }

                  .bopic img {
                    margin-left: 1%;
                  }

                  .deve.pc {
                    display: none;
                  }

                  .deve-de .pic {
                    bottom: 0;
                    position: static;
                  }

                  .deve-de li .pic {
                    text-align: left;
                    margin-bottom: 30px;
                    margin-top: 10px;
                  }

                  .deve-de ul:after {
                    width: 0.4%;
                  }

                  .mmban .top {
                    position: absolute;
                    top: 23%;
                    left: 50%;
                    transform: translateX(-50%);
                    width: 100%;
                    text-align: center;
                  }

                  .mmban .top .ti {
                    color: #fff;
                    font-size: 20px;
                    opacity: 0;
                    top: 20px;
                    position: relative;
                  }

                  .mmban .top .de {
                    color: #fff;
                    font-size: 14px;
                    text-align: center;
                    margin-top: 10px;
                    opacity: 0;
                    top: 20px;
                    position: relative;
                  }

                  .mmban .swiper-slide .top.one .de:after,
                  .mmban .swiper-slide .top.one .de:before {
                    content: '';
                    width: 20px;
                    border-top: 1px solid #fff;
                    vertical-align: middle;
                    display: inline-block;
                  }

                  .mmban .swiper-slide .top.one .de:after {
                    margin-left: 5px;
                  }

                  .mmban .swiper-slide .top.one .de:before {
                    margin-right: 5px;
                  }
                }

                .mmban .top .ti.act {
                  opacity: 1;
                  top: 0;
                  transition: all 0.5s ease;
                }

                .mmban .top .de.act {
                  opacity: 1;
                  top: 0;
                  transition: all 0.5s ease;
                }

                .wel-2 .mm {
                  display: none;
                }

                .wel-2 .mm .swiper-slide a>img {
                  width: 100%;
                }

                .qua-de .swiper-pagination {
                  display: none;
                }

                .pro-ul .title {
                  display: none;
                }

                .topswi .swiper-pagination {
                  display: none;
                }

                .fang .mm {
                  display: none;
                }

                .fang .mm .font .ti {
                  font-size: 18px;
                  color: #333;
                  text-align: center;
                }

                .fang .mm .font .ti:after {
                  content: '';
                  width: 30px;
                  background-color: #0075c1;
                  height: 3px;
                  display: block;
                  margin: 0 auto;
                  margin-top: 10px;
                  margin-bottom: 10px;
                }

                .fang .mm .font {
                  padding: 20px 2%;
                  background-color: #fff;
                  /* min-height: 200px; */
                  box-sizing: border-box;
                }

                .fang .mm .font .de {
                  font-size: 14px;
                  color: #666;
                  line-height: 1.5;
                  text-align: center;
                }

                .fang .mm .swiper-pagination {
                  position: static;
                  margin-bottom: 20px;
                }

                @media screen and (max-width: 750px) {
                  .fang .mm {
                    display: block;
                  }

                  .qp-de {
                    font-size: 14px;
                  }

                  .qua-de .font {
                    margin-bottom: 0;
                  }

                  .tech .tit img {
                    width: 35px;
                  }

                  .teswi {
                    background-size: 100%;
                  }

                  /* .tech .tide{
                    margin-bottom: 0;
                  } */
                  .tech {
                    margin-bottom: 30px;
                  }

                  .pagination a {
                    min-width: 35px;
                    min-height: 35px;
                    line-height: 35px;
                  }

                  .sc_dl dt {
                    width: 80%;
                    box-sizing: border-box;
                  }

                  .sc_dl dt .sc_btn {
                    font-size: 14px;
                  }

                  .feedback_box .recruit_dl dd .bottom_div .jlsc_span {
                    margin-top: 10px;
                  }

                  .fuli {
                    background-size: cover;
                    background-position: center;
                  }

                  .jtop-p:last-child .jp-ti {
                    padding-bottom: 0;
                  }

                  .jp-ti {
                    height: 40px;
                    line-height: 40px;
                  }

                  .jtop-p:first-child .jp-ti {
                    padding-top: 0;
                  }

                  .feedback_box .recruit_dl dd .bottom_div p span {
                    font-size: 14px !important;
                  }

                  .feedback_box .recruit_dl dd .bottom_div p {
                    font-size: 14px !important;
                  }

                  .feedback_box .recruit_dl dd .bottom_div {
                    margin: 0 10px;
                  }

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

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

                  .feedback_box .recruit_dl dt {
                    height: 55px;
                    line-height: 55px;
                  }

                  .feedback_box .recruit_dl dd .top_div {
                    height: 50px;
                    line-height: 50px;
                  }

                  .fuli li p {
                    font-size: 14px;
                  }

                  .jili .tu img {
                    width: 32%;
                    display: inline-block;
                  }

                  .fang .pc {
                    display: none;
                  }

                  .pro-de .top .font {
                    padding: 20px 10px;
                  }

                  .topswi {
                    padding: 0;
                    margin-top: 0;
                  }

                  .pdti {
                    margin-bottom: 30px;
                  }

                  .pdde-box .pic img {
                    margin-bottom: 45px;
                  }

                  .tab td {
                    font-size: 14px;
                  }

                  .pdtt {
                    width: 137px;
                    height: 30px;
                    line-height: 30px;
                    font-size: 18px;
                  }

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

                  .topswi .swiper-slide p {
                    font-size: 14px;
                  }

                  .pro-de .top .font .de {
                    font-size: 16px;
                  }

                  .pro-de .top .font .ded {
                    font-size: 14px;
                  }

                  .navlink {
                    padding: 20px 0;
                  }

                  .topswi .swiper-pagination {
                    display: block;
                    position: static;
                    text-align: center;
                  }

                  .topswi .swiper-pagination-bullet {
                    margin: 0 3px;
                  }

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

                  .qua-de .swiper-pagination {
                    display: block;
                  }

                  .pro-ul .title {
                    display: block;
                  }

                  .pro-ul .title .ti {
                    color: #333;
                  }

                  .pro-ul {
                    margin-top: 0;
                  }

                  .qua-de .swiper-button-next,
                  .qua-de .swiper-button-prev {
                    display: none;
                  }

                  .wel-2 .mm {
                    display: block;
                  }

                  .wel-2 .pc {
                    display: none;
                  }

                  .wel-2 .mm .font .ti {
                    font-size: 18px;
                    color: #fff;
                    margin-top: 25%;
                    text-align: center;
                  }

                  .wel-2 .mm .font {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                  }

                  .wel-2 .mm .limore {
                    display: block;
                    width: 120px;
                    height: 40px;
                    line-height: 40px;
                    background-image: url("../img/mo1.png");
                    background-repeat: no-repeat;
                    background-position: center;
                    text-align: center;
                    font-size: 0;
                    color: #fff;
                    /* margin: 0 auto; */
                    margin-top: 30px;
                    transition: all 0.5s ease;
                    background-size: contain;
                    position: absolute;
                    bottom: 10%;
                    left: 50%;
                    transform: translateX(-50%);
                  }

                  .wel-2 .mm .limore span {
                    font-size: 14px;
                    vertical-align: middle;
                  }

                  .news-c {

                  }

                  .tech .tpic img {
                    width: 50%;
                  }

                  .tech .tpic img:nth-child(3) {
                    display: none;
                  }

                  .tpic {
                    margin-top: 0;
                    margin-bottom: 10px;
                  }

                  .san-ul .font .ti {
                    text-align: center;
                    margin-top: 20px;
                    margin-bottom: 20px;
                  }

                  .tech .tit {
                    font-size: 18px;
                  }

                  .san-ul .font .ti {
                    font-size: 18px;
                  }
                }

                .tech .tide p {
                  /* text-align: center; */
                }

                .head-m .chan {
                  float: right;
                  margin-right: 50px;
                  line-height: 48px;
                  color: #0075c1;
                  /* font-weight: bold; */
                  font-size: 16px;
                }

                .deve .pic img {
                  position: relative;
                  left: -3px;
                }

                .scrollBox {
                  height: 416px;
                  padding-right: 10px;
                }

                .pro-top .ded {
                  font-size: 14px;
                  color: #999;
                  line-height: 1.5;
                  margin-top: 20px;
                }

                .pro-top .ded .bo {
                  font-size: 16px;
                  color: #333;
                  margin-bottom: 10px;
                  margin-top: 10px;
                }

                .pro-top .zl-scrollBar.zl-verticalBar {
                  width: 3px !important;
                }

                .pro-top .zl-scrollBarBox {
                  width: 3px !important;
                }