@charset "utf-8";

/*Generated by wjdhcms 3.0 */

* {

  padding: 0;

  margin: 0;

  font-family: 'Microsoft YaHei', arial, helvetica, clean, sans-serif;

}

html {

  font-size: 100px;

}

body {

  font: 14px/1.231 'Microsoft YaHei', arial, helvetica, clean, sans-serif;

  color: #333;

  margin: 0;

  line-height: 1.5;

  width: 100%;

  overflow-x: hidden;

}

*:before,

*:after {

  box-sizing: content-box;

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -o-transition: all 0.5s;

  -ms-transition: all 0.5s;

}

:focus {

  outline: 1;

}

article,

aside,

canvas,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section,

summary {

  display: block;

}

a {

  color: #333;

  text-decoration: none;

}

.sjcTop,

.sjcBottom,

.sjcLeft,

.sjcRight,

.rightWow,

.leftWow,

.bottomWow {

  -webkit-transition: all 0.8s ease-out;

  transition: all 0.8s ease-out;

}

a:link,

a:hover,

a:active,

a:visited {

  text-decoration: none;

}

ins {

  background-color: #ff9;

  color: #000;

  text-decoration: none;

}

mark {

  background-color: #ff9;

  color: #000;

  font-style: italic;

  font-weight: bold;

}

del {

  text-decoration: line-through;

}

table {

  border-collapse: collapse;

  border-spacing: 0;

}

hr {

  display: block;

  height: 1px;

  border: 0;

  border-top: 1px solid #cccccc;

  margin: 1em 0;

  padding: 0;

}

input,

select {

  vertical-align: middle;

}

li,

ul {

  list-style-type: none;

}

img {

  border: none;

  vertical-align: middle;

}

input,

textarea {

  outline: 0;

  border: 0;

  resize: none;

}

h1,

h2,

h3,

h4,

h5,

h6,

dl,

dd,

dt,

i,

em {

  font-weight: normal;

  font-style: normal;

}

.gradient-bg {

  background-image: linear-gradient(90deg, #005ec1 0%, #0073e0 100%);

}

.leftl {

  float: left;

}

.rightr {

  float: right;

}

.myclearfix:after {

  content: '';

  height: 0;

  line-height: 0;

  display: block;

  visibility: hidden;

  clear: both;

}

.over {

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.bs {

  box-sizing: border-box;

}

.tion1 {

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -o-transition: all 0.5s;

  -ms-transition: all 0.5s;

}

.imgB {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.centerFlex {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

}

.img {

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -o-transition: all 0.5s;

  -ms-transition: all 0.5s;

  vertical-align: middle;

}

.linearBg {

  color: #0073e0;

  background-image: linear-gradient(90deg, #005ec1 0%, #0073e0 100%);

}

.inSwiper {

  margin: 0 auto;

  position: relative;

  overflow: hidden;

  list-style: none;

  padding: 0;

  z-index: 1;

  width: 100%;

  height: 100%;

}

.s1 {

  transform: scale(1.1);

  -webkit-transform: scale(1.1);

  -moz-transform: scale(1.1);

  -o-transform: scale(1.1);

  -ms-transform: scale(1.1);

}

.sjcTop,

.sjcBottom,

.sjcLeft,

.sjcRight,

.rightWow,

.leftWow,

.bottomWow,

.bg {

  -webkit-transition: all 0.8s ease-out;

  transition: all 0.8s ease-out;

}

.banner {

  width: 100%;

  height: 100%;

  position: relative;

}

.banner .swiper-wrapper {

  width: 100%;

  height: 100%;

}

.banner .swiper-wrapper .swiper-slide {

  width: 100%;

  height: 100%;

}

.banner .swiper-wrapper .swiper-slide > a {

  display: block;

  width: 100%;

  height: 100%;

}

.banner .swiper-wrapper .swiper-slide > a img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.banner .slider-btn-prev {

  position: absolute;

  z-index: 30;

  top: 50%;

  left: -81px;

  width: 81px;

  height: 81px;

  margin-top: -20px;

  background: url(../images/arrowPrev.png) 50% 50% no-repeat;

  transition: all 0.5s linear;

  cursor: pointer;

}

.banner:hover .slider-btn-prev {

  left: 10%;

}

.banner .slider-btn-next {

  position: absolute;

  z-index: 30;

  top: 50%;

  right: -81px;

  width: 81px;

  height: 81px;

  margin-top: -20px;

  background: url(../images/arrowNext.png) 50% 50% no-repeat;

  transition: all 0.5s linear;

  cursor: pointer;

}

.banner:hover .slider-btn-next {

  right: 10%;

  cursor: pointer;

}

.inContent {

  width: 66%;

  margin: 0 auto;

  position: relative;

  top: 50%;

  transform: translateY(-40%);

}

.about-box.ani-slide .about-con .pic {

  opacity: 1;

  transform: translateX(0);

  -webkit-transform: translateX(0);

}

.about-box.ani-slide .about-con .ab-text .tit-box {

  opacity: 1;

  right: 0;

}

.about-box.ani-slide .about-con .ab-text .tit,

.about-box.ani-slide .about-con .ab-text > i,

.about-box.ani-slide .about-con .ab-text .desc {

  opacity: 1;

  transform: translateX(0);

  -webkit-transform: translateX(0);

}

.about-box {

  background: url(../images/ab-bg.jpg) no-repeat center center;

  background-size: cover;

  position: relative;

}

.about-box::after {

  content: "";

  display: inline-block;

  position: absolute;

  bottom: 0;

  left: 0;

  z-index: 1;

  width: 36%;

  height: 60%;

  background-image: linear-gradient(90deg, #005ec1 0%, #0073e0 100%);

}

.about-box .about-con {

  position: relative;

  z-index: 2;

}

.about-box .about-con .pic {

  width: 55%;

  height: 5.8rem;

  background-color: #cbcbcb;

  border: solid 0.1rem #e5f1fc;

  object-fit: cover;

  position: relative;

  left: -9%;

  box-sizing: border-box;

  opacity: 0;

  transform: translateX(-1rem);

  -webkit-transform: translateX(-1rem);

}

.about-box .about-con .ab-text {

  position: absolute;

  right: 0;

  top: 0;

  width: 46%;

  height: 90%;

  box-sizing: border-box;

}

.about-box .about-con .ab-text .num-box {

  width: 100%;

  display: flex;

  justify-content: space-between;

}

.about-box .about-con .ab-text .num-box li {

  width: 32%;

  background-image: linear-gradient(90deg, #005ec1 0%, #0073e0 100%);

  box-sizing: border-box;

  text-align: center;

  padding: 0.2rem 0 0.13rem;

}

.about-box .about-con .ab-text .num-box li img {

  display: block;

  margin: 0 auto;

  width: 0.37rem;

  height: 0.34rem;

  object-fit: contain;

  margin-bottom: 0.2rem;

}

.about-box .about-con .ab-text .num-box li .num {

  font-family: Arial;

  font-size: 0.34rem;

  font-weight: bold;

  line-height: 0.34rem;

  color: #ffffff;

}

.about-box .about-con .ab-text .num-box li i:nth-child(3) {

  font-family: Arial;

  font-size: 0.14rem;

  color: #ffffff;

}

.about-box .about-con .ab-text .num-box li p {

  width: 78%;

  margin: 0.05rem auto 0;

  font-size: 0.14rem;

  line-height: 0.24rem;

  letter-spacing: 0.02rem;

  color: #ffffff;

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.about-box .about-con .ab-text .num-box li p::before {

  content: "";

  display: inline-block;

  vertical-align: middle;

  width: 0.13rem;

  height: 0.01rem;

  background-color: #ffffff;

}

.about-box .about-con .ab-text .num-box li p::after {

  content: "";

  display: inline-block;

  vertical-align: middle;

  width: 0.13rem;

  height: 0.01rem;

  background-color: #ffffff;

}

.about-box .about-con .ab-text .tit-box {

  position: relative;

  opacity: 0;

  right: -0.2rem;

  margin: 0.41rem 0 0.36rem;

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -o-transition: all 0.5s;

  -ms-transition: all 0.5s;

}

.about-box .about-con .ab-text .tit-box i {

  font-family: SimSun;

  display: inline-block;

  position: absolute;

  top: 0.18rem;

  font-size: 0.36rem;

  font-weight: bold;

  line-height: 0.36rem;

  letter-spacing: 0.04rem;

  color: #333333;

}

.about-box .about-con .ab-text .tit-box img {

  width: 4.51rem;

  height: 0.95rem;

  object-fit: contain;

}

.about-box .about-con .ab-text .tit {

  font-size: 0.24rem;

  line-height: 0.24rem;

  color: #333333;

  opacity: 0;

  transform: translateX(0.2rem);

  -webkit-transform: translateX(0.2rem);

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -o-transition: all 0.5s;

  -ms-transition: all 0.5s;

}

.about-box .about-con .ab-text > i {

  display: block;

  font-family: Arial;

  font-size: 0.11rem;

  line-height: 0.11rem;

  letter-spacing: 1px;

  color: #999999;

  margin: 0.16rem 0 0.33rem;

  opacity: 0;

  transform: translateX(0.2rem);

  -webkit-transform: translateX(0.2rem);

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -o-transition: all 0.5s;

  -ms-transition: all 0.5s;

}

.about-box .about-con .ab-text .desc {

  font-size: 0.16rem;

  line-height: 0.36rem;

  color: #666666;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical;

  opacity: 0;

  transform: translateX(0.2rem);

  -webkit-transform: translateX(0.2rem);

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -o-transition: all 0.5s;

  -ms-transition: all 0.5s;

}

.about-box .about-con .ab-text .more {

  display: inline-block;

  font-family: Arial;

  font-size: 0.14rem;

  line-height: 0.36rem;

  padding: 0 0.2rem;

  background-image: linear-gradient(90deg, #005ec1 0%, #0073e0 100%);

  color: #ffffff;

  margin-top: 0.3rem;

}

.about-box .about-con .ab-text .more:hover {

  margin-top: -0.05rem;

}

.pro-box.ani-slide .tit-box {

  opacity: 1;

  -webkit-transform: translateY(0);

  transform: translateY(0);

}

.pro-box.ani-slide .slide-pro .hd {

  opacity: 1;

  -webkit-transform: translateX(0);

  transform: translateX(0);

}

.pro-box {

  background: url(../images/pro-bg.jpg) no-repeat center;

  background-size: cover;

}

.pro-box .tit-box {

  position: absolute;

  right: 0;

  top: 0;

  display: inline-block;

  z-index: 9;

  opacity: 0;

  -webkit-transform: translateY(1.5rem);

  transform: translateY(1.5rem);

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -o-transition: all 0.5s;

  -ms-transition: all 0.5s;

}

.pro-box .tit-box a {

  font-family: SimSun;

  display: inline-block;

  position: absolute;

  top: 0.17rem;

  right: 0.29rem;

  font-size: 0.36rem;

  font-weight: bold;

  line-height: 0.36rem;

  letter-spacing: 0.04rem;

  color: #fff;

}

.pro-box .tit-box img {

  width: 4.19rem;

  height: 0.82rem;

  object-fit: contain;

}

.pro-box .tit-box::after {

  content: "";

  display: inline-block;

  position: absolute;

  right: 0;

  top: -0.38rem;

  width: 0.8rem;

  height: 1.5rem;

  background-color: #ffffff;

  opacity: 0.1;

}

.pro-box .slide-pro {

  position: relative;

}

.pro-box .slide-pro .hd {

  margin-top: 1.45rem;

  float: right;

  opacity: 0;

  -webkit-transform: translateX(1.5rem);

  transform: translateX(1.5rem);

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -o-transition: all 0.5s;

  -ms-transition: all 0.5s;

}

.pro-box .slide-pro .hd li a {

  display: block;

  margin-top: 0.3rem;

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -o-transition: all 0.5s;

  -ms-transition: all 0.5s;

  width: 2.7rem;

  height: 0.55rem;

  border-radius: 0.05rem;

  border: solid 1px #999999;

  overflow: hidden;

  position: relative;

  z-index: 9;

  box-sizing: border-box;

  line-height: 0.55rem;

  font-size: 0.18rem;

  color: #cccccc;

}

.pro-box .slide-pro .hd li a img {

  opacity: 0.6;

  width: 0.21rem;

  height: 0.21rem;

  object-fit: contain;

  margin: 0 0.3rem 0 0.29rem;

}

.pro-box .slide-pro .hd li a::after {

  content: "";

  display: inline-block;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  width: 0;

  height: 0;

  background-image: linear-gradient(90deg, #005ec1 0%, #0073e0 100%);

  z-index: -1;

  border-radius: 50%;

}

.pro-box .slide-pro .hd li.on a {

  border: 0px;

}

.pro-box .slide-pro .hd li.on a::after {

  width: 3rem;

  height: 3rem;

}

.pro-box .slide-pro .hd li.on a img {

  opacity: 1;

}

.pro-box .slide-pro .hd > a {

  display: block;

  margin-top: 0.3rem;

  width: 2.7rem;

  height: 0.55rem;

  border-radius: 0.05rem;

  border: solid 1px #999999;

  overflow: hidden;

  position: relative;

  z-index: 9;

  box-sizing: border-box;

  line-height: 0.55rem;

  font-size: 0.18rem;

  color: #cccccc;

}

.pro-box .slide-pro .hd > a img {

  width: 0.21rem;

  height: 0.21rem;

  object-fit: contain;

  opacity: 0.6;

  margin: 0 0.3rem 0 0.29rem;

}

.pro-box .slide-pro .hd > a::after {

  content: "";

  display: inline-block;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  width: 0;

  height: 0;

  background-image: linear-gradient(90deg, #005ec1 0%, #0073e0 100%);

  z-index: -1;

  border-radius: 50%;

}

.pro-box .slide-pro .hd > a:hover {

  border: 0px;

}

.pro-box .slide-pro .hd > a:hover img {

  opacity: 1;

}

.pro-box .slide-pro .hd > a:hover::after {

  width: 3rem;

  height: 3rem;

}

.pro-box .slide-pro .pro-bd {

  width: 74%;

  box-sizing: border-box;

}

.pro-box .slide-pro .pro-bd .bd > li {

  height: 6.2rem;

}

.pro-box .slide-pro .pro-bd .pro-top {

  width: 100%;

}

.pro-box .slide-pro .pro-bd .pro-top .im {

  display: inline-block;

  overflow: hidden;

  width: 4rem;

  box-sizing: border-box;

  height: 3rem;

  padding: 0.09rem;

  border: solid 1px #666666;

}

.pro-box .slide-pro .pro-bd .pro-top .im img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.pro-box .slide-pro .pro-bd .pro-top:hover .im {

  background-color: #d7e5f2;

  padding: 0;

  border: solid 10px #d7e5f2;

}

.pro-box .slide-pro .pro-bd .pro-top:hover .im > img {

  transform: scale(1.1);

  -webkit-transform: scale(1.1);

  -moz-transform: scale(1.1);

  -o-transform: scale(1.1);

  -ms-transform: scale(1.1);

}

.pro-box .slide-pro .pro-bd .pro-top:hover .text .more {

  margin-left: 10px;

  opacity: 1;

}

.pro-box .slide-pro .pro-bd .pro-top .text {

  display: inline-block;

  width: 40%;

  vertical-align: top;

  margin-left: 0.59rem;

}

.pro-box .slide-pro .pro-bd .pro-top .text .tit {

  display: block;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  font-size: 0.2rem;

  line-height: 0.2rem;

  color: #ffffff;

  font-weight: bold;

  margin: 0.41rem 0 0.3rem;

}

.pro-box .slide-pro .pro-bd .pro-top .text .tit::before {

  content: "";

  display: inline-block;

  width: 15px;

  height: 1px;

  background-color: #ffffff;

  vertical-align: middle;

}

.pro-box .slide-pro .pro-bd .pro-top .text .desc {

  font-size: 0.15rem;

  line-height: 0.36rem;

  color: #ffffff;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical;

}

.pro-box .slide-pro .pro-bd .pro-top .text .more {

  margin-top: 0.6rem;

  display: block;

  width: 0.9rem;

  border-bottom: 1px solid #ffffff;

  font-family: Arial;

  font-size: 0.14rem;

  line-height: 0.38rem;

  color: #ffffff;

  opacity: 0.5;

}

.pro-box .slide-pro .pro-bd .pro-top .text .more img {

  margin-right: 0.05rem;

}

.pro-box .slide-pro .pro-bd .pro-down {

  margin-top: 0.5rem;

  display: flex;

  justify-content: space-between;

}

.pro-box .slide-pro .pro-bd .pro-down li {

  width: 31%;

  position: relative;

}

.pro-box .slide-pro .pro-bd .pro-down li .im {

  width: 100%;

  height: 2.2rem;

  border: solid 1px #666666;

  display: block;

  overflow: hidden;

  box-sizing: border-box;

  padding: 0.09rem;

}

.pro-box .slide-pro .pro-bd .pro-down li .im img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.pro-box .slide-pro .pro-bd .pro-down li .tit {

  display: block;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  width: 70%;

  font-size: 0.16rem;

  line-height: 0.48rem;

  color: #999999;

}

.pro-box .slide-pro .pro-bd .pro-down li .more {

  position: absolute;

  right: 0;

  bottom: 0.13rem;

  opacity: 0.6;

}

.pro-box .slide-pro .pro-bd .pro-down li:hover .im {

  background-color: #d7e5f2;

  border: 10px solid #d7e5f2;

  padding: 0;

}

.pro-box .slide-pro .pro-bd .pro-down li:hover .im img {

  transform: scale(1.1);

  -webkit-transform: scale(1.1);

  -moz-transform: scale(1.1);

  -o-transform: scale(1.1);

  -ms-transform: scale(1.1);

}

.pro-box .slide-pro .pro-bd .pro-down li:hover .more {

  opacity: 1;

}

.pro-box .slide-pro .pro-bd .pro-down li:hover .tit {

  color: #ffffff;

  font-weight: bold;

}

.an-box.ani-slide .tit-box {

  opacity: 1;

  -webkit-transform: translateY(0);

  transform: translateY(0);

}

.an-box {

  background: url(../images/an-bg.jpg) no-repeat center;

  background-size: cover;

}

.an-box .tit-box {

  display: block;

  text-align: center;

  position: relative;

  opacity: 0;

  -webkit-transform: translateY(1.5rem);

  transform: translateY(1.5rem);

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -o-transition: all 0.5s;

  -ms-transition: all 0.5s;

}

.an-box .tit-box i {

  font-family: SimSun;

  display: inline-block;

  position: absolute;

  top: 0.14rem;

  left: 50%;

  transform: translateX(-50%);

  font-size: 0.4rem;

  font-weight: 1000;

  line-height: 0.4rem;

  letter-spacing: 0.04rem;

  color: #fff;

}

.an-box .tit-box i em {

  color: #0060c4;

  font-family: SimSun;

  font-weight: 1000;

}

.an-box .tit-box img {

  width: 7.85rem;

  height: 0.93rem;

  object-fit: contain;

}

.an-box .an-ul {

  margin-top: 0.49rem;

  display: flex;

  justify-content: space-between;

  align-items: center;

}

.an-box .an-ul li {

  width: 24.9%;

  box-sizing: border-box;

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -o-transition: all 0.5s;

  -ms-transition: all 0.5s;

  padding: 0 0.33rem;

  position: relative;

  overflow: hidden;

  height: 4.25rem;

  text-align: center;

  z-index: 9;

}

.an-box .an-ul li .icon {

  display: block;

  width: 1rem;

  height: 1rem;

  margin: 0.92rem auto 0.4rem;

  position: relative;

  z-index: 1;

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -o-transition: all 0.5s;

  -ms-transition: all 0.5s;

}

.an-box .an-ul li .icon::after {

  content: "";

  background-color: #d7e5f2;

  display: inline-block;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  z-index: -1;

  width: 100%;

  height: 100%;

  border-radius: 50%;

}

.an-box .an-ul li .icon::before {

  content: "";

  display: inline-block;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  width: 0.45rem;

  height: 0.45rem;

  z-index: 1;

  background: url(../images/adi1.png) no-repeat center;

  background-size: contain;

}

.an-box .an-ul li .tit {

  text-align: center;

  font-size: 0.2rem;

  line-height: 0.2rem;

  color: #333333;

}

.an-box .an-ul li i {

  text-transform: uppercase;

  display: block;

  margin-top: 0.1rem;

  text-align: center;

  font-family: Arial;

  font-size: 14px;

  line-height: 0.14rem;

  color: #333333;

  opacity: 0.5;

}

.an-box .an-ul li i::after {

  content: "";

  display: block;

  margin: 0.76rem auto 0;

  width: 0.4rem;

  height: 1px;

  background-color: #666666;

}

.an-box .an-ul li .desc {

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -o-transition: all 0.5s;

  -ms-transition: all 0.5s;

  position: absolute;

  bottom: -100%;

  font-size: 0.12rem;

  line-height: 0.25rem;

  color: #ffffff;

}

.an-box .an-ul li::after {

  content: "";

  display: inline-block;

  z-index: -1;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  width: 0;

  height: 0;

  border-radius: 50%;

  background: url(../images/ys1.jpg) no-repeat center;

  object-fit: contain;

}

.an-box .an-ul li.active {

  z-index: 10;

  transform: scale(1.1);

  -webkit-transform: scale(1.1);

  -moz-transform: scale(1.1);

  -o-transform: scale(1.1);

  -ms-transform: scale(1.1);

}

.an-box .an-ul li.active::after {

  width: 5.6rem;

  height: 5.5rem;

}

.an-box .an-ul li.active .icon {

  margin: 0.4rem auto 0.1rem;

}

.an-box .an-ul li.active .icon::after {

  border-radius: 0;

  width: 0.4rem;

  height: 0.02rem;

  background-color: #ffffff;

  top: auto;

  bottom: 0;

  left: 50%;

  transform: translateX(-50%);

}

.an-box .an-ul li.active .icon::before {

  width: 0.55rem;

  height: 0.55rem;

  background: url(../images/adi12.png) no-repeat center;

  background-size: contain;

}

.an-box .an-ul li.active .tit {

  color: #ffffff;

}

.an-box .an-ul li.active i {

  color: #ffffff;

  opacity: 0.5;

}

.an-box .an-ul li.active i::after {

  width: 0;

  height: 0;

  margin: 0;

}

.an-box .an-ul li.active .desc {

  margin-top: 0.3rem;

  position: relative;

  bottom: 0;

}

.an-box .an-ul li:nth-child(1) {

  background: url(../images/adb1.jpg) no-repeat center;

  background-size: cover;

}

.an-box .an-ul li:nth-child(2) {

  background: url(../images/adb2.jpg) no-repeat center;

  background-size: cover;

}

.an-box .an-ul li:nth-child(2)::after {

  background: url(../images/ys2.jpg) no-repeat center;

}

.an-box .an-ul li:nth-child(2) .icon::before {

  background: url(../images/adi2.png) no-repeat center;

}

.an-box .an-ul li:nth-child(2).active .icon::before {

  background: url(../images/adi22.png) no-repeat center;

}

.an-box .an-ul li:nth-child(3) {

  background: url(../images/adb3.jpg) no-repeat center;

  background-size: cover;

}

.an-box .an-ul li:nth-child(3)::after {

  background: url(../images/ys3.jpg) no-repeat center;

}

.an-box .an-ul li:nth-child(3) .icon::before {

  background: url(../images/adi3.png) no-repeat center;

}

.an-box .an-ul li:nth-child(3).active .icon::before {

  background: url(../images/adi32.png) no-repeat center;

}

.an-box .an-ul li:nth-child(4) {

  background: url(../images/adb4.jpg) no-repeat center;

  background-size: cover;

}

.an-box .an-ul li:nth-child(4)::after {

  background: url(../images/ys4.jpg) no-repeat center;

}

.an-box .an-ul li:nth-child(4) .icon::before {

  background: url(../images/adi4.png) no-repeat center;

}

.an-box .an-ul li:nth-child(4).active .icon::before {

  background: url(../images/adi42.png) no-repeat center;

}

.case-box.ani-slide .tit-box {

  opacity: 1;

  -webkit-transform: translateY(0);

  transform: translateY(0);

}

.case-box {

  background: url(../images/case-bg.jpg) no-repeat center;

  background-size: cover;

}

.case-box .case-con {

  overflow: hidden;

  width: 70%;

  padding: 0 0.28rem;

  margin: 0 auto;

  box-sizing: border-box;

  position: relative;

  top: 50%;

  transform: translateY(-40%);

}

.case-box .case-con > span {

  cursor: pointer;

  top: 3.61rem;

  position: absolute;

  width: 0.55rem;

  height: 0.55rem;

  background-color: #333333;

  display: inline-block;

  text-align: center;

  line-height: 0.55rem;

  z-index: 99;

  overflow: hidden;

}

.case-box .case-con > span img {

  width: 0.15rem;

  object-fit: cover;

}

.case-box .case-con > span::after {

  content: "";

  display: inline-block;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  width: 0;

  bottom: 0;

  z-index: -1;

  border-radius: 50%;

  background-image: linear-gradient(90deg, #005ec1 0%, #0073e0 100%);

}

.case-box .case-con span.active::after {

  width: 140%;

  height: 140%;

}

.case-box .case-con .caseL {

  left: 0;

}

.case-box .case-con .caseR {

  right: 0;

}

.case-box .tit-box {

  display: block;

  text-align: center;

  position: relative;

  opacity: 1;

  -webkit-transform: translateY(2.5rem);

  transform: translateY(2.5rem);

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -o-transition: all 0.5s;

  -ms-transition: all 0.5s;

}

.case-box .tit-box a {

  font-family: SimSun;

  display: inline-block;

  position: absolute;

  top: 0.14rem;

  left: 50%;

  transform: translateX(-50%);

  font-size: 0.4rem;

  font-weight: 1000;

  line-height: 0.4rem;

  letter-spacing: 0.04rem;

  color: #333333;

}

.case-box .tit-box img {

  width: 8.27rem;

  height: 0.91rem;

  object-fit: contain;

}

.case-box .myCase {

  width: 6.7rem;

  height: 5.1rem;

  margin: 0.5rem auto 0;

}

.case-box .myCase li {

  margin-top: 0.32rem;

  height: 4.4rem;

  opacity: 0.8;

  box-sizing: border-box;

  position: relative;

  z-index: 9;

  overflow: hidden;

}

.case-box .myCase li::after {

  content: "";

  display: inline-block;

  position: absolute;

  z-index: -1;

  width: 100%;

  height: 0.47rem;

  background: url(../images/touying.png) no-repeat center bottom;

  object-fit: contain;

  bottom: -0.07rem;

  left: 0;

}

.case-box .myCase li .im {

  display: block;

  width: 100%;

  height: 4.3rem;

  margin: 0 auto;

}

.case-box .myCase li .im img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.case-box .myCase li .text {

  width: 83%;

  margin: 0 auto;

  position: absolute;

  bottom: -50%;

  left: 50%;

  transform: translateX(-50%);

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -o-transition: all 0.5s;

  -ms-transition: all 0.5s;

}

.case-box .myCase li .text .tit {

  display: block;

  text-align: center;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  font-size: 0.2rem;

  line-height: 0.32rem;

  color: #ffffff;

}

.case-box .myCase li .text .tit::before {

  content: "-";

}

.case-box .myCase li .text .tit::after {

  content: "-";

}

.case-box .myCase li .text .desc {

  margin-top: 0.1rem;

  display: block;

  text-align: center;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  font-size: 0.16rem;

  line-height: 0.32rem;

  color: #ffffff;

  opacity: 0.7;

}

.case-box .myCase .swiper-slide-active {

  margin-top: 0;

  opacity: 1;

  height: 5.1rem;

  box-sizing: border-box;

}

.case-box .myCase .swiper-slide-active .im {

  height: 5rem;

  border: 10px solid #e5f1fc;

  box-sizing: border-box;

  overflow: hidden;

}

.case-box .myCase .swiper-slide-active .text {

  bottom: 0.5rem;

}

.case-box .case-cen {

  width: 100%;

  margin: 0 auto;

  overflow: hidden;

}

.news-box.ani-slide .slide-news .tit-box {

  opacity: 1;

  -webkit-transform: translateX(0);

  transform: translateX(0);

}

.news-box.ani-slide .slide-news .hd ul {

  opacity: 1;

  -webkit-transform: translateX(0);

  transform: translateX(0);

}

.news-box {

  background: url(../images/news-bg.jpg) no-repeat center;

  background-size: cover;

}

.news-box .news-con {

  transform: translateY(-36%);

}

.news-box .slide-news {

  display: flex;

  justify-content: space-between;

}

.news-box .slide-news .tit-box {

  position: relative;

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -o-transition: all 0.5s;

  -ms-transition: all 0.5s;

  opacity: 0;

  transform: translateX(-1.5rem);

  -webkit-transform: translateX(-1.5rem);

}

.news-box .slide-news .tit-box a {

  font-family: SimSun;

  display: inline-block;

  position: absolute;

  top: 0.33rem;

  font-size: 0.36rem;

  font-weight: bold;

  line-height: 0.36rem;

  color: #ffffff;

}

.news-box .slide-news .tit-box img {

  width: 2.09rem;

  height: 1.56rem;

  object-fit: contain;

}

.news-box .slide-news .hd {

  width: 25%;

  box-sizing: border-box;

  height: 6.2rem;

  background-image: linear-gradient(90deg, #005ec1 0%, #0073e0 100%);

  padding: 0.7rem 0.3rem 0 0.46rem;

}

.news-box .slide-news .hd ul {

  margin-top: 0.8rem;

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -o-transition: all 0.5s;

  -ms-transition: all 0.5s;

  opacity: 0;

  transform: translateX(1.5rem);

  -webkit-transform: translateX(1.5rem);

}

.news-box .slide-news .hd ul li.on {

  align-items: center;

}

.news-box .slide-news .hd ul li.on .icon::after {

  width: 100%;

  height: 100%;

}

.news-box .slide-news .hd ul li.on .icon::before {

  background: url(../images/ni12.png) no-repeat center;

}

.news-box .slide-news .hd ul li.on .tit::before {

  width: 0;

}

.news-box .slide-news .hd ul li {

  margin-bottom: 0.43rem;

  display: flex;

  align-items: flex-start;

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -o-transition: all 0.5s;

  -ms-transition: all 0.5s;

}

.news-box .slide-news .hd ul li .icon {

  display: inline-block;

  overflow: hidden;

  position: relative;

  z-index: 8;

  border-radius: 50%;

  width: 0.44rem;

  height: 0.44rem;

  margin-right: 0.25rem;

}

.news-box .slide-news .hd ul li .icon::after {

  content: "";

  display: inline-block;

  border-radius: 50%;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  width: 0;

  height: 0;

  z-index: -1;

  background-color: #fff;

}

.news-box .slide-news .hd ul li .icon::before {

  content: "";

  display: inline-block;

  width: 0.25rem;

  height: 0.21rem;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  background: url(../images/ni1.png) no-repeat center;

  background-size: contain;

}

.news-box .slide-news .hd ul li .tit {

  display: inline-block;

  font-size: 0.18rem;

  font-weight: bold;

  line-height: 0.25rem;

  color: #ffffff;

  position: relative;

}

.news-box .slide-news .hd ul li .tit::before {

  content: "";

  width: 0.1rem;

  height: 1px;

  background-color: #fcfcfc;

  opacity: 0.5;

  font-weight: normal;

  display: inline-block;

  position: absolute;

  left: -0.23rem;

  top: 0.2rem;

}

.news-box .slide-news .hd ul li .tit i {

  display: block;

  font-size: 0.14rem;

  color: #95badd;

}

.news-box .slide-news .hd ul li:nth-child(2) .icon::before {

  background: url(../images/ni2.png) no-repeat center;

}

.news-box .slide-news .hd ul li:nth-child(2).on .icon::before {

  background: url(../images/ni22.png) no-repeat center;

}

.news-box .slide-news .hd ul li:nth-child(3) .icon::before {

  background: url(../images/ni3.png) no-repeat center;

}

.news-box .slide-news .hd ul li:nth-child(3).on .icon::before {

  background: url(../images/ni32.png) no-repeat center;

}

.news-box .slide-news .news-bd {

  width: 68%;

}

.news-box .slide-news .news-bd ul {

  margin-top: 0.3rem;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}

.news-box .slide-news .news-bd ul li {

  width: 43%;

  height: 23%;

  padding-right: 0.13rem;

  box-sizing: border-box;

  position: relative;

  display: flex;

  z-index: 2;

  justify-content: space-between;

}

.news-box .slide-news .news-bd ul li .date {

  display: inline-block;

  vertical-align: top;

}

.news-box .slide-news .news-bd ul li .date i:nth-child(1) {

  display: block;

  text-align: center;

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -o-transition: all 0.5s;

  -ms-transition: all 0.5s;

  font-family: Arial;

  font-size: 0.8rem;

  font-weight: bold;

  line-height: 0.8rem;

  color: #cccccc;

  background-image: -webkit-gradient(linear, left 0, right 0, from(#cccccc), to(#cccccc));

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}

.news-box .slide-news .news-bd ul li .date i:nth-child(2) {

  font-family: Arial;

  font-size: 0.2rem;

  line-height: 0.2rem;

  color: #cccccc;

  background-image: -webkit-gradient(linear, left 0, right 0, from(#cccccc), to(#cccccc));

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  display: block;

  text-align: center;

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -o-transition: all 0.5s;

  -ms-transition: all 0.5s;

  margin-top: 0.1rem;

}

.news-box .slide-news .news-bd ul li .text {

  margin-left: 0.45rem;

  width: 2.7rem;

}

.news-box .slide-news .news-bd ul li .text .tit {

  display: block;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  width: 90%;

  font-size: 0.16rem;

  line-height: 0.16rem;

  color: #333333;

}

.news-box .slide-news .news-bd ul li .text .desc {

  font-size: 0.14rem;

  line-height: 0.3rem;

  color: #777777;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

}

.news-box .slide-news .news-bd ul li .text .desc::before {

  content: "";

  display: block;

  margin: 0.2rem 0 0.13rem;

  width: 0.3rem;

  height: 0.01rem;

  background-color: #cccccc;

}

.news-box .slide-news .news-bd ul li .text .lineBox {

  display: block;

  margin-left: auto;

  width: 1.12rem;

  height: 0.45rem;

  overflow: hidden;

  z-index: 3;

  position: relative;

}

.news-box .slide-news .news-bd ul li .text .lineBox img {

  position: absolute;

  right: 0;

  bottom: 0;

  width: 0.23rem;

  height: 100%;

}

.news-box .slide-news .news-bd ul li .text .lineBox .more {

  width: 1.12rem;

  height: 0.22rem;

  background-image: linear-gradient(90deg, #005ec1 0%, #0073e0 100%);

  border-radius: 10px;

  display: inline-block;

  text-align: center;

  line-height: 0.22rem;

  position: absolute;

  bottom: 0;

  left: -1.2rem;

  font-family: Arial;

  font-size: 0.12rem;

  color: #ffffff;

}

.news-box .slide-news .news-bd ul li::after {

  content: "";

  display: inline-block;

  position: absolute;

  z-index: -1;

  bottom: 0.08rem;

  left: 0;

  width: 100%;

  height: 1px;

  background-color: #dedede;

}

.news-box .slide-news .news-bd ul li::before {

  content: "";

  display: inline-block;

  position: absolute;

  z-index: 1;

  bottom: 0.08rem;

  left: 0;

  width: 0;

  height: 1px;

  background-color: #0060c4;

}

.news-box .slide-news .news-bd ul li:hover .date i {

  background-image: -webkit-gradient(linear, left 0, right 0, from(#1084d1), to(#2da1f0));

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}

.news-box .slide-news .news-bd ul li:hover .desc::before {

  background: #0060c4;

}

.news-box .slide-news .news-bd ul li:hover .lineBox img {

  right: -0.3rem;

}

.news-box .slide-news .news-bd ul li:hover .lineBox .more {

  left: 0;

}

.news-box .slide-news .news-bd ul li:hover::before {

  width: 100%;

}

.swiper-pagination span {

  opacity: 1;

  margin: 0.2rem 0.2rem 0.2rem 0 !important;

  width: 0.1rem;

  height: 0.1rem;

  background: rgba(0, 0, 0, 0.1);

}

.swiper-pagination .swiper-pagination-bullet-active {

  background-image: linear-gradient(90deg, #005ec1 0%, #0073e0 100%);

}

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

  .inContent {

    width: 90%;

    transform: translateY(-43%);

  }

  .case-box .case-con {

    width: 90%;

    transform: translateY(-43%);

  }

  .case-box .myCase li {

    height: 3.9rem;

  }

  .case-box .myCase li .im {

    height: 3.8rem;

  }

  .case-box .myCase .swiper-slide-active {

    height: 4.6rem;

  }

  .case-box .myCase .swiper-slide-active .im {

    height: 4.5rem;

  }

  .news-box .news-con {

    transform: translateY(-40%);

  }

  .news-box .slide-news .hd ul {

    margin-top: 0.6rem;

  }

}

.wapNav {

  display: none;

}

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

  .swiper-pagination {

    display: none;

  }

  .navi {

    display: none;

  }

  .inContent {

    width: 100vw;

    height: 100vh;

    transform: none;

    top: 0;

    box-sizing: border-box;

    padding: 0.1rem 0.1rem;

    overflow: hidden;

  }

  .case-box .case-con {

    width: 100vw;

    height: 100vh;

    transform: none !important;

    top: 0;

    box-sizing: border-box;

    padding: 0.1rem 0.1rem;

    overflow: hidden;

  }

  .news-box .news-con {

    width: 100vw;

    height: 100vh;

    transform: none !important;

    top: 0;

    box-sizing: border-box;

    padding: 0.1rem 0.1rem;

    overflow: hidden;

  }

  .footer .foo-con {

    width: 100vw !important;

    height: 100vh;

    transform: none !important;

    top: 0;

    box-sizing: border-box;

    padding: 0.1rem 0.1rem;

    overflow: hidden;

  }

  .about-box .about-con {

    display: flex;

    flex-direction: column;

    justify-content: space-between;

  }

  .about-box .about-con .ab-text {

    position: relative;

    width: 100%;

    height: 60%;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

  }

  .about-box .about-con .ab-text .num-box li {

    padding: 0.1rem 0;

  }

  .about-box .about-con .ab-text .num-box li .num {

    font-size: 0.28rem;

  }

  .about-box .about-con .ab-text .num-box li p {

    width: 95%;

    letter-spacing: 0;

  }

  .about-box .about-con .ab-text .tit-box {

    margin: 0.05rem 0;

  }

  .about-box .about-con .ab-text .tit-box img {

    width: 90%;

    height: auto;

  }

  .about-box .about-con .ab-text .tit-box i {

    font-size: 0.25rem;

    line-height: 0.25rem;

  }

  .about-box .about-con .ab-text .tit {

    font-size: 0.2rem;

    line-height: 0.2rem;

  }

  .about-box .about-con .ab-text > i {

    margin: 0.1rem 0;

  }

  .about-box .about-con .pic {

    left: 0;

    width: 100%;

    height: 38%;

  }

  .about-box .about-con .ab-text .desc {

    font-size: 0.14rem;

    line-height: 0.25rem;

    -webkit-line-clamp: 2;

  }

  .about-box .about-con .ab-text .more {

    margin-left: auto;

  }

  .about-box::after {

    width: 0;

  }

  .pro-con {

    display: flex;

    flex-direction: column;

    justify-content: space-between;

  }

  .pro-con .slide-pro {

    height: 86%;

  }

  .pro-con .slide-pro .pro-bd {

    height: 90%;

    overflow: hidden;

  }

  .pro-box .tit-box {

    position: relative;

    width: 100%;

    height: 10%;

  }

  .pro-box .slide-pro .hd {

    margin-top: 0.1rem;

    float: none;

    display: flex;

    justify-content: space-between;

  }

  .pro-box .slide-pro .hd > a {

    width: 18%;

    height: 0.44rem;

    text-align: center;

    line-height: 0.44rem;

    font-size: 0.12rem;

    color: #fff;

    margin: 0;

  }

  .pro-box .slide-pro .hd > a img {

    display: none;

    margin: 0;

  }

  .pro-box .slide-pro .hd ul {

    width: 82%;

    display: flex;

    justify-content: space-between;

  }

  .pro-box .slide-pro .hd ul li {

    width: 25%;

  }

  .pro-box .slide-pro .hd ul li a {

    text-align: center;

    width: 100%;

    height: 0.44rem;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    line-height: 0.44rem;

    font-size: 0.12rem;

    color: #fff;

    margin: 0;

  }

  .pro-box .slide-pro .hd ul li a img {

    display: none;

    margin: 0;

  }

  .pro-box .slide-pro .pro-bd {

    width: 100%;

  }

  .pro-box .slide-pro .pro-bd .swiper-slide {

    display: flex;

    flex-direction: column;

    justify-content: center;

    height: 100% !important;

  }

  .pro-box .slide-pro .pro-bd .pro-top {

    margin: 0.15rem 0;

    height: 43%;

    display: flex;

    align-items: center;

    justify-content: space-between;

  }

  .pro-box .slide-pro .pro-bd .pro-top .im {

    width: 55%;

    height: 100%;

  }

  .pro-box .slide-pro .pro-bd .pro-top .text {

    width: 40%;

    height: 100%;

    margin: 0;

    display: flex;

    flex-direction: column;

    justify-content: center;

  }

  .pro-box .slide-pro .pro-bd .pro-top .text .tit {

    margin: 0 0 0.2rem;

    font-size: 0.17rem;

    line-height: 0.17rem;

  }

  .pro-box .slide-pro .pro-bd .pro-top .text .desc {

    margin: 0 0 0.2rem;

    font-size: 0.14rem;

    line-height: 0.3rem;

  }

  .pro-box .slide-pro .pro-bd .pro-top .text .more {

    margin: 0;

  }

  .pro-box .slide-pro .pro-bd .pro-down {

    height: 45%;

    margin-top: 0;

  }

  .pro-box .slide-pro .pro-bd .pro-down li:nth-child(3) {

    display: none;

  }

  .pro-box .slide-pro .pro-bd .pro-down li {

    height: 100%;

    width: 48%;

  }

  .pro-box .slide-pro .pro-bd .pro-down li .im {

    height: 82%;

  }

  .an-box .an-con {

    display: flex;

    flex-direction: column;

    justify-content: center;

  }

  .an-box .tit-box img {

    width: 100%;

    height: auto;

  }

  .an-box .tit-box i {

    width: 100%;

    font-size: 0.25rem;

    line-height: 0.25rem;

  }

  .an-box .anul-box {

    width: 90%;

    margin: 0 auto;

    height: 75%;

  }

  .an-box .an-ul {

    height: 100%;

  }

  .an-box .an-ul li {

    padding: 0.2rem;

    height: 100%;

  }

  .an-box .an-ul li.active {

    transform: scale(1);

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -o-transform: scale(1);

    -ms-transform: scale(1);

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

  }

  .an-box .an-ul li.active .icon {

    margin-top: 0;

  }

  .an-box .an-ul li::after {

    width: 100% !important;

    height: 100% !important;

    border-radius: 0;

    background-size: cover !important;

  }

  .case-box .case-con {

    display: flex;

    flex-direction: column;

    justify-content: center;

    height: 100%;

  }

  .case-box .case-con > span {

    display: inline-block;

    width: 0.44rem;

    height: 0.44rem;

    line-height: 0.44rem;

    top: 50%;

  }

  .case-box .case-con > span img {

    width: 0.1rem;

  }

  .case-box .tit-box img {

    width: 100%;

    height: auto;

  }

  .case-box .tit-box a {

    top: 0.06rem;

    width: 100%;

    font-size: 0.27rem;

    line-height: 0.27rem;

  }

  .case-box .myCase {

    width: 76%;

  }

  .case-box .myCase li {

    height: 4.4rem;

  }

  .case-box .myCase li .im {

    height: 4.3rem;

  }

  .case-box .myCase .swiper-slide-active {

    height: 5.1rem;

  }

  .case-box .myCase .swiper-slide-active .im {

    height: 5rem;

  }

  .news-box .slide-news {

    flex-direction: column;

    align-items: center;

  }

  .news-box .slide-news .hd {

    padding: 0;

    display: inline-block;

    height: auto;

    width: 100%;

    background-image: none;

  }

  .news-box .slide-news .hd ul {

    margin-top: 0rem;

    display: flex;

    flex-wrap: wrap;

    align-items: flex-start;

    justify-content: space-between;

  }

  .news-box .slide-news .hd ul li.on {

    align-items: center;

  }

  .news-box .slide-news .hd ul li.on .icon::before {

    background: url(../images/ni1.png) no-repeat center;

  }

  .news-box .slide-news .hd ul li {

    margin: 0;

  }

  .news-box .slide-news .hd ul li .icon::after {

    background-image: linear-gradient(90deg, #005ec1 0%, #0073e0 100%);

  }

  .news-box .slide-news .hd ul li .icon::before {

    background: url(../images/ni12.png) no-repeat center;

  }

  .news-box .slide-news .hd ul li .tit {

    flex: 1;

    color: #333;

  }

  .news-box .slide-news .hd ul li .tit::before {

    background-image: linear-gradient(90deg, #005ec1 0%, #0073e0 100%);

  }

  .news-box .slide-news .hd ul li .tit i {

    color: #ccc;

    font-size: 0.12rem;

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    width: 100%;

  }

  .news-box .slide-news .hd ul li:nth-child(2) {

    width: 50%;

    margin: 0.3rem 0 0;

  }

  .news-box .slide-news .hd ul li:nth-child(2) .icon::before {

    background: url(../images/ni22.png) no-repeat center;

  }

  .news-box .slide-news .hd ul li:nth-child(2).on .icon::before {

    background: url(../images/ni2.png) no-repeat center;

  }

  .news-box .slide-news .hd ul li:nth-child(3) {

    width: 50%;

    margin: 0.3rem 0 0;

  }

  .news-box .slide-news .hd ul li:nth-child(3) .icon {

    margin-right: 0;

  }

  .news-box .slide-news .hd ul li:nth-child(3) .icon::before {

    background: url(../images/ni32.png) no-repeat center;

  }

  .news-box .slide-news .hd ul li:nth-child(3).on .icon::before {

    background: url(../images/ni3.png) no-repeat center;

  }

  .news-box .slide-news .hd ul li:nth-child(1) {

    width: 100%;

    margin: 0.3rem 0 0.05rem;

  }

  .news-box .slide-news .tit-box {

    position: absolute;

    right: 0;

    top: 0.1rem;

    width: 50%;

    background: url(../images/news-t2.png) no-repeat center;

    background-size: cover;

  }

  .news-box .slide-news .tit-box img {

    width: 100%;

    height: auto;

    opacity: 0;

  }

  .news-box .slide-news .tit-box a {

    color: #333;

  }

  .news-box .slide-news .news-bd {

    width: 100%;

    overflow: hidden;

  }

  .news-box .slide-news .news-bd ul {

    margin: 0.2rem 0 0;

    height: 100%;

    display: flex;

    flex-direction: column;

  }

  .news-box .slide-news .news-bd ul li {

    margin: 0.15rem 0;

    width: 100%;

  }

  .news-box .slide-news .news-bd ul li:nth-child(n+4) {

    display: none;

  }

  .footer::after,

  .footer::before {

    width: 0;

  }

  .footer .foo-con {

    flex-direction: column;

    justify-content: flex-start;

  }

  .footer .foo-con .otherLeft {

    width: 100%;

  }

  .footer .foo-con .otherLeft .links,

  .footer .foo-con .otherLeft .oT {

    display: none;

  }

  .footer .foo-con .otherLeft .form {

    margin-top: 0.1rem;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

  }

  .footer .foo-con .otherLeft .form .br {

    display: none;

  }

  .footer .foo-con .otherLeft .form div,

  .footer .foo-con .otherLeft .form label {

    width: 48% !important;

    margin: 0 0 0.2rem !important;

    display: flex !important;

    align-items: center;

  }

  .footer .foo-con .otherLeft .form div input,

  .footer .foo-con .otherLeft .form label input {

    width: 70%;

  }

  .footer .foo-con .otherLeft .form label {

    justify-content: space-between;

  }

  .footer .foo-con .otherLeft .form label input {

    width: 30%;

  }

  .footer .foo-con .otherLeft .form label img:nth-child(3) {

    float: none;

    width: 0.7rem;

  }

  .footer .foo-con .otherLeft .form .button {

    position: relative;

    width: 100%;

    line-height: 0.35rem;

    height: auto;

  }

  .footer .foo-con .otherLeft .form .button img {

    display: none;

  }

  .footer .foo-con .otherLeft .foo-but {

    margin: 0.2rem 0 0;

    line-height: 0.25rem;

    font-size: 0.13rem;

  }

  .footer .foo-con .otherLeft .foo-but a {

    font-size: 0.13rem;

    display: block;

    line-height: 0.25rem;

  }

  .footer .foo-con .otherRight {

    width: 100%;

  }

  .footer .foo-con .otherRight .tit-box {

    display: none;

  }

  .footer .foo-con .otherRight .qr-box {

    position: relative;

    bottom: 0;

  }

  .footer .foo-con .otherRight .oR li {

    margin-bottom: 0.2rem;

  }

  .footer .foo-con .otherRight .qr-box img {

    padding: 0.08rem;

    width: 0.66rem;

    height: 0.66rem;

  }

  .wapNav {

    display: block;

  }

}

.wapNav {

  position: fixed;

  width: 100%;

  top: 0;

  right: 0;

  z-index: 999;

  box-sizing: border-box;

  padding: 0.1rem;

  height: 0.65rem;

  background-color: rgba(255, 255, 255, 0.6);

  box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.08);

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -o-transition: all 0.5s;

  -ms-transition: all 0.5s;

}

.wapNav::after {

  content: "";

  display: inline-block;

  position: absolute;

  z-index: -1;

  width: 0.42rem;

  height: 0.42rem;

  right: 0.1rem;

  top: 0.1rem;

  border-radius: 50%;

  background-image: linear-gradient(90deg, #005ec1 0%, #0073e0 100%);

}

.wapNav.hideNav {

  width: auto;

  background: transparent;

  box-shadow: none;

}

.wapNav.hideNav h1 {

  display: none;

}

.wapNav h1 {

  display: inline-block;

  font-family: SimSun;

  display: block;

  font-size: 0.25rem;

  font-weight: bold;

  line-height: 0.25rem;

  color: #333333;

}

.wapNav h1 i {

  font-family: Arial;

  display: block;

  font-size: 0.12rem;

  letter-spacing: 0.012rem;

  color: #333333;

  opacity: 0.5;

}

.wapNav #menu,

.wapNav #hideMenu {

  display: inline-block;

  border-radius: 50%;

  width: 0.42rem;

  height: 0.42rem;

  position: relative;

  z-index: 9;

  display: flex;

  justify-content: center;

  align-items: center;

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -o-transition: all 0.5s;

  -ms-transition: all 0.5s;

}

.wapNav #menu img,

.wapNav #hideMenu img {

  width: 0.2rem;

  height: 0.2rem;

  object-fit: cover;

}

.wapNav #hideMenu {

  position: absolute;

  right: 0.1rem;

  top: 0.1rem;

  opacity: 0;

  z-index: 8;

}

.wapNav .phone {

  display: none;

  text-align: center;

  margin: 0.1rem 0 0.25rem;

  color: #fff;

  font-size: 0.18rem;

  letter-spacing: 0.02rem;

}

.wapNav .phone img {

  width: 0.2rem;

  object-fit: cover;

  margin-right: 0.1rem;

}

.wapNav .nav-ul {

  display: none;

  height: 70%;

  flex-direction: column;

  align-items: center;

  justify-content: center;

}

.wapNav .nav-ul li {

  text-align: center;

  margin: 0.2rem 0;

}

.wapNav .nav-ul li > a {

  font-size: 0.15rem;

  line-height: 0.18rem;

  letter-spacing: 0.04rem;

  font-weight: bold;

  color: #fff;

}

.wapNav .nav-ul li > a i {

  display: block;

  color: #dfdddd;

  font-size: 0.12rem;

  letter-spacing: 0;

  text-transform: uppercase;

}

.wapNav .nav-ul li div {

  margin-top: 0.1rem;

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  justify-content: center;

}

.wapNav .nav-ul li div a {

  color: #fff;

  font-size: 0.15rem;

  margin: 0 0.1rem;

}

.wapNav.openNav {

  height: 100vh;

  overflow: hidden;

}

.wapNav.openNav::after {

  top: -200%;

  right: -200%;

  width: 380%;

  height: 380%;

}

.wapNav.openNav h1 {

  display: block;

}

.wapNav.openNav h1 a {

  color: #fff;

}

.wapNav.openNav h1 a i {

  color: #fff;

}

.wapNav.openNav #menu {

  opacity: 0;

  z-index: 8;

}

.wapNav.openNav #hideMenu {

  opacity: 1;

  z-index: 9;

}

.wapNav.openNav .phone {

  display: block;

}

.wapNav.openNav .nav-ul {

  display: block;

}