* {

  margin: 0;

  padding: 0;

}

body {

  overflow-x: hidden;

  margin: auto;

  font-size: 12px;

}

li {

  list-style: none;

}

ol li {

  list-style: inherit;

}

.clear {

  height: 0px;

  clear: both;

}

textarea {

  font-family: "Microsoft YaHei", "Arial", "微软雅黑", "黑体", "verdana", "宋体";

}

div {

  font-family: "Microsoft YaHei", "Arial", "微软雅黑", "黑体", "verdana", "宋体";

}

p {

  font-family: "Microsoft YaHei", "Arial", "微软雅黑", "黑体", "verdana", "宋体";

}

a {

  text-decoration: none;

  font-family: "Microsoft YaHei", "Arial", "微软雅黑", "黑体", "verdana", "宋体";

  cursor: pointer;

}

@font-face {

	font-family: 'HELVETICAEXTTHN';

	src: local('HELVETICAEXTTHN'), url(../fonts/HELVETICAEXTTHN.woff) format('woff');

}

@font-face {

	font-family: 'AVA';

	src: local('AVA'), url(../fonts/AVA.woff) format('woff');

}

@font-face {

	font-family: 'AVAB';

	src: local('AVAB'), url(../fonts/AVAB.woff) format('woff');

}

@font-face {

	font-family: 'GOTHICB';

	src: local('GOTHICB'), url(../fonts/GOTHICB.woff) format('woff');

}

@font-face {

	font-family: 'BASKVILL';

	src: local('BASKVILL'), url(../fonts/BASKVILL.woff) format('woff');

}

a:hover {

  text-decoration: none;

}

html {

  font-size: 100px !important;

}



body {

  background: #fff !important;

}



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

  html {

    font-size: 86px !important;

    overflow-x: hidden;

  }

}



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

  html {

    font-size: 78px !important;

  }

}



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

  .hidden-1280 {

    display: none !important;

  }

}



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

  html {

    font-size: 60px !important;

  }

}



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

  html {

    font-size: 60px !important;

  }

}

.top {

  width: 100%;

  position: relative;

  overflow: hidden;

  background-repeat: no-repeat;

  background-position: top center;

  background-size: cover;

}

.banner {

  width: 100%;

}

.banner img {

  width: 100%;

}

.nav {

  position: absolute;

  width: calc((100% / 12) * 10);

  left: calc(100% / 12);

  top: 0.6rem;

  z-index: 9;

}

.logo {

  width: 1.5rem;

  float: left;

}

.logo img {

  width: 100%;

}

.nav-wrapper {

  float: right;

}

.searchbox {

  width: calc(100vw / 12);

  float: right;

  position: relative;

}

.search-bar {

  position: absolute;

  width: 100%;

  height: 0.5rem;

  background: #004dff;

  border-radius: 0.25rem;

  padding-left: 0.29rem;

  overflow: hidden;

  transition: 0.5s all;

}

.searchimg {

  width: 0.24rem;

  line-height: 0.45rem;

  float: left;

}

.searchimg img {

  width: 100%;

}

.search {

  width: calc(100% - 0.34rem);

  float: left;

  height: 100%;

}

.search form {

  height: 100%;

}

.itext {

  width: 100%;

  padding-left: 0.29rem;

  background: none;

  border: none;

  height: 96%;

  line-height: 0.45rem;

  color: #ffffff;

  font-size: 0.14rem;

  opacity: 0.65;

}

.itext::placeholder {

  color: #ffffff;

  font-size: 0.14rem;

  line-height: 0.45rem;

}

input {

  outline: none;

}

.nav-item {

  float: left;

  color: #ffffff;

  font-size: 0.16rem;

  line-height: 1;

  margin-right: 0.7rem;
  position: relative;

}

.nav-container {

  float: left;

  margin-right: 0.75rem;

}

.nav-container .nav-item:last-child {

  margin-right: 0;

}

.nav-item a {

  color: #ffffff;

  display: block;

  line-height: 0.5rem;

}



.bnxwk {

  width: 100%;

  background: url(../img/bannerx.png) no-repeat center;

  background-size: 100% 100%;

  position: absolute;

  padding-bottom: 0.47rem;

  bottom: 0;

  left: 0;

  z-index: 5;

}

.bnspan {

  width: 0.6rem;

  position: absolute;

  top: 0.1rem;

  right: calc(100% / 12);

  cursor: pointer;

}

.bnspan img {

  width: 100%;

}

.bnhbtd {

  position: absolute;

  width: 0.19rem;

  right: calc(((100% / 12) * 3) - 0.6rem);

  top: 2.35rem;

}

.bnhbtd img {

  width: 100%;

}

.bndd {

  position: absolute;

  left: 0.15rem;

  width: 0.67rem;

  top: 2.45rem;

}

.bndd img {

  width: 100%;

}

.bnxnk {

  display: table;

  margin-left: auto;

  margin-right: auto;

  margin-top: 1.82rem;

  transform: translate(-0.15rem, 0%);

}

.bnxmg {

  width: 2.25rem;

  height: 2.92rem;

  background-size: 100% 100%;

  padding-top: 0.48rem;

  padding-left: 0.29rem;

  float: left;

  margin-left: 0.3rem;

  border-radius: 0.25rem;

  position: relative;

}

.clsj {

  position: absolute;

  width: 3.35rem;

  left: -0.55rem;

  top: -0.48rem;

  /* z-index: 2; */

}

.clsj img {

  width: 100%;

}

.bnxnk .bnxmg:first-child {

  margin-left: 0;

}

.bnxmgtp {

  width: 0.8rem;

  height: 0.8rem;

  border-radius: 50%;

  overflow: hidden;

  position: relative;

}

.bnxmgtp img {

  width: 100%;

}

.bnxmgzjwk {

  margin-top: 0.33rem;

  display: flex;

  padding-left: 0.1rem;

  align-items: flex-end;

  position: relative;

}

.bnxmgsz {

  color: #004dff;

  font-size: 0.36rem;

  font-weight: bold;

  font-family: "Arial";

  line-height: 1;

}

.bnxmgycwz {

  color: #004dff;

  font-size: 0.14rem;

  line-height: 0.28rem;

  margin-left: 0.04rem;

}

.bnxmgxwz {

  margin-top: 0.28rem;

  color: #898989;

  font-size: 0.14rem;

  line-height: 1;

  padding-left: 0.1rem;

  position: relative;

}

.arrow {

  animation: arrow 3s ease-in-out infinite;

  -webkit-animation: arrow 3s ease-in-out infinite;

  cursor: pointer;

  z-index: 99;

  opacity: 1;

}

.arrow:hover {

  animation-play-state: paused;

  -webkit-animation-play-state: paused;

}

.arrow img {

  width: 100%;

}

@keyframes arrow {

  0%,

  100% {

    top: 2.35rem;

    opacity: 1;

  }

  50% {

    top: 3.35rem;

    opacity: 0.5;

  }

}

@-webkit-keyframes arrow {

  0%,

  100% {

    top: 2.35rem;

    opacity: 1;

  }

  50% {

    top: 3.35rem;

    opacity: 0.5;

  }

}





.homeaboutbox {

  width: 100%;

  padding-top: 0.75rem;

  position: relative;

  background: #f6fafd;

}

.homeabouttopleft {

  width: calc((100% / 12) * 10);

  margin-left: auto;

  margin-right: auto;

}

.homeabouttopleften {

  color: #004dff;

  font-size: .6rem;

  line-height: 1;

  font-family: 'AVA';

}

.homeabouttopleftcn {

  color: #9f9e9e;

  font-size: .16rem;

  line-height: 0.24rem;

  margin-top: 0.15rem;

}

.aboutywtp {

  width: 7.75rem;

  position: absolute;

  top: 0.67rem;

  right: 0.34rem;

}

.aboutywtp img {

  width: 100%;

}

.aboutdltp {

  width: 4.27rem;

  left: 70.67%;

  bottom: .6rem;

  position: absolute;

}

.aboutdltp img {

  width: 100%;

}

.aboutbndd {

  position: absolute;

  right: 0.1rem;

  width: 0.67rem;

  bottom: 5.8rem;

  z-index: 6;

}

.aboutbndd img {

  width: 100%;

}

.aboutbottom {

  width: 100%;

  margin-top: 0.88rem;

}

.aboutleftbottom {

  width: 70.67%;

  position: relative;

}

.aboutgytp {

  width: 100%;

}

.aboutgytp img {

  width: 100%;

}

.aboutbfan {

  position: absolute;

  width: 1.55rem;

  height: 1.55rem;

  border-radius: 50%;

  left: 3.44rem;

  top: 3.21rem;

  cursor: pointer;

}

.aboutbfan img {

  width: 100%;

}

.aboutrightbottom {

  width: 56.14%;

  padding-top: 0.8rem;

  padding-left: 1.2rem;

  padding-right: 1.78rem;

  padding-bottom: 0.59rem;

  border-top-left-radius: .2rem;

  position: absolute;

  right: 0;

  bottom: 0;

  background: #edf6fd;

}

.aboutentitle {

  color: #363636;

  font-size: .6rem;

  line-height: 1;

  font-family: 'AVA';

}

.aboutcnbox {

  color: #363636;

  font-size: .3rem;

  overflow: hidden;

  margin-top: 0.03rem;

}

.aboutcnone {

  float: left;

}

.aboutcntwo {

  font-weight: bold;

  color: #004dff;

  float: left;

}

.aboutdesc {

  color: #9f9e9e;

  font-size: .16rem;

  line-height: 0.24rem;

  margin-top: 0.26rem;

}

.aboutsummary {

  margin-top: 0.4rem;

  overflow: hidden;

}

.aboutsummg {

  margin-left: 0.25rem;

  width: calc((100% - .5rem) / 3);

  float: left;

  border: 1px solid #dae7f0;

  padding-top: 0.26rem;

  padding-bottom: 0.28rem;

}

.aboutsummary .aboutsummg:first-child {

  margin-left: 0;

}

.aboutsumbox {

  display: flex;

  justify-content: center;

  align-items: center;

}

.aboutsum {

  color: #363636;

  font-size: .48rem;

  line-height: 1;

  font-family: 'HELVETICAEXTTHN';

}

.aboutsumr {

  color: #004dff;

  font-size: .14rem;

  font-weight: bold;

  margin-left: 0.15rem;

}

.aboutsumbottom {

  text-align: center;

  color: #898989;

  font-size: .14rem;

  line-height: 1;

  width: 1.7rem;

  border-top: 1px solid #dae7f0;

  padding-top: 0.22rem;

  margin-left: auto;

  margin-right: auto;

  margin-top: 0.17rem;

}

.abouturl {

  margin-top: 0.38rem;

  width: 1.6rem;

  height: 0.5rem;

  border-radius: .25rem;

  background: #004dff;

  overflow: hidden;

}

.abouturl a {

  display: block;

  width: 100%;

  height: 100%;

  line-height: 0.5rem;

  color: #ffffff;

  font-size: .14rem;

  padding-left: 0.1rem;

  text-align: center;

}







.homeproductbox {

  width: 100%;

  position: relative;

  padding-top: 1.2rem;

}

.homeproductbndd {

  position: absolute;

  width: 0.67rem;

  top: 2.14rem;

  left: 0.16rem;

}

.homeproductbndd img {

  width: 100%;

}

.homeproducttopleft {

  width: calc((100% / 12) * 10);

  margin-left: auto;

  margin-right: auto;

  overflow: hidden;

}

.homeproducttitle {

  float: left;

}

.homeproducttitlecn {

  color: #004dff;

  font-size: .18rem;

  font-weight: bold;

  line-height: 1;

}

.homeproductsubtitle {

  color: #363636;

  font-size: .6rem;

  line-height: 1;

  font-family: "AVA";

  margin-top: 0.15rem;

}

.homeproductright {

  float: right;

  overflow: hidden;

  margin-top: 0.32rem;

}

.homeproductrightitem {

  float: left;

  min-width: 1.6rem;

  height: 0.5rem;

  border-radius: .25rem;

  margin-left: 0.25rem;

  border: 1px solid #708bf3;

  line-height: 0.48rem;

  transition: .25s all;

}

.homeproductright .homeproductrightitem:first-child {

  margin-left: 0;

}

.homeproductrightitem a {

  display: block;

  width: 100%;

  height: 100%;

  text-align: center;

  color: #363636;

  font-size: .16rem;

  transition: .25s all;

  padding-left: 0.25rem;

  padding-right: 0.25rem;

  letter-spacing: .04rem;

  text-indent: .04rem;

}

.homeproductrightitem:hover {

  background: #708bf3;

  border-color: #708bf3;

}

.homeproductrightitem:hover a {

  color: #fff;

}

.homeproductrightitemactive {

  background: #708bf3;

  border-color: #708bf3;

}

.homeproductrightitemactive a {

  color: #fff;

}

.homeproductbottom {

  width: 100%;

  padding-left: calc(100% / 12);

  margin-top: 1.35rem;

  padding-bottom: 1.35rem;

}

.homeproductbottom .swiper-slide {

  width: 4.25rem;

}

.homeproductbottomitem {

  width: 100%;

  position: relative;

  padding-bottom: 0.4rem;

}

.homeproductbottomimgbj {

  position: absolute;

  width: 5.34rem;

  top: -0.24rem;

  left: -0.55rem;

  z-index: -1;

}

.homeproductbottomimgbj img {

  width: 100%;

}

.homeproductbottomitem a {

  width: 100%;

  display: block;

  padding-left: 0.23rem;

  padding-right: 0.21rem;

  padding-top: 0.13rem;

}

.homeproductbottomimg {

  width: 100%;

}

.homeproductbottomimg img {

  width: 100%;

}

.homeproductbottomtext {

  width: 100%;

  text-align: center;

  margin-top: 0.35rem;

}

.homeproductbottomtitle {

  color: #363636;

  font-size: .18rem;

  line-height: 0.2rem;

  height: 0.2rem;

}

.homeproductbottomsubtitle {

  color: #9f9e9e;

  font-size: .16rem;

  line-height: 0.18rem;

  margin-top: 0.1rem;

}

.homeproductbottom .mySwiper2 {

  overflow: inherit;

}





.dblst {

  width: 100%;

  height: 3.24rem;

  left: 1.09rem;

  width: calc(100% - 1.09rem);

  position: absolute;

  bottom: 0;

  background: #edf1fd;

  border-top-left-radius: .3rem;

  border-bottom-left-radius: .3rem;

}



.casetitlebox {

  width: 100%;

  text-align: center;

  position: relative;

  padding-top: 1.41rem;

  padding-bottom: 0.94rem;

}

.casetitleen {

  font-family: "AVA";

  color: #363636;

  font-size: .6rem;

  line-height: 1;

}

.casetitlecn {

  color: #363636;

  font-size: .3rem;

  line-height: 1;

  margin-top: 0.16rem;

}

.casebndd {

  position: absolute;

  width: 0.67rem;

  right: 0.14rem;

  top: 1.14rem;

}

.casebndd img {

  width: 100%;

}

.casebottombox {

  width: 100%;

  background: #f6fafd;

}

.casebottom {

  width: 62.5%;

  margin-left: auto;

  margin-right: auto;

  position: relative;

}

.caseitem {

  width: 100%;

  border-radius: .2rem;

  overflow: hidden;

  position: relative;

}

.caseitem a {

  display: block;

  width: 100%;

  height: 100%;

}

.caseitempic {

  width: 100%;

}

.caseitempic img {

  width: 100%;

}

.caseitemzz {

  width: 100%;

  position: absolute;

  top: 0;

  left: 0;

  z-index: 3;

  opacity: 0;

  transition: .25s all;

}

.caseitemzz img {

  width: 100%;

}

.caseitemtitlebox {

  position: absolute;

  width: 100%;

  top: .75rem;

  left: 0;

  z-index: 4;

  text-align: center;

  padding-left: 1rem;

  padding-right: 1rem;

  opacity: 0;

  transition: .25s all;

}

.caseitemtitle {

  color: #ffffff;

  font-size: .24rem;

  font-weight: bold;

  line-height: .25rem;

  height: 0.25rem;

  white-space:nowrap;

  overflow:hidden;

  text-overflow:ellipsis;

}

.caseitemdesc {

  color: #ffffff;

  font-size: .16rem;

  opacity: .6;

  line-height: 0.24rem;

  font-weight: 300;

  margin-top: 0.25rem;

}

.casebottom .mySwiper3 {

  overflow: inherit;

}

.caseleftjt {

  position: absolute;

  width: 0.32rem;

  top: 50%;

  left: -0.7rem;

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

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

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

  cursor: pointer;

  z-index: 6;

}

.caseleftjt img {

  width: 100%;

  transition: .25s all;

  -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */

  filter: grayscale(100%);

  opacity: .5;

}

.caseleftjt:hover img {

  opacity: 1;

  -webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */

  filter: grayscale(0%);

}



.caserightjt {

  position: absolute;

  width: 0.32rem;

  top: 50%;

  right: -0.7rem;

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

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

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

  z-index: 6;

  cursor: pointer;

}

.caserightjt img {

  width: 100%;

  transform-origin: center;

  transform: rotate(180deg);

  transition: .25s all;

  -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */

  filter: grayscale(100%);

  opacity: .5;

}

.caserightjt:hover img {

  opacity: 1;

  -webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */

  filter: grayscale(0%);

}

.casebottom .swiper-pagination {

  bottom: .67rem;

}

.casebottom .swiper-pagination .swiper-pagination-bullet {

  width: 0.4rem;

  height: 1px;

  background: #fff;

  opacity: 0.5;

  margin-left: 0.05rem;

  margin-right: 0.05rem;

  border-radius: 0;

}

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

  opacity: 1;

}



.casebottom .swiper-slide-active .caseitemzz {

  opacity: 1;

}

.casebottom .swiper-slide-active .caseitemtitlebox {

  opacity: 1;

}



.join {

  width: 100%;

  background: #f6fafd;

  padding-top: 1.12rem;

  padding-bottom: 1.8rem;

}

.joinbox {

  width: calc((100% / 12) * 10);

  margin-left: auto;

  margin-right: auto;

}

.jointitlebox {

  width: 100%;

  text-align: center;

}

.jointitle {

  color: #004dff;

  font-size: .18rem;

  font-weight: bold;

  line-height: 1;

}

.joinsubtitle {

  color: #363636;

  font-size: .6rem;

  font-family: "AVA";

}

.joinbottombox {

  width: 100%;

  overflow: hidden;

  margin-top: 0.7rem;

}

.joinitem {

  width: calc((100% - .96rem) / 4);

  margin-left: 0.32rem;

  height: 4.6rem;

  border-radius: .15rem;

  float: left;

  padding-left: 0.55rem;

  padding-top: 0.53rem;

  padding-right: 0.35rem;

  position: relative;

  transition: .25s all;

}

.joinbottombox .joinitem:nth-child(1) {

  background: url(../img/zsbj1.jpg) no-repeat center;

  background-size: 100% 100%;

}

.joinbottombox .joinitem:nth-child(2) {

  background: url(../img/zsbj2.jpg) no-repeat center;

  background-size: 100% 100%;

}

.joinbottombox .joinitem:nth-child(3) {

  background: url(../img/zsbj3.jpg) no-repeat center;

  background-size: 100% 100%;

}

.joinbottombox .joinitem:nth-child(4) {

  background: url(../img/zsbj4.jpg) no-repeat center;

  background-size: 100% 100%;

}

.joinbottombox .joinitem:first-child {

  margin-left: 0;

}

.joinitempic {

  width: 1rem;

  text-align: center;

}

.joinitempic img {

  width: 0.57rem;

  transition: .25s all;

}

.joinitemtitlebox {

  margin-top: 0.36rem;

}

.joinitemtitle {

  color: #363636;

  font-size: .24rem;

  transition: .25s all;

}

.joinitemdesc {

  color: #8b8a8a;

  font-size: .14rem;

  line-height: 0.24rem;

  margin-top: 0.13rem;

  transition: .25s all;

}

.joinitemurl {

  width: 1.3rem;

  height: 0.5rem;

  border-radius: .25rem;

  background: #fff;

  overflow: hidden;

  position: absolute;

  left: 0.58rem;

  bottom: 0.6rem;

  opacity: 0;

}

.joinitemurl a {

  display: block;

  width: 100%;

  height: 100%;

  font-family: "GOTHICB";

  color: #363636;

  font-size: .14rem;

  text-align: center;

}

.joinitem:hover {

  background: url(../img/zsbj.jpg) no-repeat center!important;

}

.joinitem:hover .joinitempic img {

  filter: grayscale(100%) brightness(1000%);

}

.joinitem:hover .joinitemtitle {

  color: #fff;

}

.joinitem:hover .joinitemdesc {

  color: #fff;

}





.news {

  width: 100%;

  position: relative;

  padding-bottom: 2.47rem;

}

.newslefttopbndd {

  width: 0.67rem;

  position: absolute;

  top: 1.13rem;

  left: 0.2rem;

}

.newslefttopbndd img {

  width: 100%;

}

.newsrightbottombndd {

  top: 6.15rem;

  right: 0.13rem;

  position: absolute;

  width: 0.67rem;

}

.newsrightbottombndd img {

  width: 100%;

}

.newsbox {

  width: calc((100% / 12) * 10);

  margin-left: auto;

  margin-right: auto;

  padding-top: 0.93rem;

}

.newstitlebox {

  text-align: center;

}

.newstitle {

  color: #004dff;

  font-size: .18rem;

  font-weight: bold;

}

.newssubtitle {

  color: #363636;

  font-size: .6rem;

  font-family: "AVA";

  margin-top: -0.05rem;

}

.newsbottom {

  width: 100%;

  overflow: hidden;

  margin-top: 0.74rem;

}

.newsbottomleft {

  width: 57.125%;

  height: 7.1rem;

  float: left;

  border-radius: .2rem;

  overflow: hidden;

  background-size: 100% 100%;

}

.newsbottomleft a {

  display: block;

  width: 100%;

  height: 100%;

  padding-top: 0.87rem;

  padding-left: 0.86rem;

}

.newsbottomlefthots {

  width: 1.02rem;

  height: 0.38rem;

  border-radius: .19rem;

  background: rgba(255, 255, 255, .4);

  line-height: 0.38rem;

  text-align: center;

  color: #ffffff;

  font-size: .14rem;

  font-family: "GOTHICB";

}

.newsbottomlefttitle {

  color: #ffffff;

  font-size: .3rem;

  line-height: 0.35rem;

  height: 0.35rem;

  white-space:nowrap;

  overflow:hidden;

  text-overflow:ellipsis;

  margin-top: 0.53rem;

  width: 60%;

}

.newsbottomleftdesc {

  color: #ffffff;

  font-size: .14rem;

  line-height: 0.24rem;

  margin-top: 0.28rem;

  width: 3.7rem;

  height: 0.72rem;

  display:-webkit-box;

  overflow:hidden;

  text-overflow:ellipsis;

  -webkit-line-clamp:3;

  -webkit-box-orient:vertical;

}

.newsbottomlefttime {

  color: #ffffff;

  font-size: .14rem;

  font-family: "GOTHICB";

  margin-top: 0.3rem;

}

.newsbottomright {

  float: right;

  width: calc(42.875% - .25rem);

}

.newsbottomrightitem {

  width: 100%;

  height: 2.2rem;

  border-radius: .2rem;

  overflow: hidden;

  background: url(../img/syxwbj.jpg) no-repeat center;

  background-size: 100% 100%;

  margin-top: 0.25rem;

}

.newsbottomright .newsbottomrightitem:first-child {

  margin-top: 0;

}

.newsbottomright .newsbottomrightitem:nth-child(3) {

  background: url(../img/syxwbj2.jpg) no-repeat center;

  background-size: 100% 100%;

}

.newsbottomrightitem a {

  display: block;

  width: 100%;

  height: 100%;

  padding-left: 0.54rem;

  padding-top: 0.76rem;

}

.newsbottomrightleft {

  float: left;

}

.newsbottomrightlefthots {

  width: 1.02rem;

  height: 0.38rem;

  border-radius: .19rem;

  background: rgba(110, 155, 206, .4);

  line-height: 0.38rem;

  text-align: center;

  color: #ffffff;

  font-size: .14rem;

  font-family: "GOTHICB";

}

.newsbottomrightlefttime {

  color: #363636;

  font-size: .14rem;

  line-height: 1;

  font-family: "GOTHICB";

  margin-top: 0.18rem;

  margin-left: 0.18rem;

}

.newsbottomrighttitle {

  float: left;

  color: #363636;

  font-size: .24rem;

  line-height: 0.38rem;

  height: 0.38rem;

  white-space:nowrap;

  overflow:hidden;

  text-overflow:ellipsis;

  width: calc(100% - 2.5rem);

  margin-left: 0.35rem;

}

.newsbottomright .newsbottomrightitem:nth-child(3) .newsbottomrightlefttime {

  color: #fff;

}

.newsbottomright .newsbottomrightitem:nth-child(3) .newsbottomrighttitle {

  color: #fff;

}







.footer {

  width: 100%;

  position: relative;

  background: url(../img/footer.png) no-repeat center;

  background-size: 100% 100%;

  padding-top: 1.25rem;

}

.footerleftbndd {

  width: 0.67rem;

  position: absolute;

  top: 4.2rem;

  left: -0.11rem;

}

.footerleftbndd img {

  width: 100%;

}

.footerrightbndd {

  width: 0.67rem;

  position: absolute;

  top: .92rem;

  right: 0.11rem;

}

.footertop {

  width: 100%;

  padding-bottom: .55rem;

}

.footerbox {

  width: calc((100% / 12) * 10);

  margin-left: auto;

  margin-right: auto;

  padding-left: 0.88rem;

  padding-right: 0.6rem;

}

.flogo {

  width: 1.5rem;

}

.flogo img {

  width: 100%;

}

.footertopbox {

  width: 100%;

  overflow: hidden;

  margin-top: 0.7rem;

}

.footerleft {

  float: left;

  margin-left: 0.4rem;

}

.footerleftitem {

  float: left;

  margin-left: 0.7rem;

}

.footerleft .footerleftitem:first-child {

  margin-left: 0;

}

.footernavitem {

  color: #ffffff;

  font-size: .16rem;

}

.footernavitem a {

  color: #ffffff;

}

.footernavtwobox {

  margin-top: 0.74rem;

  position: relative;

}

.footernavtwobox:after {

  content: "";

  position: absolute;

  width: 0.17rem;

  height: 1px;

  background: rgba(255, 255, 255, .6);

  top: -0.3rem;

  left: 0;

}

.footernavtwoitem {

  color: #ffffff;

  font-size: .14rem;

  line-height: 1;

  margin-top: 0.24rem;

}

.footernavtwobox .footernavtwoitem:first-child {

  margin-top: 0;

}

.footernavtwoitem a {

  color: #ffffff;

  opacity: 0.6;

}

.footertopright {

  float: right;

}

.footertoprightitem {

  overflow: hidden;

  margin-top: 0.42rem;

}

.footertopright .footertoprightitem:first-child {

  margin-top: 0;

}

.footertoprightitempic {

  width: 0.31rem;

  float: left;

}

.footertoprightitempic img {

  width: 100%;

}

.footertoprightitemtitle {

  float: left;

  margin-left: 0.4rem;

  color: #ffffff;

  font-size: .3rem;

  font-family: "GOTHICB";

  line-height: 0.37rem;

}

.footertopright .footertoprightitem:nth-child(2) .footertoprightitemtitle {

  font-size: .24rem;

}

.footertopright .footertoprightitem:nth-child(3) .footertoprightitemtitle {

  font-size: .16rem;

}

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

.footerleftitem {

  float: left;

  margin-left: 0.4rem;

}

.footerbox {

  padding-left: 0.6rem;

  padding-right: 0.4rem;

}

}



.footerbottom {

  width: 100%;

  height: 1.32rem;

  border-top: 1px solid rgba(255, 255, 255, .3);

}

.footerbottombox {

  width: calc((100% / 12) * 10);

  margin-left: auto;

  margin-right: auto;

  padding-top: 0.24rem;

  padding-left: 1.3rem;

}

.footerbottomleft {

  float: left;

}

.footerbottomleftitem {

  width: 0.5rem;

  height: 0.5rem;

  position: relative;

  float: left;

  margin-left: 0.4rem;

}

.footerbottomleft .footerbottomleftitem:first-child {

  margin-left: 0;

}

.footerbottomlefticon {

  width: 100%;

  height: 100%;

  border-radius: 50%;

  transition: .25s all;

}

.footerbottomlefticon img {

  width: 100%;

  filter: grayscale(100%) brightness(1000%);

  transition: .25s all;

}

.footerbottomleftpic {

  position: absolute;

  width: 1.5rem;

  left: 50%;

  bottom: .6rem;

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

  opacity: 0;

  visibility: hidden;

  transition: .25s all;

}

.footerbottomleftpic img {

  width: 100%;

}

.footerbottomlefticon:hover {

  background: #fff;

}

.footerbottomlefticon:hover img {

  filter: grayscale(0%) brightness(100%);

}

.footerbottomleftitem:hover .footerbottomleftpic {

  opacity: 1;

  visibility: visible;

}

.footercopyright {

  float: right;

  color: #ffffff;

  font-size: .14rem;

  line-height: 1;

  opacity: 0.6;

  margin-top: 0.2rem;

}

.footercopyright a {

  color: #fff;

}





/* 关于内页开始 */

.innerbanner {

  position: relative;

  width: 100%;

}

.aboutbanner {

  width: 100%;

}

.inneraboutvideo {

  position: absolute;

  width: 1.55rem;

  height: 1.55rem;

  border-radius: 50%;

  left: 50%;

  top: 52%;

  cursor: pointer;

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

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

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

}

.inneraboutvideo img {

  width: 100%;

}

.inneraboutbox {

  width: 100%;

  position: relative;

}

.inneraboutleftbndd {

  top: 3rem;

  left: 0.1rem;

  position: absolute;

  width: .67rem;

}

.inneraboutleftbndd img {

  width: 100%;

}

.inneraboutrightbndd {

  bottom: 2.5rem;

  right: 0.1rem;

  position: absolute;

  width: .67rem;

}

.inneraboutrightbndd img {

  width: 100%;

}

.innerabouttoppic {

  width: 7.75rem;

  top: 1.7rem;

  right: 0.48rem;

  position: absolute;

  z-index: -2;

}

.innerabouttoppic img {

  width: 100%;

}

.inneraboutdlpic {

  width: 4.27rem;

  position: absolute;

  bottom: 2px;

  right: 2.13rem;

  z-index: -1;

}

.inneraboutdlpic img {

  width: 100%;

}

.innerabouttopbox {

  width: 100%;

}

.innerabouttopinnerbox {

  width: calc((100% / 12) * 8);

  margin-left: auto;

  margin-right: auto;

  padding-top: 1.13rem;

  padding-bottom: 1.4rem

}

.innerabouttopinner {

  width: 7.25rem;

}

.inneraboutcontent {

  color: #8f8d8d;

  font-size: .16rem;

  line-height: 0.24rem;

  margin-top: 0.6rem;

}

.inneraboutbottombox {

  width: 100%;

  background-image: url('../img/aboutsc.jpg');

  height: 5rem;

  background-attachment: fixed;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

}



.inneraboutbottombox .homeabouttopleften {

  color: #fff;

}

.inneraboutbottombox .homeabouttopleftcn {

  color: #99bef7;

  opacity: 1;

}

.inneraboutbottombox .homeabouttopleftcn {

  margin-top: 0.37rem;

}

.inneraboutbottombox .homeabouttopleft {

  padding-top: 1.2rem;

  width: calc((100% / 8) * 3);

  float: left;

}

.inneraboutbottom {

  width: calc((100% / 12) * 8);

  margin-left: auto;

  margin-right: auto;

}

.inneraboutbottomright {

  float: right;

  padding-top: 1.28rem;

}

.inneraboutbottomright .bnxmg:first-child {

  margin-left: 0;

}



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

  .bnxmg {

    width: 2rem;

  }

  .clsj {

    width: 3.2rem;

  }

  .bnxmgtp {

    width: 0.6rem;

    height: 0.6rem;

  }

  .homeabouttopleften {

    font-size: .5rem;

  }

}



.historybox {

  width: 100%;

}

.historyinner {

  width: calc((100% / 12) * 8);

  margin-left: auto;

  margin-right: auto;

  padding-top: 0.96rem;

}

.historytop {

  width: 100%;

}

.historytitleen {

  font-family: "AVA";

  color: #363636;

  font-size: .6rem;

}

.historytitlecn {

  color: #363636;

  font-size: .3rem;

  margin-top: -0.12rem;

}

.historycenterbox {

  width: 100%;

  margin-top: 0.95rem;

  padding-bottom: 0.8rem;

}

.historycenteritem {

  width: 100%;

  overflow: hidden;

  position: relative;

  

}

.historycenteritem:after {

  content: "";

  width: 1px;

  height: calc(100% - .3rem);

  top: .2rem;

  left: 0.1rem;

  position: absolute;

  background: #dbdbdb;

  transition: .25s all;

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

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

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

}

.historycenteritem::before {

  content: "";

  position: absolute;

  width: 0.1rem;

  height: 0.1rem;

  border-radius: 50%;

  background: #dbdbdb;

  left: 0.05rem;

  bottom: 0;

  transition: .25s all;

}

.historycenteritemlef {

  width: 0.2rem;

  height: 0.2rem;

  border-radius: 50%;

  border: .03rem solid #363636;

  float: left;

  transition: .25s all;

}

.historycenteritemright {

  float: left;

  width: calc(100% - .35rem);

  padding-bottom: 0.2rem;

  padding-top: 0.6rem;

  margin-left: 0.15rem;

}

.historycenteritemrightpic {

  width: 100%;

}

.historycenteritemrightpic img {

  width: 100%;

}

.historycenteritemrightbottom {

  width: 100%;

  padding-top: 0.48rem;

}

.historycenteritemrighttitle {

  font-family: "AVA";

  color: #363636;

  line-height: 1;

  font-size: .36rem;

}

.historycenteritemrightdesc {

  color: #8f8d8d;

  font-size: .14rem;

  line-height: 0.24rem;

  margin-top: 0.3rem;

  height: 1.44rem;

  display:-webkit-box;

  overflow:hidden;

  text-overflow:ellipsis;

  -webkit-line-clamp:6;

  -webkit-box-orient:vertical;

}



.historycenteritem:hover .historycenteritemlef {

  border-color: #004dff;

}

.historycenteritem:hover:after {

  background: #004dff;

}

.historycenteritem:hover::before {

  background: #004dff;

}

.historyjtbox {

  width: 1.6rem;

  height: 0.5rem;

  border-radius: .25rem;

  background: #004dff;

  margin-left: auto;

  margin-right: auto;

  padding: 0 .32rem;

  line-height: .46rem;

  position: relative;

}

.historyjtbox:after {

  content: "";

  position: absolute;

  width: 0.06rem;

  height: 0.06rem;

  border-radius: 50%;

  left: 50%;

  top: 50%;

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

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

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

  background: #fff;

  opacity: .3;

}



.historyleftjt {

  width: 0.15rem;

  float: left;

  opacity: 0.3;

  transition: .25s all;

  cursor: pointer;

}

.historyleftjt img {

  width: 100%;

  transform-origin: center;

  transform: rotate(180deg);

}

.historyleftjt:hover {

  opacity: 1;

}

.historyrightjt {

  width: 0.15rem;

  float: right;

  opacity: 0.3;

  transition: .25s all;

  cursor: pointer;

}

.historyrightjt img {

  width: 100%;

}

.historyrightjt:hover {

  opacity: 1;

}



.cuiturebox {

  width: 100%;

}

.cuiture {

  width: calc((100% / 12) * 8);

  margin-left: auto;

  margin-right: auto;

  padding-top: .98rem;

}

.cuiturebottom {

  width: 100%;

  margin-top: 0.73rem;

}

.cuiturebottomtoppic {

  width: 100%;

}

.cuiturebottomtoppic img {

  width: 100%;

}

.cuiturebottombottom {

  width: 100%;

  overflow: hidden;

}

.cuiturebottomitem {

  width: calc((100% - .16rem) / 3);

  float: left;

  margin-left: 0.08rem;

  padding-top: 0.65rem;

  height: 3.26rem;

  background: #fff;

  border-bottom: .04rem solid #204db4;

  transition: .25s all;

}

.cuiturebottombottom .cuiturebottomitem:first-child {

  margin-left: 0;

}

.cuiturebottomitempic {

  width: 0.45rem;

  margin-left: auto;

  margin-right: auto;

}

.cuiturebottomitempic img {

  width: 100%;

  transition: .25s all;

}

.cuiturebottomitemtitle {

  text-align: center;

  color: #363636;

  font-size: .24rem;

  line-height: 0.26rem;

  height: 0.26rem;

  margin-top: 0.41rem;

  width: 100%;

  transition: .25s all;

}

.cuiturebottomitemdesc {

  color: #8f8d8d;

  font-size: .14rem;

  line-height: 0.2rem;

  margin-top: 0.24rem;

  transition: .25s all;

  text-align: center;

}

.cuiturebottomitem:hover {

  background: #204db4;

}

.cuiturebottomitem:hover .cuiturebottomitempic img {

  filter: grayscale(100%) brightness(1000%);

}

.cuiturebottomitem:hover .cuiturebottomitemtitle {

  color: #fff;

}

.cuiturebottomitem:hover .cuiturebottomitemdesc {

  color: #88a6ec;

}



.honerbox {

  width: 100%;

  padding-bottom: 1rem;

}

.honer {

  width: calc((100% / 12) * 8);

  margin-left: auto;

  margin-right: auto;

  padding-top: 1.02rem;

}

.honercenterbox {

  width: calc(100% + .23rem);

  width: 100%;

  padding-bottom: 0.73rem;

  margin-top: 0.95rem;

}

.honercenterbox .mySwiper4 {

  /* padding-right: 0.23rem; */

}

.honoritem {

  width: 100%;

  position: relative;

}

.honoritempic {

  width: 100%;

  background: url(../img/zzryzz.png) no-repeat;

  background-size: 100% 100%;

  padding-top: 25%;

  padding-left: 13%;

  padding-right: 20%;

  padding-bottom: 23%;

}

.honoritempic img{

  width: 100%;

}

.honoritemtoppic {

  width: 3.1rem;

  height: 4.41rem;

  position: absolute;

  left: 0;

  top: 0;

}

.honoritemtoppic img {

  width: 100%;

  height: 100%;

}



/* 关于内页结束 */



/* 新闻内页开始 */

.innernewsbox {

  width: 100%;

}

.innernews {

  width: calc((100% / 12) * 8);

  margin-left: auto;

  margin-right: auto;

  padding-top: 0.96rem;

  padding-bottom: 0.65rem;

}

.innernewsbottom {

  width: 100%;

  margin-top: 0.72rem;

  padding-bottom: 0.86rem;

}

.innernewsbottomitem {

  float: left;

  width: calc((100% - .5rem) / 3);

  margin-left: 0.25rem;

  border-radius: .2rem;

  overflow: hidden;

  margin-top: 0.8rem;

}

.innernewsbottomitem:nth-child(1) {

  margin-top: 0;

}

.innernewsbottomitem:nth-child(2) {

  margin-top: 0;

}

.innernewsbottomitem:nth-child(3) {

  margin-top: 0;

}

.innernewsbottom .innernewsbottomitem:nth-child(3n-2) {

  margin-left: 0;

}

.innernewsbottomitem a {

  display: block;

  width: 100%;

  height: 100%;

}

.innernewsbottomitempic {

  width: 100%;

}

.innernewsbottomitempic img {

  width: 100%;

}

.innernewsbottomitembottom {

  width: 100%;

  background: #ededed;

  height: 2.08rem;

  padding-top: 0.39rem;

  padding-left: 0.36rem;

  padding-right: 0.36rem;

  transition: .25s all;

}

.innernewsbottomitemtitle {

  color: #363636;

  font-size: .24rem;

  line-height: 0.3rem;

  height: 0.3rem;

  white-space:nowrap;

  overflow:hidden;

  text-overflow:ellipsis;

  width: 100%;

  transition: .25s all;

}

.innernewsbottomitemtime {

  color: #363636;

  font-size: .14rem;

  font-family: "GOTHICB";

  margin-top: 0.17rem;

  transition: .25s all;

}

.innernewsbottomitemmore {

  width: 1.02rem;

  height: 0.35rem;

  border-radius: .18rem;

  line-height: 0.32rem;

  text-align: center;

  color: #fff;

  font-size: .14rem;

  font-family: "GOTHICB";

  background: rgba(110, 155, 206, .4);

  font-weight: bold;

  margin-top: 0.3rem;

  opacity: 0;

  transition: .25s all;

}

.innernewsbottomitem:hover .innernewsbottomitembottom {

  background: #204db4;

}

.innernewsbottomitem:hover .innernewsbottomitemtitle {

  color: #fff;

  font-weight: bold;

}

.innernewsbottomitem:hover .innernewsbottomitemtime {

  color: #fff;

}

.innernewsbottomitem:hover .innernewsbottomitemmore {

  opacity: 1;

}

.page {

  display: inline;

  margin-left: auto;

  margin-right: auto;

  overflow: hidden;

}

.page a {

  width: 0.4rem;

  height: 0.4rem;

  border-radius: .05rem;

  line-height: 0.4rem;

  text-align: center;

  float: left;

  margin-left: 0.1rem;

  background: #ededed;

  font-family: "GOTHICB";

  color: #363636;

  font-size: .14rem;

}

.page a:nth-child(1) {

  margin-left: 0;

}

.page a.cur {

  color: #fff;

  background: #204db4;

}

.page .pagination {

  display: table;

  margin-left: auto;

  margin-right: auto;

}

.innernews .page .pagination {

  margin-right: 0;

}

/* 新闻内页结束 */





/* 产品内页开始 */

.innerproductbox {

  width: 100%;

  padding-bottom: 0.9rem;

}

.innerproductinner {

  width: calc((100% / 12) * 8);

  margin-left: auto;

  margin-right: auto;

  overflow: hidden;

  padding-top: 0.96rem;

}

.innerproducttopleft {

  float: left;

}

.innerproductbox .homeproductrightitem {

  min-width: 1.3rem;

  margin-left: 0.15rem;

}

.innerproductbox .homeproductrightitem:first-child {

  margin-left: 0;

}

.innerproductbox .homeproductrightitem a {

  padding-left: .15rem;

  padding-right: .15rem;

}

.innerproductbox .homeproductright {

  margin-top: 0.66rem;

}

.innerproductbottom {

  width: calc(((100% / 12) * 8) + .9rem);

  margin-left: auto;

  margin-right: auto;

  margin-top: 0.97rem;

  padding-bottom: 1.25rem;

}

.innerproductbottomitem {

  float: left;

  width: calc((100% - .9rem) / 3);

  margin-left: 0.45rem;

  margin-top: 1.05rem;

}

.innerproductbottomitem:nth-child(1) {

  margin-top: 0;

}

.innerproductbottomitem:nth-child(2) {

  margin-top: 0;

}

.innerproductbottomitem:nth-child(3) {

  margin-top: 0;

}

.innerproductbottomitem:nth-child(3n-2) {

  margin-left: 0;

}

.innerproductbottomitem .homeproductbottomimgbj {

  width: calc(100% + 1.1rem);

}

/* 产品内页结束 */



/* 案例内页开始 */



.innerprojectbox {

  width: 100%;

}

.innerproject {

  width: calc((100% / 12) * 8);

  margin-left: auto;

  margin-right: auto;

  padding-top: 0.96rem;

  padding-bottom: 0.85rem;

}

.innerprojectbottom {

  width: 100%;

  margin-top: 0.57rem;

  overflow: hidden;

  padding-bottom: 0.98rem;

}

.innerprojectbottomitem {

  width: calc((100% - .26rem) / 2);

  float: left;

  margin-left: 0.26rem;

  margin-top: 0.77rem;

}

.innerprojectbottomitem:nth-child(1) {

  margin-top: 0;

}

.innerprojectbottomitem:nth-child(2) {

  margin-top: 0;

}

.innerprojectbottomitem:nth-child(2n-1) {

  margin-left: 0;

}

.innerprojectbottomitemtop {

  width: 100%;

  border-radius: .2rem;

  overflow: hidden;

  position: relative;

}

.innerprojectbottomitemtoppic {

  width: 100%;

}

.innerprojectbottomitemtoppic img {

  width: 100%;

}

.innerprojectbottomitemtopmore {

  position: absolute;

  width: 1.6rem;

  height: 0.5rem;

  background: #004dff;

  line-height: 0.5rem;

  text-align: center;

  left: 50%;

  top: 50%;

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

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

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

  color: #fff;

  font-size: .14rem;

  z-index: 3;

  border-radius: .25rem;

  opacity: 0;

  transition: .25s all;

}

.innerprojectbottomitemtopzz {

  position: absolute;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, .4);

  top: 0;

  left: 0;

  z-index: 2;

  opacity: 0;

  transition: .25s all;

}

.innerprojectbottomitembottom {

  text-align: center;

  width: 100%;

  margin-top: 0.4rem;

}

.innerprojectbottomitembottomtitle {

  color: #363636;

  font-size: .24rem;

  font-weight: bold;

  line-height: 0.28rem;

  height: 0.28rem;

  white-space:nowrap;

  overflow:hidden;

  text-overflow:ellipsis;

}

.innerprojectbottomitembottomftitle {

  font-family: "AVA";

  color: #7f7f7f;

  font-size: .16rem;

  margin-top: 0.1rem;

  line-height: 0.18rem;

  height: 0.18rem;

  white-space:nowrap;

  overflow:hidden;

  text-overflow:ellipsis;

}

.innerprojectbottomitem:hover .innerprojectbottomitemtopmore {

  opacity: 1;

}

.innerprojectbottomitem:hover .innerprojectbottomitemtopzz {

  opacity: 1;

}





/* 案例内页结束 */





/* 联系内页开始 */

.innercontactbox {

  width: 100%;

}

.innercontact {

  width: calc((100% / 12) * 8);

  margin-left: auto;

  margin-right: auto;

  padding-top: 0.96rem;

  padding-bottom: 1.85rem;

}

.innnercontactmap {

  width: 100%;

  border-radius: .3rem;

  overflow: hidden;

  margin-top: 0.92rem;

}

.innercontactbottom {

  width: 100%;

  margin-top: 1rem;

  overflow: hidden;

}

.innercontactbottomitem {

  width: calc((100% - .75rem) / 4);

  float: left;

  margin-left: 0.25rem;

  border-radius: .1rem;

  border: 1px solid #d2d2d2;

  padding-top: 0.45rem;

  padding-bottom: 0.42rem;

  transition: .25s all;

}

.innercontactbottomitem:nth-child(4n-3) {

  margin-left: 0;

}

.innercontactbottomitempic {

  width: 0.8rem;

  height: 0.8rem;

  border-radius: 50%;

  margin-left: auto;

  margin-right: auto;

  background: #ececec;

  transition: .25s all;

}

.innercontactbottomitempic img {

  width: 100%;

}



.innercontactbottomitemtitle {

  color: #444443;

  font-size: .16rem;

  line-height: 1;

  text-align: center;

  margin-top: 0.45rem;

  transition: .25s all;

}

.innercontactbottomitemdesc {

  color: #444443;

  font-size: .18rem;

  line-height: .22rem;

  margin-top: 0.2rem;

  height: 0.44rem;

  text-align: center;

  transition: .25s all;

}

.innercontactbottomitem:nth-child(1) .innercontactbottomitemdesc {

  color: #333333;

  font-size: .4rem;

  line-height: 0.4rem;

  font-family: "BASKVILL";

}

/*.innercontactbottomitem:nth-child(2) .innercontactbottomitemdesc {*/

/*  color: #333333;*/

/*  font-size: .4rem;*/

/*  line-height: 0.4rem;*/

/*  font-family: "BASKVILL";*/

/*}*/

.innercontactbottomitem:hover {

  background: #0030a0;

  border-color: #0030a0;

}

.innercontactbottomitem:hover .innercontactbottomitempic {

  background: #fff;

}

.innercontactbottomitem:hover .innercontactbottomitemtitle {

  color: #fff;

}

.innercontactbottomitem:hover .innercontactbottomitemdesc {

  color: #fff;

}

/* 联系内页结束 */



.xxnrfy {

  height: 0.25rem;

  overflow: hidden;

  line-height: 0.25rem;

  font-size: 0.14rem;

  color: #a9a9a9;

  transition: .5s all;

  display: flex;

  justify-content: space-between;

  margin-bottom: 50px;

margin-top: 50px;

}

.xxnrfy a {

  color: #a9a9a9;

}







/* 详情开始 */

.showariticlebox {

  width: 100%;

}

.showariticle {

  width: calc((100% / 12) * 8);

  margin-left: auto;

  margin-right: auto;

  padding-top: 0.96rem;

  padding-bottom: 0.5rem;

}

.showariticletitle {

  text-align: center;

  color: #363636;

  font-size: .3rem;

}

.showariticlecontent {

  color: #8f8d8d;

  font-size: .16rem;

  line-height: 0.24rem;

  margin-top: 0.6rem;

}

.showariticlecontent img {

  max-width: 100%;

}

/* 详情结束 */

.nav-v-box {
  min-width: 100%;
  position: absolute;
  top: 100%;
  background: rgb(0, 77, 255);
  left: 50%;
  -webkit-transform: translate(-50%,0%);
  -ms-transform:translate(-50%,0%);
  transform:translate(-50%,0%);
  padding-top: .05rem;
  opacity: 0;
  visibility: hidden;
  transition: .25s all;
}
.nav-item:hover .nav-v-box {
  opacity: 1;
  visibility: visible;
}
.nav-v-item a {
  line-height: .4rem;
  font-size: .14rem;
  text-align: center;
  width: 100%;
  display: block;
  padding: 0 .15rem;
  white-space:nowrap;
}
.nav-v-item {
  border-bottom: 1px solid rgba(255, 255, 255, .4);
}
.nav-v-box .nav-v-item:last-child {
  border: none;
}