@charset "utf-8";
/* CSS Document */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}
BODY {
  font: 14px/1.75 'Microsoft YaHei', arial, sans-serif;
  background: #fff;
  font-family: 'Noto Sans SC';
  min-width: 1260px;
}
img {
  max-width: 100%;
}
A {
  color: #666;
  text-decoration: none;
}
P {
  color: #333;
}
A:hover {
  text-decoration: none;
}
A IMG {
  border-bottom-style: none;
  border-right-style: none;
  border-top-style: none;
  border-left-style: none;
}
DIV {
  padding-bottom: 0px;
  list-style-type: none;
  margin: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
}
UL {
  padding-bottom: 0px;
  list-style-type: none;
  margin: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
}
LI {
  padding-bottom: 0px;
  list-style-type: none;
  margin: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
}
P {
  padding-bottom: 0px;
  list-style-type: none;
  margin: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
}
FORM {
  padding-bottom: 0px;
  list-style-type: none;
  margin: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
}
EM {
  font-style: normal;
  font-weight: normal;
}
TABLE {
  padding-bottom: 0px;
  list-style-type: none;
  margin: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
}
DT {
  padding-bottom: 0px;
  list-style-type: none;
  margin: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
}
DL {
  padding-bottom: 0px;
  list-style-type: none;
  margin: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
}
DD {
  padding-bottom: 0px;
  list-style-type: none;
  margin: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
}
FORM {
  padding-bottom: 0px;
  margin: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
}
TR {
  padding-bottom: 0px;
  list-style-type: none;
  margin: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
}
.cl {
  height: 0px;
  clear: both;
}
.jz {
  margin: 0 auto;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
img {
  image-rendering: -webkit-optimize-contrast;
}
.container {
  width: 1200px;
  margin: 0 auto;
}
.containers {
  width: 96%;
  margin: 0 auto;
}
.head-container {
  width: 1200px;
  margin: 0 auto;
}
.c {
  *zoom: 1;
}
.c:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.txt-c {
  text-align: center;
}
.txt-r {
  text-align: right;
}
.col-white {
  color: #fff;
}
.clearfix:after {
  content: '';
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  zoom: 1;
}
/* 下滑头部 */
.navfixed {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99999;
  transition: 0.5s;
  background: #fff;
}
/* 多行省略 */
.omit {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 4px; /*高宽分别对应横竖滚动条的尺寸*/
  height: 4px;
  scrollbar-arrow-color: red;
}
::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: rgba(0, 0, 0, 0.2);
  scrollbar-arrow-color: red;
}
::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 0;
  background: rgba(0, 0, 0, 0.1);
}

/*字体引入*/
@font-face {
  /* font-family: "futura"; */
  font-family: 'Noto Sans SC';
  /* src: url("../font/Futura%EF%B9%A8%20Md%EF%B9%A8%20BT%EF%B9%A8%20Bold.ttf.html"); */
}

/* CSS Document */

/*===============公用头部===============*/
.header .box {
  height: 100px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: 0.5s;
}
.header .box a {
  display: flex;
  align-items: center;
}
.header .box a span {
  margin-top: 20px;
  margin-left: 40px;
}
.header .box .re {
  display: flex;
  align-items: center;
  gap: 15px;
}
.header .box .re span {
  font-size: 16px;
  color: #1b3ba7;
}
.header .box .re h3 {
  font-size: 32px;
  color: #1b3ba7;
  line-height: 30px;
  font-weight: 700;
}
.header .nav {
  height: 60px;
  background: #1b3ba7;
}
.header .nav ul {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  height: 60px;
}
.header .nav ul li {
  text-align: center;
  line-height: 60px;
  transition: 0.5s;
  position: relative;
}
.header .nav ul li::after {
  content: '';
  position: absolute;
  width: 1px;
  height: 30%;
  background: rgba(255, 255, 255, 0.3);
  right: 0;
  top: 35%;
}
.header .nav ul li:last-child::after {
  display: none;
}
.header .nav ul li a {
  font-size: 16px;
  color: #ffffff;
  display: block;
  position: relative;
}
.header .nav ul li:hover {
  /* background: linear-gradient(120deg, #015eea 0%, #00c0fa 100%); */
}
/* .header .nav ul li:hover a { background: linear-gradient(0deg,#ff7c35 0%, #e45c15 100%);} */

.header .nav ul li.on {
  /* background: linear-gradient(120deg, #015eea 0%, #00c0fa 100%); */
}
.navfixed .box {
  height: 0;
  opacity: 0;
}

/* 热门搜索 */
.hotsearch {
  background: #fafafa;
}
.hotsearch .box {
  height: 86px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.hotsearch .box .le {
  display: flex;
  align-items: center;
}
.hotsearch .box h3 {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 1.44px;
  color: #333333;
  margin: 0 25px 0 8px;
}
.hotsearch .box .le a {
  font-size: 16px;
  color: #999999;
  letter-spacing: 1.28px;
}
.hotsearch .box .le a:hover {
  color: #1853cb;
}
.hotsearch .box .re {
  width: 310px;
  height: 48px;
  padding: 0 20px;
  box-sizing: border-box;
  border: 1px solid #d9d9d9;
  border-radius: 25px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.hotsearch .box .re input {
  outline: none;
  height: 100%;
  border: none;
  width: 90%;
  background: none;
  font-size: 15px;
}
.hotsearch .box .re input::-webkit-input-placeholder {
  font-size: 15px;
  color: #999999;
}
.hotsearch .box .re a {
  width: 23px;
  height: 23px;
  display: block;
  background: url(../images/header-search.png) no-repeat center;
  filter: grayscale(100%);
}
.hotsearch .box .re a:hover {
  filter: none;
}

/* 搜索页面 */
.search-page .box {
  margin-top: 10vh;
}
.search-page form {
  width: 60%;
  margin: auto;
  margin-bottom: 50px;
  border: 1px solid #333;
  border-radius: 50px;
  padding: 5px 20px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.search-page form .search-text {
  padding: 5px 0;
  width: 95%;
  line-height: 35px;
  outline: none;
  border: none;
  box-sizing: border-box;
  font-size: 16px;
}
.search-page form .sub {
  width: 23px;
  height: 23px;
  display: block;
  cursor: pointer;
  background: url(../images/header-search.png) no-repeat center;
  outline: none;
  border: none;
  background-size: 100%;
  filter: brightness(0);
}
.search-page form .sub:hover {
  filter: none;
}
.search-page ul {
  width: 100%;
}
.search-page li {
  width: 100%;
  padding: 30px;
  margin-top: 20px;
  box-sizing: border-box;
  background: #f5f5f5;
}
.search-page li span {
  background: #1853cb;
  color: #fff;
  font-size: 12px;
  padding: 2px 5px;
}
.search-page li h3 {
  font-size: 18px;
  margin: 10px 0;
  color: #000000;
  font-weight: 700;
}
.search-page li p {
  font-size: 16px;
  color: #666;
  line-height: 20px;
}
.search-page li .le {
  width: 95%;
}
.search-page li a {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.search-page li img {
  transition: 0.5s;
  margin-right: 20px;
}
.search-page li:hover img {
  transform: translateX(20px);
}
.fy {
  padding: 60px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.fy a {
  background: #e6e6e6;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #707070;
  font-size: 14px;
  transition: 0.4s;
  margin: 0 5px;
  padding: 5px 15px;
}
.fy a:hover {
  color: #fff;
  background: #1853cb;
}
.fy .layui-laypage-curr {
  color: #fff;
  background: #1853cb;
  font-size: 14px;
  margin: 0 5px;
  padding: 5px 15px;
}

.ny-hotsearch .box {
  margin-top: 0;
  padding: 0 20px;
}

/* banner */
.banner-swiper {
  overflow: hidden;
  position: relative;
}
.banner-swiper img {
  display: block;
}
.banner-swiper .box {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.banner-swiper .box h1 {
  display: flex;
  justify-content: center;
}
.banner-swiper .box .info {
  margin: 35px 0;
}
.banner-swiper .box .info .con {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
}
.banner-swiper .box .info span {
  font-size: 46px;
  font-weight: 700;
  color: #858585;
  letter-spacing: 0.92px;
}
/* .banner-swiper .box .info .con img {-webkit-animation:changeright 3s linear infinite;} */
.banner-swiper .box p {
  margin: auto;
  text-align: center;
  font-size: 24px;
  color: #666666;
  line-height: 42px;
}
.banner-swiper .box .request {
  text-align: center;
  margin-top: 30px;
  display: flex;
  justify-content: center;
  gap: 10px;
}
.banner-swiper .box .request span {
  font-size: 38px;
  display: block;
  font-weight: 800;
  color: #e75f18;
}
.banner-swiper .swiper-pagination {
  bottom: 5%;
}
.banner-swiper .swiper-pagination-bullet {
  width: 13px;
  height: 13px;
  border: 1px solid #1853cb;
  opacity: 1;
  margin: 0 10px !important;
  background: none;
  position: relative;
}
.banner-swiper .swiper-pagination-bullet-active {
  background: #1853cb;
}
.banner-swiper .swiper-button-prev::after {
  display: none;
}
.banner-swiper .swiper-button-next::after {
  display: none;
}
.banner-swiper .swiper-button-prev {
  width: 93px;
  height: 93px;
  opacity: 0.8;
  background: #ffffff url(../images/banner-jt.png) no-repeat center;
  filter: grayscale(100%);
  transform: rotate(180deg);
  border-radius: 50%;
  left: 10%;
  top: 40%;
}
.banner-swiper .swiper-button-next {
  width: 93px;
  height: 93px;
  opacity: 0.8;
  background: #ffffff url(../images/banner-jt.png) no-repeat center;
  filter: grayscale(100%);
  border-radius: 50%;
  right: 10%;
  top: 40%;
}
.banner-swiper .swiper-button-next:hover,
.banner-swiper .swiper-button-prev:hover {
  filter: none;
}

/* 公用标题 */
.index-title {
  text-align: center;
  padding: 66px 0 0 0;
}
.index-title h3 {
  color: #1b1b1b;
  font-weight: normal;
  font-size: 48px;
  line-height: 1;
}
.index-title span.xian {
  display: block;
  width: 60px;
  height: 4px;
  background-color: #0b2e82;
  margin: 20px auto;
  color: #255fba;
}
.index-title h4 {
  color: #0b2e82;
  font-size: 20px;
  font-weight: normal;
  text-transform: uppercase;
  line-height: 1;
}
.index-title p {
  font-size: 28px;
  font-weight: 400;
  color: #5f5f5f;
  position: relative;
}
.index-title p span {
  position: relative;
  z-index: 10;
  background: #fff;
  padding: 0 30px;
}
.index-title p::after {
  content: '';
  position: absolute;
  bottom: 23px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #ccc;
  z-index: 1;
}

/* 产品专区 */
.index-one {
  background: #f7f7f7;
  padding-bottom: 40px;
}
.index-one-box {
  width: 100%;
  margin-top: 40px;
  overflow: hidden;
}
.index-one-left {
  width: 260px;
  float: left;
}
.index-one-left h2 {
  font-size: 34px;
  color: #fff;
  background: #1b3ba7;
  line-height: 80px;
  text-align: center;
  position: relative;
}
.index-one-left h2 span {
  position: relative;
  z-index: 100;
}
.index-one-left h2::after {
  content: 'PRODUCT';
  color: #243e89;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 50px;
  font-weight: bold;
  text-transform: uppercase;
  z-index: 10;
}
.index-one-left dl a {
  display: block;
  text-align: center;
  font-size: 20px;
  color: #333333;
  line-height: 46px;
  background: #efefef;
  border-bottom: 1px #f7f7f7 solid;
}
.index-one-left dl a:hover {
  color: #fff;
  background: #1b3ba7;
}
.index-one-right {
  width: 900px;
  float: right;
}
.index-one ul {
  display: grid;
  grid-template-columns: 280px 280px 280px;
  gap: 20px;
}
.index-one ul li .box {
  position: relative;
  /* box-shadow: -6px 0px 13px 6px rgba(0, 0, 0, 0.04); */
  overflow: hidden;
  width: 280px;
  height: 280px;
}
.index-one ul li .box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.index-one ul li .hide {
  position: absolute;
  transition: 0.5s;
  bottom: -100%;
  width: 100%;
  height: 100%;
  padding: 0 35px;
  box-sizing: border-box;
  background: rgba(24, 83, 203, 0.88);
  opacity: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.index-one ul li .hide p {
  font-size: 15px;
  color: #ffffff;
  line-height: 32px;
}
.index-one ul li .hide i {
  width: 100%;
  display: block;
  height: 1px;
  background: #ffffff;
  margin-top: 28px;
}
.index-one ul li h5 {
  font-size: 24px;
  color: #161616;
  padding-top: 10px;
  margin-bottom: 25px;
  text-align: center;
  transition: 0.5s;
}
.index-one ul li:hover .hide {
  bottom: 0;
}
.index-one ul li:hover h5 {
  background: #2571e1;
  color: #fff;
  border: 1px #2571e1 solid;
  border-top: 0;
}
.index-left-more a {
  display: block;
  font-size: 22px;
  color: #fff;
  background: #304dae;
  text-align: center;
  line-height: 60px;
}
.index-left-tel {
  font-size: 26px;
  color: #fff;
  background: #1b3ba7;
  padding: 20px 15px 5px;
}
.index-left-tel img {
  display: block;
}
.index-more {
  display: flex;
  justify-content: center;
  padding: 55px 0;
}
.index-more a {
  width: 174px;
  height: 50px;
  display: block;
  text-align: center;
  transition: 0.5s;
  line-height: 50px;
  font-size: 16px;
  border: 1px solid #e3601c;
  color: #e3601c;
  border-radius: 25px;
}
.index-more a:hover {
  background: #e3601c;
  color: #ffffff;
}

.five-dl {
  background: #fff;
  padding: 0 0 70px;
}
.five-dl div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.five-dl dl {
  background: url(../images/five_bg1.png) no-repeat;
  width: 212px;
  height: 244px;
  text-align: center;
}
.five-dl dl:nth-of-type(2),
.five-dl dl:nth-of-type(4) {
  margin-top: 60px;
}
.five-dl dl span {
  display: block;
  padding-top: 30px;
}
.five-dl dl dd h4 {
  color: #255fba;
  font-size: 28px;
  margin-top: 5px;
}
.five-dl dl dd p {
  color: #5f5f5f;
  font-size: 20px;
  padding-bottom: 15px;
}
.five-dl dl:hover {
  background: url(../images/five_bg2.png) no-repeat;
}
.five-dl dl:hover dt span img {
  filter: grayscale(100%) brightness(500%);
}
.five-dl dl:hover * {
  color: #fff;
}
.five-dl dl:hover dt span:nth-of-type(2) {
  filter: grayscale(100%) brightness(500%);
}

.six-dl {
  background: #fff;
  padding: 70px 0;
}
.six-dl div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.six-dl dl {
  width: 185px;
  box-shadow: 0 0 10px rgba(72, 72, 72, 0.19);
  border-radius: 10px;
  text-align: center;
}
.six-dl dl span {
  display: block;
}
.six-dl dl span:nth-of-type(1) {
  position: relative;
  margin-top: -20px;
}
.six-dl dl dt p {
  font-size: 16px;
  color: rgba(53, 53, 53, 0.6);
  text-transform: uppercase;
  margin-bottom: 10px;
}
.six-dl dl dd h4 {
  font-size: 28px;
  margin-top: 15px;
}
.six-dl dl dd p {
  font-size: 20px;
  padding-bottom: 15px;
}
.six-dl dl dd h4,
.six-dl dl dd p {
  color: #353535;
}
.six-dl dl:hover {
  background: linear-gradient(-45deg, #015eea 0%, #00c0fa 100%);
}
.six-dl dl:hover * {
  color: #fff;
}
.six-dl dl:hover dt span:nth-of-type(2) {
  filter: grayscale(100%) brightness(500%);
}

/* 关于我们 */
.index-three {
  background: #fff;
  padding-bottom: 60px;
  position: relative;
}
.index-three .box {
  background: url(../images/aimg.png) right center no-repeat;
  height: 641px;
  margin-top: 40px;
  position: relative;
}
.index-three .box .le {
  background: #fff;
  width: 600px;
  box-sizing: border-box;
  float: left;
  margin-right: 60px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  padding: 40px;
  position: relative;
  margin-top: 60px;
}
.index-three .box .le h4 {
  color: #e8e8e8;
  font-weight: 900;
}
.index-three .box .le i {
  display: block;
  width: 100%;
  height: 1px;
  background: #e3601c;
}
.iconlist {
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
}
.iconlist p {
  display: block;
  font-size: 24px;
  color: #4c4c4c;
  text-align: center;
}
.iconlist p span {
  display: block;
}
.index-three .box .le .div {
  font-size: 24px;
  color: #2c2c2c;
  margin: 20px 0 0;
  line-height: 1.6;
}
.index-three .box .le a {
  width: 40px;
  line-height: 100px;
  display: block;
  background: #1d7cee;
  color: #fff;
  text-align: center;
  font-size: 24px;
  margin: 20px auto;
  position: absolute;
  top: 45%;
  right: -40px;
}

.index-three .box ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  background: #1853cb;
  height: 146px;
}
.index-three .box ul li {
  text-align: center;
  margin: auto;
  width: 100%;
  justify-content: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.index-three .box ul li span {
  font-size: 18px;
  font-weight: 700;
  color: #ffffff;
  margin-top: 10px;
}
.index-three .box ul li::after {
  content: '';
  position: absolute;
  right: 0;
  height: 100%;
  width: 1px;
  opacity: 0.1;
  background: #ffffff;
}
.index-three .box .re {
  width: 649px;
  float: right;
}
.index-three .box .re img {
  height: 100%;
}
.index-three .box ul li img {
  transition: 0.5s;
}
.index-three .box ul li:hover img {
  transform: rotateY(180deg);
}

.index-factory {
  background: url(../images/cbg.jpg) top center no-repeat;
  background-size: cover;
  margin-top: 60px;
  padding-bottom: 60px;
}
.swiperShijing {
  margin-top: 40px;
}
.swiperShijing .swiper-slide {
  height: 320px;
  overflow: hidden;
}
.swiperShijing .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.index-youshi {
  background: url(../images/ysbg.jpg) top center no-repeat;
  background-size: cover;
  padding-bottom: 60px;
}
.index-youshi .index-title h3 {
  color: #bed7fe;
}
.index-youshi .index-title h3 span {
  color: #fff;
}
.index-youshi .index-title h4 {
  color: rgba(255, 255, 255, 0.5);
}
.index-youshi .index-title p span {
  background: linear-gradient(to right, #6085bd, #6487bf);
  color: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(10px);
}
.index-youshi-list {
  margin-top: 40px;
  width: 100%;
  position: relative;
  margin-bottom: 40px;
  overflow: hidden;
}
.index-youshi-list img {
  display: block;
}
.youshi-img {
  width: 632px;
  position: relative;
  z-index: 1000;
}
.youshi-intro {
  width: 500px;
  background: #0e3a7f;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 0 45px;
}
.youshi-intro2 {
  width: 80%;
  background: rgba(7, 59, 123, 0.9);
  padding: 0 10%;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.youshi-intro h2 {
  font-size: 38px;
  color: #fff;
  text-align: left;
}
.youshi-intro h3 {
  font-size: 30px;
  color: #d0e2ff;
  text-align: left;
  margin-bottom: 30px;
}
.youshi-intro p {
  font-size: 28px;
  color: #fff;
  text-align: left;
  line-height: 48px;
  background: url(../images/yuan.png) left no-repeat;
  padding-left: 20px;
}
.youshi-left {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}
.youshi-right {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
}
.float-right {
  float: right;
}
.index-app {
  background: #f7f7f7;
  padding-bottom: 50px;
}
.index-app-a {
  margin-top: 40px;
  overflow: hidden;
}
.index-app-a-left {
  width: 520px;
  float: left;
}
.index-app-a-right {
  width: 680px;
  float: left;
}
.index-app-a dl {
  width: calc(50% - 30px);
  height: 100px;
  float: left;
  position: relative;
  margin-bottom: 2%;
  display: flex;
  align-items: center;
  padding: 13.5px 15px;
}
.index-app-a dl dt {
  margin-right: 20px;
}
.index-app-a dl dt img {
  display: block;
}
.index-app-a dl dd h2 {
  font-size: 26px;
  color: #363636;
  line-height: 1.1;
}
.index-app-a dl dd p {
  font-size: 20px;
  color: #363636;
  line-height: 1;
}
.index-app-a dl.on,
.index-app-a dl:hover {
  background: linear-gradient(66deg, #1152c6, #387bef);
  color: #fff;
}
.index-app-a dl.on dd h2,
.index-app-a dl.on dd p,
.index-app-a dl:hover dd h2,
.index-app-a dl:hover dd p {
  color: #fff;
}
.index-app-a dl.on dt img,
.index-app-a dl:hover dt img {
  filter: grayscale(100%) brightness(500%);
}

.index-case {
  background: url(../images/cbg.jpg) top center no-repeat;
  padding-bottom: 50px;
  background-size: auto 100%;
  overflow: hidden;
}
.index-case .index-title h3 {
  color: #fff;
}
.index-case .index-title p {
  color: rgba(255, 255, 255, 0.6);
}

/* 解决方案 */
.index-four {
  background: url(../images/index-four-bj.jpg) no-repeat center;
  background-size: cover;
  padding-bottom: 100px;
}
.index-four .box ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
}
.index-four .box ul li {
  position: relative;
}
.index-four .box ul li .img {
  width: 100%;
  display: block;
}
/* .index-four .box ul li:nth-child(1) {
  width: 620px;
}
.index-four .box ul li:nth-child(2) {
  width: 620px;
} */
.index-four .box ul li .more {
  width: 215px;
  height: 61px;
  background: rgba(11, 87, 181, 0.9);
  opacity: 0;
  transition: 0.5s;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
}
.index-four .box ul li .more em {
  font-size: 22px;
  font-weight: 700;
  color: #ffffff;
  margin-right: 15px;
}
.index-four .box ul li .show {
  position: absolute;
  transition: 0.5s;
  width: 100%;
  height: 100%;
  top: 0;
  background: rgba(11, 87, 181, 0.9);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.index-four .box ul li .show h4 {
  font-size: 32px;
  font-weight: 700;
  color: #ffffff;
  margin-top: 20px;
  line-height: 42px;
}
.index-four .box ul li .show h5 {
  font-size: 24px;
  font-weight: 400;
  color: #60a2f6;
}
.index-four .box ul li:hover .more {
  opacity: 1;
}
.index-four .box ul li:hover .show {
  opacity: 0;
}

/* 新闻资讯 */
.index-five {
  padding-bottom: 5 6px;
  overflow: hidden;
}
.index-five .box {
  width: 100%;
}
.index-five .box .box-img {
  width: 100%;
  height: 324px;
}
.index-five .box .box-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 10;
}

.index-five .box ul {
  width: 40%;
  float: left;
}
.index-five .box li {
  background: #fff;
  width: 100%;
  margin-bottom: 40px;
  overflow: hidden;
}
.index-five .box li a {
}
.index-five .box li .im {
  overflow: hidden;
}
.index-five .box li .im img {
  transition: 0.5s;
  width: 100%;
  display: block;
}
.index-five .box li .time {
  text-align: center;
  font-size: 20px;
  color: #737373;
  width: 120px;
  flex: 0 0 120px;
}
.index-five .box li .time em {
  display: block;
  font-size: 48px;
  color: #737373;
  font-weight: 400;
  line-height: 70px;
}
.index-five .box li .time img {
  margin-right: 20px;
  transition: 0.5s;
}
.index-five .box li h5 {
  font-size: 20px;
  margin-top: 10px;
  color: #333333;
  font-weight: 400;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.index-five .box li p {
  font-size: 14px;
  color: #222222;
  line-height: 26px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.index-five .box li:hover {
  background-color: #fff;
}
.index-five .box li:hover * {
  color: #0f37bd;
}
.index-five .box li:hover em {
  color: #0f37bd;
}
.index-five .box li:hover .time img {
  margin-right: 0;
}

/* 招贤纳士 */
.index-six {
  padding: 35px 0 50px 0;
  background: url(../images/index-six-bj.jpg) no-repeat center;
  background-size: cover;
}
.index-six .box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.index-six .box h3 {
  font-size: 36px;
  font-weight: 700;
  color: #ffff;
  margin-bottom: 10px;
}
.index-six .box p {
  font-size: 16px;
  color: #999;
  line-height: 28px;
}
.index-six .box a {
  width: 137px;
  height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  transition: 0.5s;
  text-align: center;
  font-size: 14px;
  line-height: 42px;
  color: #e3601c;
  border: 1px solid #e3601c;
  border-radius: 22px;
  box-shadow: -2px 0px 8px 2px rgba(0, 0, 0, 0.1);
}
.index-six .box a img {
  margin-right: 10px;
}
.index-six .box a:hover img {
  filter: brightness(100);
}
.index-six .box a:hover {
  background: #e3601c;
  color: #fff;
}

/* 底部 */
.footer {
  background: #1b3ba7;
  background-size: cover;
}
.footer .caidan {
  padding: 30px 0;
  display: flex;
  justify-content: space-between;
}
.footer .caidan a {
  display: block;
  min-width: 180px;
  color: #fff;
  font-size: 16px;
  border-right: 1px rgba(255, 255, 255, 0.2) solid;
  text-align: center;
}
.footer .caidan a:first-child {
  text-align: left;
  max-width: 100px;
  min-width: 100px;
}
.footer .caidan a:last-child {
  border-right: 0;
}
.footer .back-top {
  padding: 32px 0;
}
.footer .back-top .container {
  display: flex;
  justify-content: flex-end;
}
.footer .back-top a {
  display: flex;
  justify-content: flex-end;
}
.footer .box {
  display: flex;
  justify-content: space-between;
  padding: 20px 0 20px 0;
  /* align-items: center; */
}
.footer .box .footer-nav {
  width: 15%;
  padding: 0 60px;
  position: relative;
}
/* .footer .box .re {width: 30%;} */
.footer .box h3 {
  font-size: 18px;
  color: #ffffff;
  line-height: 30px;
  font-weight: 700;
  margin-bottom: 30px;
}
.footer .box .footer-nav ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.footer .box .footer-nav li a {
  font-size: 16px;
  color: #5485c0;
  line-height: 38px;
  font-weight: 400;
  transition: 0.55s;
}
.footer .box .footer-nav li a:hover {
  color: #fff;
}
.footer .box .footer-nav li {
  width: 34%;
}
.footer .box .le h4 {
  font-size: 45px;
  color: #fff;
  line-height: 40px;
  margin-top: 20px;
  font-weight: 600;
  text-align: center;
}
.footer .box .re dd {
  font-size: 16px;
  color: #fff;
  line-height: 38px;
}
.footer .box .re dd b {
  font-size: 18px;
}
.footer .box .copy span {
  font-size: 15px;
  display: block;
  color: #fff;
  line-height: 30px;
  text-align: center;
  margin-top: 10px;
}
.footer .box .copy img {
  width: 120px !important;
}
.footer .copybom {
  border-top: 1px solid rgba(255, 255, 255, 0.07);
}
.footer .copyright {
  padding: 10px 0;
  display: flex;
  justify-content: space-between;
}
.footer .copyright p,
.footer .copyright p a {
  font-size: 15px;
  color: #fff;
  font-weight: 400;
}
.footer .copyright p a:hover {
  color: #fff;
}

/* =====================================内页========================================= */
/*内页样式*/
.ny-banner {
  height: 550px;
}
.ny-banner .swiper-pagination {
  bottom: 2%;
}
.ny-banner img {
  display: block;
}
.ny-main {
  margin-top: 25px;
  margin-bottom: 100px;
}
.position {
  height: 52px;
  line-height: 52px;
  font-size: 14px;
  border-bottom: solid 1px #dfdfdf;
  margin-bottom: 30px;
}
.position .container {
  background: url(../images/position-home.png) no-repeat 0 center;
  padding-left: 30px;
  width: 1170px;
}
.position a {
  background: url(../images/position-arrow.png) no-repeat right;
  padding-right: 20px;
  margin-right: 10px;
}
.position a:last-child {
  background: transparent;
}
.position .on {
  color: #1853cb;
}
.position a:hover {
  color: #1853cb;
}

.ny-left {
  width: 260px;
}
.column-title {
  position: relative;
  background: #1f4e98;
}
.column-title .icon {
  width: 155px;
  height: 100px;
  background: url(../images/icon-pro1.png) no-repeat center left 34px;
  padding-left: 105px;
}
.column-title:before {
  content: '';
  position: absolute;
  width: 248px;
  height: 88px;
  border: 1px solid #fff;
  top: 5px;
  left: 5px;
}
.column-title h3 {
  font-size: 28px;
  color: #fff;
  font-weight: bold;
  line-height: 28px;
  padding: 26px 0 2px;
  margin-bottom: 2px;
}
.column-title span {
  color: #fff;
  font-family: arial;
  text-transform: uppercase;
}
.ctitle1 {
  width: 236px;
  border: 2px solid #1f4e98;
  border-top: none;
  padding: 20px 10px 12px 10px;
  margin-bottom: 30px;
}
.ctitle1 > li {
  float: left;
  margin-bottom: 8px;
  width: 235px;
  background: #1f4e98;
}
.ctitle1 > li > a {
  display: block;
  width: 215px;
  padding-left: 20px;
  height: 50px;
  line-height: 50px;
  color: #fff;
  font-size: 16px;
  transition: all 0.5s;
  position: relative;
}
.ctitle1 > li > a:after {
  content: '';
  width: 0px;
  height: 2px;
  background: #fff;
  position: absolute;
  left: 0;
  top: 24px;
  transition: all 0.2s;
  left: 20px;
}
.ctitle1 > li:hover,
.ctitle1 > li.on {
  background: #1853cb;
}
.ctitle1 > li:hover > a:after,
.ctitle1 > li.on > a:after {
  width: 10px;
}
.ctitle1 > li:hover > a,
.ctitle1 > li.on > a {
  padding-left: 40px;
}
.ny-contact {
  background: #fafafa;
}
.ny-contact .bg {
  display: block;
  padding-left: 20px;
  height: 100px;
  background: url(../images/ny-contact.jpg) no-repeat center center;
  background-size: cover;
}
.ny-contact span,
.ny-contact em {
  display: block;
  color: #fff;
}
.ny-contact span {
  font-size: 18px;
  line-height: 18px;
  padding-top: 30px;
}
.ny-contact em {
  font-family: arial;
}
.ny-contact ul {
  padding: 20px 10px;
  background: #f2f2f2;
  margin-bottom: 20px;
}
.ny-contact ul li span,
.ny-contact ul li img,
.ny-contact ul li a {
  display: block;
  margin: 0 auto;
}
.ny-contact ul .ny-qcode {
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
}
.ny-contact ul .ny-qcode img {
  max-width: 100% !important;
}
.ny-contact ul .ny-qcode span {
  color: #4c4c4c;
  line-height: 14px;
  padding-top: 10px;
}
.ny-contact ul .ny-tel {
  font-size: 24px;
  font-family: arial;
  color: #1853cb;
  line-height: 20px;
  padding-left: 40px;
  background: url(../images/ny-tel.png) no-repeat center left 6px;
  margin-bottom: 20px;
  margin-left: 20px;
}

.ny-right {
  width: 900px;
}
.ny-right .pagelist {
  padding: 10px 0;
  margin-top: 35px;
  overflow: hidden;
  border-top: 0px solid #eee;
  text-align: center;
}
.ny-right .pagelist li {
  display: inline-block;
}
.ny-right .pagelist a,
.ny-right .pagelist span {
  border: 1px solid #ccc;
  display: inline-block;
  padding: 2px 8px;
  margin-right: 5px;
}
.ny-right .pagelist span.current {
  color: #1853cb;
  border: 1px solid #ddd;
}

/*内页产品列表*/
.class-title {
  background: #f5f5f5;
  padding: 15px 0;
  margin-bottom: 20px;
}
.class-title em {
  display: block;
  font-size: 18px;
  line-height: 25px;
  color: #222;
  border-left: 4px solid #1853cb;
  padding-left: 15px;
  font-weight: bold;
  margin-left: 15px;
}
.nypro-list ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.nypro-list li img {
  display: block;
  width: 100%;
  transition: 0.5s;
}
.nypro-list li .box {
  position: relative;
  overflow: hidden;
  box-shadow: -6px 0px 13px 6px rgb(0 0 0 / 4%);
  width: 286px;
  height: 286px;
}
.nypro-list li .hide {
  position: absolute;
  transition: 0.5s;
  bottom: -100%;
  width: 100%;
  height: 100%;
  padding: 0 35px;
  box-sizing: border-box;
  background: rgba(11, 87, 181, 0.88);
  opacity: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.nypro-list li .box .hide p {
  font-size: 14px;
  color: #ffffff;
  line-height: 30px;
}
.nypro-list li .hide i {
  width: 100%;
  display: block;
  height: 1px;
  background: #ffffff;
  margin-top: 28px;
}
.nypro-list li h5 {
  text-align: center;
  font-size: 16px;
  color: #000000;
  font-weight: 400;
  margin-top: 20px;
}
.nypro-list li:hover .hide {
  bottom: 0;
}
.nypro-list li:hover img {
  transform: scale(1.1);
}
.nypro-list li:hover h5 {
  color: #1853cb;
}

/* .index-one ul {display: grid; grid-template-columns: repeat(4,1fr); gap: 20px;}
.index-one ul li .box {position: relative; box-shadow: -6px 0px 13px 6px rgba(0,0,0,0.04); overflow: hidden;}
.index-one ul li .hide {position: absolute; transition: .5s; bottom: -100%; width: 100%; height: 100%; padding: 0 35px; box-sizing: border-box; background: rgba(11,87,181,.88); opacity: 1; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.index-one ul li .hide p {font-size: 15px;color: #ffffff;line-height: 32px;}
.index-one ul li .hide i {width: 100%; display: block; height: 1px;background: #ffffff; margin-top: 28px;}
.index-one ul li h5 {font-size: 16px;color: #333333;margin-top: 25px; text-align: center; transition: .5s;}
.index-one ul li:hover .hide {bottom: 0;}
.index-one ul li:hover h5 {color: #1853cb;}
.index-more {display: flex; justify-content: center; padding: 55px 0;}
.index-more a {width: 174px; height: 50px; display: block; text-align: center; transition: .5s; line-height: 50px; font-size: 16px; border: 1px solid #e3601c; color: #e3601c; border-radius: 25px;}
.index-more a:hover {background: #e3601c;color: #ffffff; } */

/*产品详情*/
.ny-right .pro1 .pro-list-pic {
  width: 402px;
}
.ny-right .pro1 .spec-preview img {
  display: block;
}
.ny-right .pro1 .descript1 {
  width: 480px;
  position: relative;
}
.ny-right .pro1 .descript1 strong.title1 {
  line-height: 38px;
  font-size: 20px;
  color: #2d2d2d;
  display: block;
  border-bottom: 1px solid #c0ccd6;
  padding: 10px 0 15px;
  margin-bottom: 10px;
}
.ny-right .pro1 .descript1 p {
  font-size: 16px;
  color: #666;
  line-height: 28px;
  margin: 10px 0;
  text-align: justify;
  text-overflow: ellipsis;
}
.ny-right .pro1 .descript1 a.consult {
  display: block;
  width: 120px;
  height: 40px;
  font-size: 15px;
  color: #fff;
  line-height: 40px;
  text-align: center;
  background: #333;
}
.ny-right .pro1 .descript1 a.consult:hover {
  background-color: #1853cb;
}
.ny-right .pro1 .descript1 p.haoma {
  color: #333;
  font-size: 15px;
  display: block;
  margin: 20px 0;
}
.ny-right .pro1 .descript1 p.haoma em {
  display: inline-block;
  color: #1853cb;
  font-size: 25px;
  font-weight: bold;
  vertical-align: middle;
}
.ny-right .pro1 .share {
  overflow: hidden;
  margin-top: 15px;
}
.ny-right .pro1 .share ul li {
  float: left;
  margin: 0 5px;
}
.ny-right .detail {
  margin-bottom: 20px;
}
.ny-right .detail .de-title {
  border-bottom: solid 3px #1853cb;
  margin-bottom: 20px;
}
.ny-right .detail .de-title a {
  display: block;
  width: 130px;
  font-size: 16px;
  line-height: 45px;
  color: #fff;
  text-align: center;
  margin-top: 35px;
  background: #1853cb;
}
.pro-wechat {
  display: none;
  position: absolute;
  left: 150px;
  bottom: -90px;
}
.pro-wechat img {
  display: block;
  margin: 30px auto 0;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

/*内页成功案例*/
.nycase-list ul {
  width: 1000px;
}
.nycase-list ul li {
  float: left;
  width: 303px;
  margin-right: 30px;
  margin-bottom: 40px;
  position: relative;
}
.nycase-list ul li .pic {
  width: 303px;
  position: relative;
  overflow: hidden;
}
.nycase-list ul li .pic img {
  display: block;
  width: 100%;
  -webkit-transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, transform 1s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  opacity: 1;
}
.nycase-list ul li:hover .pic img {
  -webkit-transform: scale3d(1.1, 1.1, 1);
  transform: scale3d(1.1, 1.1, 1);
  -webkit-transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, transform 1s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.nycase-list ul li em {
  display: block;
  background: #f5f5f5;
  font-size: 16px;
  line-height: 50px;
  color: #333;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nycase-list ul li:hover em {
  background: #1853cb;
  color: #fff;
}

/*内页新闻列表*/
.ny-news-list {
  overflow: hidden;
}
.ny-news-list ul li {
  padding: 10px;
  background: #fafafa;
  margin-bottom: 30px;
  width: 1080px;
}
.ny-news-list ul li .pic {
  width: 254px;
  height: 170px;
  margin-right: 24px;
  overflow: hidden;
}
.ny-news-list ul li .pic img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: fill;
}
.ny-news-list ul li .info {
  width: 590px;
}
.ny-news-list ul li .info h3 {
  font-size: 18px;
  color: #595959;
  overflow: hidden;
  background: url(../images/news-title.png) no-repeat center left -20px;
  line-height: 18px;
  margin-top: 16px;
}
.ny-news-list ul li .info span {
  display: block;
  font-family: arial;
  color: #666;
  padding-left: 20px;
  background: url(../images/date.png) no-repeat center left;
  line-height: 12px;
  margin: 16px 0;
}
.ny-news-list ul li .info p {
  color: #808080;
  overflow: hidden;
  text-align: justify;
}
.ny-news-list ul li:hover .info h3 {
  padding-left: 20px;
  background: url(../images/news-title.png) no-repeat center left;
  color: #1853cb;
  transition: all 0.5s;
}

/* ==========资料下载==========*/
.material {
  padding: 50px 0 100px 0;
}
.material ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
}
.material li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 49%;
  padding: 20px;
  border: 1px solid #e6e6e6;
  box-sizing: border-box;
}
.material li .material-download {
  background: url(../images/download-icon1.png.html) no-repeat center;
  width: 46px;
  height: 34px;
}
.material li .material-img {
  width: 114px;
  height: 157px;
  border: 1px solid #f2f2f2;
}
.material li .material-img img {
  width: 100%;
}
.material li h3 {
  font-size: 20px;
  color: #333;
  font-weight: bold;
  white-space: nowrap;
}
.material li span {
  font-size: 14px;
  color: #666;
  white-space: nowrap;
}
.material li span:nth-child(1) {
  margin-right: 50px;
}
.material li .title-info {
  margin-top: 15px;
}
.material li .material-title {
  margin-right: 100px;
}
.material li a:hover .material-download {
  background: url(../images/download-icon2.png.html) no-repeat center;
  width: 46px;
  height: 34px;
}

/* 客户反馈 */
.feedback {
  width: auto;
  margin: 0 auto;
  width: 100%;
}
.feedback dl {
  overflow: hidden;
  padding: 5px 0;
}
.feedback dd {
  overflow: hidden;
}
.feedback dt.fdtitle {
  font-weight: normal;
  font-size: 16px;
  float: left;
  width: 90px;
}
.feedback dd .fdinput {
  float: left;
  width: calc(100% - 90px);
  line-height: 35px;
  height: 35px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding-left: 15px;
}
.feedback dd .fdtext {
  width: calc(100% - 90px);
  height: 80px;
  float: left;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding-left: 15px;
  padding-top: 10px;
}
.feedback dd .fdsub,
.feedback dd .fdres {
  border-radius: 3px;
  padding: 2px 20px;
  margin-left: 10px;
  line-height: 20px;
  color: #fff;
  cursor: pointer;
  font-family: '微软雅黑';
}
.feedback dd .fdsub {
  margin-left: 90px;
  border: 1px solid #f50;
  background: #f60;
  width: 120px;
  height: 35px;
  line-height: 35px;
}
.feedback dd .fdres {
  border: 1px solid #282828;
  background: #444;
  width: 120px;
  height: 35px;
  line-height: 35px;
}
.feedback .codeimg {
  float: left;
  margin-left: 5px;
  cursor: pointer;
  border: 1px solid #ddd;
  width: 100px;
  height: 28px;
}
/*vaildate*/
#yzform label.error {
  position: absolute;
  padding: 3px 15px;
  background: #f8f8f8;
  border: 1px solid #ddd;
  margin-left: 25px;
  font-weight: normal;
  color: #f30;
  border-radius: 3px;
}

/* 人才引进 */

.content-panel {
  padding: 24px 30px;
  font-size: 14px;
  background-color: #fff;
  display: none;
}
.content-panel h3 {
  font-size: 1.11em;
  margin-bottom: 0.25em;
}
.part2 {
  margin-top: 30px;
  padding: 30px;
  background-color: #f7f7f7;
}
.head-row,
.content-row {
  display: flex;
}
.content-row {
  font-size: 14px;
}
.head-row .col1,
.content-row .col1 {
  flex: 5;
  padding-left: 20px;
}
.head-row .col2,
.content-row .col2 {
  flex: 3;
  padding-left: 20px;
}
.head-row .col3,
.content-row .col3 {
  flex: 3;
  padding-left: 0;
  text-align: center;
}
.head-row .col4,
.content-row .col4 {
  flex: 1;
  padding-left: 20px;
  display: flex;
}
.head-row > * {
  padding-top: 15px;
  padding-bottom: 15px;
  line-height: 24px;
  font-size: 16px;
}
.content-row > * {
  padding-top: 12px;
  padding-bottom: 12px;
  line-height: 24px;
  font-size: 16px;
}
.content-row-expandable.expanded .content-panel {
  display: block;
}
.content-row-expandable:nth-of-type(2n) {
  background-color: #ffff;
}
.content-row {
  cursor: pointer;
}
.content-row-expandable.expanded {
  border: 1px solid #e6e6e6;
}
.col4 img {
  width: 22px;
  transition: 0.2s;
}
.content-row-expandable.expanded .col4 img {
  transform: rotate(90deg);
}
.content-panel h2 {
  font-size: 1.25em;
  margin-bottom: 0.25em;
}
.content-panel p {
  line-height: 26px;
  min-height: 20px;
}
.btn-apply {
  margin-top: 20px;
  color: #fff;
  background-color: #5485c0;
  width: 120px;
  text-align: center;
  padding-top: 6px;
  padding-bottom: 6px;
  line-height: 24px;
  display: inline-block;
  cursor: pointer;
}
.btn-apply:hover {
  background-color: #08448d;
  color: #fff;
}

.pro-left {
  width: 400px;
  overflow: hidden;
  float: left;
  position: relative;
}
.pro-left .mySwiper2-pro .swiper-button-next {
  top: 94%;
  right: 0;
  font-family: '宋体';
  font-size: 30px;
  display: block;
  line-height: 44px;
  text-align: right;
  color: #333;
}
.pro-left .mySwiper2-pro .swiper-button-prev {
  top: 94%;
  left: 0;
  font-family: '宋体';
  font-size: 30px;
  display: block;
  line-height: 44px;
  text-align: left;
  color: #333;
}
.pro-left .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pro-left .swiper {
  position: initial;
}
.mySwiper-pro {
  width: 88%;
  margin: 0 auto;
  overflow: hidden;
  margin-top: 20px;
  padding-right: 5px;
}
.mySwiper-pro .swiper-slide-thumb-active {
  border: 1px solid #dfdfdf;
}
.mySwiper2-pro {
  width: 400px;
  height: 400px;
  border: 1px solid #dfdfdf;
  box-sizing: border-box;
}
.mySwiper2-pro .swiper-button-prev:after {
  display: none;
}
.mySwiper2-pro .swiper-button-next:after {
  display: none;
}

.index-shili,
.index-anli {
  width: 100%;
  overflow: hidden;
}
.index-anli {
  background: url(../images/bj2.jpg) top center no-repeat;
  background-size: cover;
  margin-top: 60px;
  padding-bottom: 60px;
}
.index-anli .index-title h3,
.index-anli .index-title h4 {
  color: #fff;
}
.index-anli .index-title span {
  background: #fff;
}
.shilibg {
  background: url(../images/shili.png) top center no-repeat;
  height: 384px;
  margin-top: 40px;
}
.guanggao {
  background: url(../images/bj1.png) top center no-repeat;
  width: 100%;
  height: calc(300 / 1920 * 100vw);
  color: #fff;
  text-align: center;
  overflow: hidden;
}
.guanggao .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  padding: 20px 0;
  height: calc(100% - 40px);
}
.guanggao h2 {
  font-size: calc(34 / 1920 * 100vw);
}
.guanggao h6 {
  font-size: calc(24 / 1920 * 100vw);
}
.guanggao p {
  font-size: calc(16 / 1920 * 100vw);
  color: rgba(255, 255, 255, 0.8);
  text-transform: uppercase;
}
.guanggao a {
  background: rgba(255, 255, 255, 0.2);
  font-size: calc(38 / 1920 * 100vw);
  text-transform: uppercase;
  border-radius: 50px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 470px;
  padding: 0 5px;
}
.guanggao a span {
  background: #ffb800;
  font-size: calc(28 / 1920 * 100vw);
  text-transform: uppercase;
  padding: 5px 20px;
  border-radius: 50px;
}

.shililist {
  width: 100%;
  margin-top: 40px;
  overflow: hidden;
}
.shililist_left {
  width: 417px;
  height: 580px;
  float: left;
}
.shililist_right {
  width: 783px;
  height: 580px;
  float: right;
}
.shililist_left dl {
  padding: 17px 20px;
  color: #fff;
}

.shililist_left dl:nth-of-type(1) {
  background: linear-gradient(to top, #343434, #3a3a3a);
}
.shililist_left dl:nth-of-type(2) {
  background: linear-gradient(to top, #343434, #3a3a3a);
}
.shililist_left dl:nth-of-type(3) {
  background: linear-gradient(to top, #343434, #3a3a3a);
}
.shililist_left dl:nth-of-type(4) {
  background: linear-gradient(to top, #343434, #3a3a3a);
}
.shililist_left dl.on,
.shililist_left dl:hover {
  background: linear-gradient(66deg, #1152c6, #387bef);
  width: 450px;
  position: relative;
  cursor: pointer;
}
.shililist_left dl.on::after {
  content: '›';
  display: block;
  position: absolute;
  top: 30%;
  right: 10px;
  font-size: 44px;
}
.shililist_left dl dt {
  font-size: 36px;
}
.shililist_left dl dd {
  font-size: 28px;
}

.imgss {
  position: relative;
}
.imgss .imgss_content {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.imgss .imgss_content h4 {
  font-size: 28px;
  color: #fff;
  padding-left: 10px;
}
.imgss .imgss_content p {
  font-size: 20px;
  color: #fff;
  padding-left: 10px;
  line-height: 1.1;
  padding-bottom: 10px;
}
.imgss img {
  display: block;
}
.imgss .imgss_content a {
  background: #0f37bd;
  display: block;
  flex: 0 0 200px;
  font-size: 28px;
  color: #fff;
  text-align: center;
  line-height: 110px;
}
.side{position:fixed;width:78px;left:0;bottom: 80px;z-index:100;border:1px solid #e0e0e0;background:#fff;border-bottom:0}
.side ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}
.side ul li:hover{background:#062e5f;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}
.side ul li i.bgs1{background-image:url(../images/right_pic5.png)}
.side ul li i.bgs2{background-image:url(../images/right_pic7.png)}
.side ul li i.bgs3{background-image:url(../images/right_pic2.png)}
.side ul li i.bgs4{background-image:url(../images/right_pic1.png)}
.side ul li i.bgs5{background-image:url(../images/right_pic3.png)}
.side ul li i.bgs6{background-image:url(../images/right_pic6_on.png)}
.side ul li:hover i.bgs1{background-image:url(../images/right_pic5_on.png)}
.side ul li:hover i.bgs2{background-image:url(../images/right_pic7_on.png)}
.side ul li:hover i.bgs3{background-image:url(../images/right_pic2_on.png)}
.side ul li:hover i.bgs4{background-image:url(../images/right_pic1_on.png)}
.side ul li:hover i.bgs5{background-image:url(../images/right_pic3_on.png)}
.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;left:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{background:#062e5f;color:#fff}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.side ul li.sideewm .ewBox.son{width:200px;display:none;color:#363636;text-align:center;position:absolute;right:-202px;top:0;border:1px solid #e0e0e0;background: #fff;}
.side ul li.sideetel .telBox.son{width:240px;height:78px;display:none;color:#fff;text-align:left;position:absolute;right:-240px;top:0;background:#062e5f}
.side ul li.sideewm .ewBox.son img{ width: 100%;;}
.side ul li.sideetel .telBox dd{display:block;height:78px;overflow:hidden;padding-left:82px;line-height:24px;font-size:18px}
.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:12px;font-size:18px}
.side ul li.sideetel .telBox dd.bgs1{background:url(../images/right_pic8.png) 28px center no-repeat;background-color:#062e5f}
.side ul li.sideetel .telBox dd.bgs2{background:url(../images/right_pic9.png) 28px center no-repeat;background-color: #062e5f;}
.side ul li:hover .son{display:block!important;animation:fadein 1s}