@charset "utf-8";

* {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: none;
  max-height: 100%;
}

body {
  transition: all 0.4s ease;
  color: #1A2234
}


body,
button,
input,
select,
textarea {
  font-family: pingfang SC,
    helvetica neue,
    arial,
    hiragino sans gb,
    microsoft yahei ui,
    microsoft yahei,
    simsun,
    sans-serif;
  font-size: 16px;
}

body,
p,
h1,
ul,
li,
input,
img,
figure,
h3,
h1,
h2,
h4,
h5,
h6,
dl,
dd,
dt {
  margin: 0;
  padding: 0;
}

input[type='text'],
input[type='password'],
input[type='submit'],
input[type='reset'],
input[type='button'],
textarea {
  -webkit-appearance: none;
}

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

code,
kbd,
pre,
samp {
  font-family: 'Poppins', Sans-serif;
}

small {
  font-size: 10px;
}

ul,
ol {
  list-style: none;
}

sub {
  bottom: 0;
}

a {
  text-decoration: none;
  color: #1A2234;
}

a:hover {
  text-decoration: none;
  color: #016CFE;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

abbr[title] {
  border-bottom: 1px dotted;
  cursor: footer-help;
}

legend {
  color: #000;
}

fieldset,
img {
  border: 0;
}

a img {
  vertical-align: text-bottom;
}

:focus {
  outline: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}

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

button,
input,
select {
  vertical-align: middle;
}

/* 更改输入框的 placeholder 文本颜色 */
input::placeholder,
textarea::placeholder {
  color: #bababa;
  /* 或者你想要的任何颜色值 */
}

button {
  cursor: pointer;
}

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

caption,
th {
  text-align: left;
}

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.text-blue {
  color: #016CFE;
}

.text-yellow {
  color: #FFA700;
}

.text-orange {
  color: #FF4600;
}

.text-red {
  color: #FE3233
}

.bg-blue {
  background: #016CFE;
}

.bg-grey {
  background: #F6FAFE
}

.text-white {
  color: #fff;
}

.text-capital {
  text-transform: uppercase;
}

.arial {
  font-family: Arial, Helvetica, sans-serif;
}

.pt-6 {
  padding-top: 60px;
}

.pb-6 {
  padding-bottom: 60px;
}

@font-face {
  font-family: 'DIN Alternate';
  src: url(../fonts/DIN-Alternate-Bold.ttf);
}

@font-face {
  font-family: 'DIN2014-Demi';
  src: url(../fonts/DIN2014-Demi.ttf);
}

@font-face {
  font-family: 'MiSans Semibold';
  src: url(../fonts/MiSans-Semibold.ttf);
}


/**************框架公用样式**********/
.container-fluid {
  width: 1210px;
  padding-left: 15px;
  padding-right: 15px;
}

.min-width {
  min-width: 1210px;
}

.photo img {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.photo:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.iconfont {
  font-size: inherit;
}

/**************头部**********/
header {
  box-shadow: 0px 2px 2px 0px rgb(179, 180, 181, .2);
  padding-left: 30px;
  padding-right: 30px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 555;
}

header .logo {
  width: 44px;
  height: 32px
}

header h1 {
  font-size: 24px;
  font-weight: 900;
}

header h2 {
  background: #dbe7ff;
  color: #016CFE;
  font-size: 14px;
  border-radius: 20px;
  padding: 8px 15px;
  white-space: nowrap;
}

header h3 {
  background: #016CFE;
  color: #fff;
  font-size: 12px;
  border-radius: 20px;
  padding: 8px 15px;
  white-space: nowrap;
}

header h4 {
  font-size: 22px;
  border-right: 1px solid #999;
  padding-right: 15px;
  white-space: nowrap;
}

header h4 em {
  font-family: 'DIN2014-Demi';
  font-size: 24px;
}

header h5 a {
  background: #FF0000;
  color: #fff;
  font-size: 14px;
  padding: 6px 15px;
  border-radius: 3px;
  white-space: nowrap;
}

header h5 a:hover {
  background: #f10404;
  color: #fff;
}

nav ul li a {
  display: block;
  text-align: center;
  padding: 23px 10px;
  font-size: 14px;
  font-weight: 900;
  position: relative;
  white-space: nowrap;
}

nav ul li a::after,
nav a.current::after {
  content: '';
  width: 0;
  height: 3px;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 0;
  background-color: #016CFE;
  transition: .3s;
}

nav ul li:hover a::after,
nav a.current::after {
  width: 30px;
}

nav a.current {
  color: #016CFE;
}

/**************banner**********/
.banner-home {
  margin-top: 67px;
}

.banner-home .swiper-slide .swiper-slide-text {
  height: 450px;
}

.banner-home .swiper-slide .swiper-slide-text h1 {
  font-size: 28px;
  font-weight: 900;
}


.banner-home .swiper-slide .swiper-slide-text h2 {
  font-size: 16px;
  font-weight: 900;
}

.banner-home .swiper-slide .swiper-slide-text h3 {
  font-size: 13px;
}

.banner-home .swiper-slide .swiper-slide-text a {
  width: 160px;
  height: 56px;
  background: #F21E64;
  border-radius: 2px;
  text-align: center;
  color: #fff;
}

.banner-home .swiper-slide .swiper-slide-text a i {
  font-size: 24px;
}

.banner .swiper-slide .swiper-slide-text a:hover {
  background: #FF0054;
}


.banner-home .swiper-pagination-bullet {
  background-color: #fff;
  width: 40px;
  height: 3px;
  opacity: 0.8;
  border-radius: 2px;
}

.banner-home .swiper-pagination-bullet-active {
  opacity: 1;
  background-color: #016CFE;
}

.notice-list {
  background: url(../images/bg18.png) center no-repeat;
  background-size: cover;
  height: 90px;
}

.notice-list p i {
  font-size: 30px;
  color: #f00;
}

.notice-list a {
  width: 100px;
  height: 34px;
  line-height: 34px;
  color: #fff;
  background: #016CFE;
  border-radius: 2px;
  text-align: center;
}

.more-link-list {
  transition: .3s;
}

.more-link-list:hover {
  background: #0565ec;
  color: #fff;
}

.project-name {
  font-size: 26px;
  font-weight: 900;
  position: relative;
  z-index: 5;
}

.project-section {
  color: #666;
  line-height: 2;
}

.name-tip {
  background: #FF5800;
  border-radius: 8px;
  color: #fff;
  font-size: 14px;
  padding: 10px 20px;
  display: table;
  position: absolute;
  right: 240px;
  top: -5px;
}

.name-tip span {
  font-size: 18px;
  font-family: 'MiSans Semibold';
}

.about-num {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.57) 0%, #E6EDF7 100%);
}

.about-num li {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 5;
}

.about-num li span {
  font-size: 36px;
  font-weight: 900;
  color: #016CFE;
  font-family: 'MiSans Semibold';
}

.about-num li span em {
  font-size: 20px;
  vertical-align: middle;
}

.about-num li span sub {
  vertical-align: inherit;
}

.about-num::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(../images/bg16.png) center no-repeat;
  z-index: -1;
}

.scenario-application {
  background: url(../images/bg1.png) right no-repeat #19223A;
  background-size: 50%;
}


.scenario-application ul {
  gap: 4%;
}

.scenario-application li {
  font-weight: 900;
  background: #E6EDF7;
  width: 16.8%;
  height: 60px;
  text-align: center;
  line-height: 60px;
  margin-bottom: 30px;
  position: relative;
  transition: .3s;
}

.scenario-application li:hover {
  background: #016CFE;
  color: #fff;
}

.scenario-application li:last-child {
  width: 37.5%;
  background: #016CFE;
  color: #fff;
}

.scenario-application li::before {
  content: '';
  width: 43px;
  height: 3px;
  background: #016CFE;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  transition: .3s;
}

.scenario-application li:hover::before {
  background: #fff;
  right: 0;
  left: auto;
}

.broadband figure {
  width: 630px;
}


.broadband figure section {
  font-size: 14px;
  color: #6B6B6B;
  line-height: 2;
}

.broadband .broadband-right {
  width: 400px;
  height: 400px;
  background: url(../images/about_bg.png) center no-repeat #19223A;
}

.broadband .broadband-right section {
  line-height: 2.2;
}

.broadband .broadband-right .logo {
  width: 65px;
  height: 44px;
}

.broadband .broadband-right .name {
  width: 140px;
  height: 30px;
}

.reason-selection {
  background: linear-gradient(180deg, #FCFCFC 0%, #E6EDF7 100%);
  background-size: cover;
  position: relative;
}

.reason-selection::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url(../images/bg19.png) top no-repeat;
  background-size: cover;
}

.reason-selection ul {
  padding: 60px 115px;
  position: relative;
  border-radius: 4px;
}

.reason-selection li {
  width: 46%;
  margin: 16px 0;
  transition: .3s;
}

.reason-selection li:hover {
  box-shadow: 6px 6px 10px 0px #9bb8e0, -4px -4px 12px 0px #FFFFFF;
}

.reason-selection li h3 {
  font-size: 20px;
  font-weight: 900;
  background: url(../images/bg13.png) right no-repeat;
  background-size: 100%;
  display: flex;
  align-items: center;
  padding: 10px 15px;
}

.reason-selection li section {
  background: #F9F9FF;
  padding: 20px 30px;
  font-size: 14px;
  line-height: 2;
  color: #666;
}

.reason-selection li h3::before {
  content: '';
  display: block;
  height: 26px;
  width: 4px;
  background: #FF0000;
  margin-right: 10px;
}

.wechat-seek a {
  background: #1F78F0;
  border-radius: 2px;
  color: #fff;
  padding: 10px 20px;
  position: relative;
  z-index: 5;
  transition: .3s;
  margin: 0 20px;
}

.wechat-seek a:hover {
  background: #0565ec;
}

.wechat-seek a i {
  margin-right: 10px;
  font-size: 18px;
  vertical-align: middle;
}

.reason-tel {
  font-size: 14px;
}

.reason-tel span {
  font-size: 28px;
  font-weight: 900;
  font-family: 'DIN2014-Demi';
}


.products-advantage li {
  width: 31%;
  padding: 30px 50px;
  text-align: center;
  background: linear-gradient(180deg, #FFFFFF 0%, #F2F5FA 100%);
  box-shadow: 6px 6px 20px 0px #D5DDE8, -4px -4px 12px 0px #FFFFFF;
  border-radius: 2px;
  border: 1px solid;
  border-image: linear-gradient(135deg, rgba(227, 237, 252, 1), rgba(255, 255, 255, 1)) 1 1;
  position: relative;
  transition: .3s;
}

.products-advantage li:hover {
  box-shadow: 6px 6px 20px 0px #9bb8e0, -4px -4px 12px 0px #FFFFFF;
}

.products-advantage li::before {
  content: '';
  width: 22px;
  height: 6px;
  background: #016CFE;
  display: block;
  position: absolute;
  left: 0;
  top: 40px;
}

.products-advantage li::after {
  content: '';
  width: 100%;
  height: 100%;
  background: url(../images/bg14.png) right bottom no-repeat;
  background-size: 90px;
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
}

.products-advantage li h3 {
  color: #016CFE;
  font-size: 20px;
  font-weight: 900
}

.products-advantage li section {
  font-size: 14px;
  color: #666;
  line-height: 2;
  margin-top: 20px;
}

.usage-scenario li {
  width: 22.5%;
  padding: 30px;
  border-radius: 3px;
  border: 1px solid transparent;
  background-clip: padding-box, border-box;
  /*设置背景绘制区域为内边距和边框区域。*/
  background-origin: padding-box, border-box;
  background-image: linear-gradient(180deg, #FFFFFF 0%, #F2F5FA 100%), linear-gradient(155deg, rgba(1, 108, 254, 1), rgba(255, 255, 255, 1));
  text-align: center;
  margin-bottom: 35px;
  transition: .3s;
}

.usage-scenario li:hover {
  box-shadow: 6px 6px 20px 0px #9bb8e0, -4px -4px 12px 0px #FFFFFF;
}

.usage-scenario li h3 {
  color: #016CFE;
  font-size: 20px;
  font-weight: 900
}

.usage-scenario li h3::after {
  display: block;
  width: 130px;
  height: 1px;
  margin: 15px auto;
  content: '';
  background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(1, 108, 254, .5), rgba(255, 255, 255, 1));

}

.usage-scenario li section {
  font-size: 14px;
  color: #666;
  line-height: 2;
  margin-top: 20px;
}

.enterprise-price li h3 {
  font-size: 24px;
  font-weight: 900;
  font-family: 'MiSans Semibold';
}

.enterprise-price li h3::after {
  display: block;
  width: 80%;
  height: 1px;
  margin: 15px auto;
  content: '';
  background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(74, 74, 74, .5), rgba(255, 255, 255, 1));

}


.enterprise-price li h4 {
  font-size: 28px;
  font-weight: 900;
  font-family: 'MiSans Semibold';
}

.enterprise-price li h4 em {
  font-size: 18px;
  vertical-align: middle;
}

.enterprise-price ul {
  gap: 3.5%;
}

.enterprise-price li {
  width: 31%;
  padding: 50px 50px;
  margin-bottom: 35px;
  border-radius: 3px;
  border: 1px solid transparent;
  background-clip: padding-box, border-box;
  /*设置背景绘制区域为内边距和边框区域。*/
  background-origin: padding-box, border-box;
  background-image: linear-gradient(180deg, #FFFFFF 0%, #F2F5FA 100%), linear-gradient(135deg, rgba(227, 237, 252, 1), rgba(255, 255, 255, 1));
  box-shadow: 6px 6px 20px 0px #D5DDE8, -4px -4px 12px 0px #FFFFFF;
  transition: .3s;
}

.enterprise-price li:hover {
  border: 1px solid #a9c4ee;
  margin-top: -8px;
}

.enterprise-price li section {
  color: #666;
  font-size: 14px;
  padding: 15px 0;
  line-height: 2;
  min-height: 230px;
}

.enterprise-price li p {
  font-size: 12px;
  color: #737373;
}

.enterprise-price li a {
  background: #016CFE;
  color: #fff !important;
  padding: 8px 35px;
  border-radius: 30px;
  font-size: 14px;
  margin: 20px 0;
  display: inline-block;
  transition: .3s;
}

.enterprise-price li a:hover {
  background: #0565ec;
}


.shopping-list-advantage li {
  width: 31%;
  padding: 30px 50px 70px;
  border: 1px solid #D7E5FD;
  background: #fff url('../images/bg4.png') no-repeat bottom;
  position: relative;
  background-size: 100%;
  transition: .3s;
}

.shopping-list-advantage li:hover {
  box-shadow: 6px 6px 20px 0px #9bb8e0, -4px -4px 12px 0px #FFFFFF;
}

.shopping-list-advantage li::before {
  content: '';
  width: 22px;
  height: 6px;
  background: #FF0000;
  display: block;
  position: absolute;
  left: 0;
  top: 40px;
}

.shopping-list-advantage li h3 {
  font-size: 20px;
  font-weight: 900
}

.shopping-list-advantage li section {
  font-size: 14px;
  color: #666;
  line-height: 2;
  margin-top: 20px;
}


.install-list {
  padding-top: 60px;
  width: 690px;
}

.install-list ul {
  gap: 8%;
}

.install-list li {
  margin: 25px 0;
  text-align: center;
}

.install-list li span {
  width: 70px;
  height: 70px;
  background: #6D6BF4;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 42px;
  color: #fff;
}

.install-list li:nth-child(2) span {
  background: #D81E06;
}

.install-list li:nth-child(3) span {
  background: #02D79D;
}

.install-list li:nth-child(4) span {
  background: #FF7E00;
}

.install-list li:nth-child(5) span {
  background: #F98950;
}

.install-list li:nth-child(6) span {
  background: #FF4F94;
}

.install-list li:nth-child(7) span {
  background: #002AAC;
}

.install-list li:nth-child(8) span {
  background: #EC6B38;
}

.install-list li:nth-child(9) span {
  background: #049BFF;
}

.install-list li:nth-child(10) span {
  background: #60D5B7;
}

.install-list li h5 {
  font-size: 16px;
  color: #666;
  margin-top: 10px;
}



.shop-price li h3 {
  font-size: 24px;
  font-weight: 900;
  font-family: 'MiSans Semibold';
}

.shop-price li h3::after {
  display: block;
  width: 80%;
  height: 1px;
  margin: 15px auto;
  content: '';
  background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(74, 74, 74, .5), rgba(255, 255, 255, 1));

}

.shop-price {
  padding-top: 30px;
}

.shop-price li h4 {
  font-size: 28px;
  font-weight: 900;
  font-family: 'MiSans Semibold';
}

.shop-price li h4 em {
  font-size: 18px;
  vertical-align: middle;
}

.shop-price li {
  width: 22.5%;
  padding: 30px;
  background: linear-gradient(180deg, #FBFCFE 0%, #F7F8FF 100%);
  border: 1px solid #F8D3C3;
  position: relative;
  z-index: 1;
  transition: .3s;
}

.shop-price li:hover {
  border: 1px solid #f7c5b0;
  margin-top: -8px;
  box-shadow: 6px 6px 20px 0px #9bb8e0, -4px -4px 12px 0px #FFFFFF
}

.shop-price li::after {
  content: '';
  width: 100%;
  height: 100%;
  background: url(../images/bg3.png) center 80% no-repeat;
  background-size: 100%;
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
}

.shop-price li section {
  color: #666;
  font-size: 14px;
  padding: 15px 0;
  line-height: 2;
  min-height: 255px;
}

.shop-price li p {
  font-size: 12px;
  color: #737373;
  margin-top: 15px;
}

.wuxian-list li {
  width: 31%;
  background: #464B5F;
  color: #fff;
  border-top: 5px solid #FE3233;
  padding: 20px 30px 30px;
  transition: .3s;
}

.wuxian-list li:hover {
  margin-top: -8px;
}

.wuxian-list li h3 {
  font-size: 20px;
  margin: 15px 0;
}

.wuxian-list li i {
  font-size: 50px;
}

.wuxian-list li p {
  font-size: 14px;
}


.wuxian-list1 li {
  width: 31%;
  padding: 30px 30px 20px;
  background: #19223A;
  position: relative;
  z-index: 1;
  color: #fff;
  transition: .3s;
}

.wuxian-list1 li:hover {
  margin-top: -8px;
}

.wuxian-list1 li h3 {
  font-size: 24px;
  font-weight: 900;
  font-family: 'MiSans Semibold';
}

.wuxian-list1 li h3::after {
  display: block;
  width: 80%;
  height: 1px;
  margin: 15px auto;
  content: '';
  background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(74, 74, 74, .5), rgba(255, 255, 255, 1));

}

.wuxian-list1 li h4 {
  font-size: 28px;
  font-weight: 900;
}

.wuxian-list1 li h4 em {
  font-size: 18px;
  vertical-align: middle;
}

.wuxian-list1 li a {
  background: #016CFE;
  color: #fff;
  padding: 8px 35px;
  border-radius: 30px;
  margin: 20px 0;
  display: inline-block;
}

.wuxian-list1 li section {
  font-size: 14px;
  padding: 10px 0;
  line-height: 2;
}

.wuxian-list1 li p {
  font-size: 12px;
  color: #737373;
  margin-top: 15px;
}

.wuxian-list2 li {
  background: #03007F;
  border-top: 5px solid #016CFE;
}

.wuxian-list3 li {
  background: #03007F;
  border: 0;
}

.zhuanxian-list li {
  width: 22.5%;
  background: #FFF;
  box-shadow: 4px 4px 20px 0px #D5DDE8, -2px -2px 7px 0px #FFFFFF;
  border-radius: 2px;
  padding: 35px 50px;
  text-align: center;
  transition: .3s;
}

.zhuanxian-list li:hover {
  box-shadow: 4px 4px 20px 0px #95b8e9, -2px -2px 7px 0px #FFFFFF;
}

.zhuanxian-list li h3 {
  font-size: 20px;
  font-weight: 900;
  margin-bottom: 20px;
  border-bottom: 1px solid #D8D8D8;
  padding-bottom: 15px;
}

.zhuanxian-list li section {
  color: #666;
  font-size: 14px;
  line-height: 2;
}

.contact-ip {
  font-size: 20px;
  font-weight: 900;
  padding: 25px;
  margin: 50px auto 0;
}

.zhuanxian-list1 li {
  width: 22.5%;
  background: #FFF;
  border: 1px solid #FF5800;
  box-shadow: none;
  border-radius: 2px;
  padding: 35px 40px;
  text-align: center;
  margin-bottom: 35px;
}

.ad-list {
  background: #FF5800;
  border-radius: 2px;
  color: #fff;
  padding: 35px;
  width: 75%;
  line-height: 2.2;
  text-shadow: 2px 2px 4px #000000;
  font-weight: 900;
  margin: 15px auto 0;
}

.ad-list span {
  display: block;
  font-size: 22px;
}

.ad-list1 {
  font-size: 34px;
  background: url(../images/bg20.png) center no-repeat;
  background-size: cover;
  height: 245px;
  text-shadow: 2px 2px 4px #000000;
  letter-spacing: 1px;
  font-weight: 900
}

.solution-list .swiper-container {
  width: calc(100% - 60px);
}

.solution-list .swiper-button-next-solution,
.solution-list .swiper-button-prev-solution {
  cursor: pointer;
  font-size: 20px;
}

.solution-list .swiper-button-next-solution:hover,
.solution-list .swiper-button-prev-solution:hover {
  cursor: pointer;
  background: #FF5800;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.solution-list .swiper-slide {
  width: 14.2%;
  padding: 30px 15px;
  color: #fff;
  height: 248px;
  position: relative;
}

.solution-list .swiper-slide h3 {
  font-size: 20px;
  text-align: center;
  position: absolute;
  bottom: 50px;
  width: 100%;
  left: 0;
  transition: .3s;
}

.solution-list .swiper-slide section {
  position: absolute;
  bottom: -100%;
  transition: .3s;
  left: 0;
  padding: 15px;
  font-size: 12px;
  line-height: 1.8;
}

.solution-list .swiper-slide:hover section {
  bottom: 30px;
}

.solution-list .swiper-slide:hover h3 {
  bottom: 70%;
}

.contact-ip1 {
  background: #19223A;
  transition: .3s;
}

.contact-ip1:hover {
  background: #263458;
}

.cooperate-list {
  gap: 1%;
}

.cooperate-list li {
  width: 11.6%;
  border: 1px solid rgb(1, 108, 254, .1);
  padding: 5px 10px;
  background: #fff;
  margin-bottom: 10px;
  transition: .3s;
}

.cooperate-list li:hover {
  border: 1px solid rgb(1, 108, 254, .3);
  box-shadow: 4px 4px 20px 0px #D5DDE8, -2px -2px 7px 0px #FFFFFF;
}

.cooperate-list li a {
  display: block;
  overflow: hidden;
}

.cooperate-list li img {
  display: block;
  width: 100%;
}

.help-list ul {
  width: 48.5%;
}

.help-list li {
  background: linear-gradient(180deg, #F6FAFE 0%, #FFFFFF 100%);
  border-radius: 2px;
  border: 1px solid #EBEFFD;
  display: flex;
  justify-content: space-between;
  padding: 20px;
  margin-bottom: 30px;
  height: 135px;
  transition: .3s;
}

.help-list li:hover {
  box-shadow: 4px 4px 20px 0px #D5DDE8, -2px -2px 7px 0px #FFFFFF;
}

.help-list li h1 {
  font-size: 53px;
  font-weight: bolder;
  font-family: 'DIN2014-Demi';
  color: #ddd;
}

.help-list li section {
  width: calc(100% - 90px);
}

.help-list li h2 {
  font-size: 16px;
  font-weight: 900
}

.help-list li p {
  color: #666;
  margin-top: 10px;
  font-size: 14px;
}

.more-link1 {
  background: #9E9E9E;
  border-radius: 2px;
  padding: 15px 40px;
  color: #fff;
  transition: .3s;
}

.more-link1:hover {
  background: #016CFE;
  color: #fff;
}

.select-list li {
  width: 22.5%;
  background: linear-gradient(180deg, #FFFFFF 0%, #F2F5FA 100%);
  box-shadow: 6px 6px 20px 0px #D5DDE8, -4px -4px 12px 0px #FFFFFF;
  border-radius: 2px;
  border: 1px solid;
  border-image: linear-gradient(135deg, rgba(227, 237, 252, 1), rgba(255, 255, 255, 1)) 1 1;
  text-align: center;
  padding: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 35px;
  transition: .3s;
}

.select-list li:hover {
  box-shadow: 4px 4px 20px 0px #93b3df,
    -2px -2px 7px 0px #FFFFFF
}

.select-list li h3 {
  font-size: 20px;
  font-weight: 900;
  margin: 20px 0;
}

.select-list li section {
  color: #858585;
  font-size: 14px;
  line-height: 2;
}

.select-list li span {
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
  background: radial-gradient(#7b16ff, #4a3bfe);
  border-radius: 50%;
}

.select-list li span i {
  font-size: 40px;
}

.ad-list3 {
  background: url(../images/bg21.png) no-repeat center;
  background-size: cover;
}

.ad-list3 h1 {
  font-size: 32px;
  font-weight: 900;
}

.ad-list3 ul {
  background: rgb(0, 53, 159, .8);
  padding: 15px 50px;
  border-radius: 50px;
}

.ad-list3 p {
  color: #F2F2F2;
}

.ad-list3 li span {
  font-size: 32px;
  font-weight: 900;
  display: inline-block;
  margin-bottom: -2px;
}

.about-logo img:nth-child(1) {
  width: 111px;
  height: 75px;
}

.about-logo img:nth-child(2) {
  width: 245px;
  height: 50px;
}

.about-list figure {
  width: 640px;
  color: #666;
  line-height: 2;
}

.about-list figure .about-list-num li {
  margin-right: 30px;
  line-height: 1.5;
}

.about-list figure .about-list-num li span {
  font-weight: bold;
}


.about-list figure .about-list-num li span em {
  font-family: 'MiSans Semibold';
  font-size: 22px;
  font-weight: 900
}

.about-list-culture li {
  width: 48%;
  padding: 60px 50px;
  color: #fff;
}

.about-list-culture li h1 {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 30px;
}

.about-list-culture li p {
  line-height: 2;
}

.ad-list4 {
  background: url(../images/bg22.png) center no-repeat;
  background-size: cover;
}

.ad-list4 h1 {
  font-size: 28px;
  font-weight: bold;
}

.ad-list4 h3 {
  font-size: 18px;
  font-weight: bold;
}

.ad-list4 h3 span {
  font-family: 'DIN2014-Demi';
}

.more-link {
  padding: 15px 30px;
  color: #fff;
  border-radius: 2px;
  transition: .3s;
}

.more-link:hover {
  background: #0565ec;
  color: #fff;
}

.footer-top-nav {
  font-size: 18px;
  padding: 20px 0;
}

.footer-top-nav a {
  padding: 0 25px;
  line-height: 1;
  border-right: 1px solid #fff;
}

.footer-top-nav a:last-child {
  border-right: 0;
}

footer {
  background: rgba(13, 2, 49, 0.87);
}

footer .footer-tel h1 {
  font-size: 30px;
  font-weight: bold;
}

footer .footer-tel i,
footer .footer-ewm p a i {
  font-size: 30px;
}

footer .footer-tel p {
  opacity: .5;
}

footer .footer-ewm p {
  margin-left: 60px;
  text-align: center;
}

footer .footer-ewm p span {
  display: block;
  margin-bottom: 20px;
}

footer .footer-ewm p a {
  width: 60px;
  height: 60px;
  background: #FF0000;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 35px;
  margin: 0 auto;
  transition: .3s;
}

footer .footer-ewm p a:hover {
  background: #e70404;
}

footer .footer-nav dl {
  margin-left: 100px;
}

footer .footer-nav dl dt {
  margin-bottom: 20px;
}

footer .footer-nav a,
footer .footer-nav dd {
  color: rgba(255, 255, 255, 0.5);
  font-size: 14px;
  line-height: 2.2;
}

footer .footer-nav a:hover {
  color: rgba(255, 255, 255, 1);
  text-decoration: underline;
}

footer .footer-logo img:nth-child(1) {
  width: 87px;
  height: 59px;
  opacity: .6;
}

footer .footer-logo img:nth-child(2) {
  width: 195px;
  height: 42px;
  opacity: .6;
}

footer .footer-link {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.6);
  line-height: 2;
}

footer .footer-link a {
  color: rgba(255, 255, 255, 0.6);
}

footer .footer-link a:hover {
  color: rgba(255, 255, 255, 1);
  text-decoration: underline;
}

footer .footer-bottom {
  border-top: 1px solid #3D4661;
  padding-top: 15px;
  padding-bottom: 15px;
  color: rgba(255, 255, 255, 0.6);
  font-size: 13px;
}

.footer-service {
  width: 100px;
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 55;
}

.footer-service .footer-service-content {
  border-radius: 100px 100px 5px 5px;
  background: #016CFE;
  padding: 15px 10px;
  text-align: center;
}

.footer-service .footer-service-content ul {
  padding-top: 5px;
  padding-bottom: 5px;
}

.footer-service .footer-service-content li {
  padding: 3px 5px;
  text-align: center;
  font-size: 14px;
  background: #fff;
  margin-top: 15px;
  cursor: pointer;
}

.footer-service .footer-service-content li a,
.footer-service .footer-service-content li {
  color: #016CFE;
}

.footer-service .footer-service-content li:hover,
.footer-service .footer-service-content li a:hover {
  background: #111EB9;
  color: #fff;
}

.footer-service .footer-service-content li section {
  display: none;
  position: absolute;
  right: 110px;
  margin-top: -20px;
  width: 150px;
  background: #fff;
  border-radius: 2px;
  border: 1px solid #016CFE;
  color: #333;
  padding: 10px;
}

.footer-service .footer-service-content li:nth-child(2) section {
  margin-top: -90px;
}

.footer-service .footer-service-content li section h5 {
  font-size: 14px;
}

.footer-service .footer-service-content li section p {
  font-size: 12px;
}

.footer-service .footer-service-content li:hover section {
  display: block;
}

.footer-service .footer-service-content li img {
  width: 120px;
}

.footer-service .online_top {
  background: #19223A;
  color: #fff;
  padding: 5px 5px;
  text-align: center;
  font-size: 14px;
  margin-top: 5px;
  cursor: pointer;
}


.footer-service .service-closed {
  position: absolute;
  right: 0;
}

.wechat-code img {
  width: 100%;
}

.wechat-code .modal-body {
  margin-top: -30px;
}

.wechat-code .modal-content {
  border-radius: 20px;
  border: 1px solid #2671FE;
}

.wechat-code .modal-dialog {
  max-width: 300px;
  top: 50%;
  transform: translateY(-50%) !important;
}

.wechat-code .modal-header {
  border-bottom: 0;
}

.wechat-code .modal-header .close {
  position: relative;
  z-index: 5;
  cursor: pointer;
  padding: 10px;
}

body.modal-open {
  overflow: inherit;
  padding-right: 0 !important;
}

@media screen and (max-width:1680px) {
  nav ul li a {
    padding: 23px 5px;
  }
}

@media screen and (max-width:1600px) {
  header h2 {
    font-size: 14px;
    padding: 8px 10px;
  }

  header h4 em {
    font-size: 20px;
  }
}

@media screen and (max-width:1440px) {
  header h2 {
    font-size: 12px;
    padding: 8px 5px;
  }

  nav ul li a {
    font-size: 12px;
  }

  header h4 em,
  header h4 {
    font-size: 18px;
  }

  header h5 {
    font-size: 14px;
  }

  header {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media screen and (max-width:1366px) {
  header h5 a {
    font-size: 12px;
  }

  header h3 {
    display: none;
  }

  header h2 {
    font-size: 14px;
    padding: 8px 10px;
  }

  nav ul li a {
    font-size: 13px;
  }
}