.main .indexbanner{width: 100% !important;}
.main .banner {
  padding-top: 90px;
  height: 835px;
  box-sizing: border-box;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background:#1c1c1c url("../img/e1d4ccb6908d578c8d263a287d7a4e1f.jpg") center top no-repeat;
  color: #fff;
  line-height: 1;
  text-align: center;
}
@media (max-width: 1080px) {
  .main .banner {
    padding-top: 60px;
  }
}
@media (max-width: 720px) {
  .main .banner {
    height: 600px;
  }
}
.main .banner h2 {
  font-size: 80px;
  padding-bottom: 120px;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  font-family: "myFont",Arial,"微软雅黑";
  letter-spacing: 4px;
  display: block;
  width: 100%;
}
@media (max-width: 750px) {
  .main .banner h2 {
    font-size: 60px;
    padding-bottom: 50px;
    -webkit-font-smoothing: antialiased;
  }
}
.main .banner h4 {
  padding-bottom: 29px;
  font-size: 20px;
  font-family:"PingFangSC-Regular",Arial,"微软雅黑";
  font-weight: 400;
  display: block;
  width: 100%;
}
@media (max-width: 720px) {
  .main .banner h4 {
    font-size: 16px;
  }
}
@media (max-width: 600px) {
  .main .banner h4 {
    font-size: 12px;
    line-height: 1.5;
  }
}
.main .banner p {
  font-size: 18px;
  padding-bottom: 12px;
  /*font-weight: bold;*/
  font-family:"PingFangSC-Regular",Arial,"微软雅黑";
  font-weight: 400;
  display: block;
  width: 100%;
}
@media (max-width: 720px) {
  .main .banner p {
    font-size: 16px;
	padding-bottom: 0px;
  }
}
@media (max-width: 600px) {
  .main .banner p {
    font-size: 16px;
    line-height: 1.5;
	padding-bottom: 0px;
  }
}
.main .banner h5 {
  padding-top: 18px;
  font-size: 24px;
  padding-bottom: 50px;
  font-family:"PingFangSC-Regular",Arial,"微软雅黑";
  font-weight: 400;
  display: block;
  width: 100%;
}
@media (max-width: 720px) {
  .main .banner h5 {
    font-size: 18px;
  }
}
@media (max-width: 600px) {
  .main .banner h5 {
    font-size: 14px;
    line-height: 1.5;
  }
}
.main .banner a {
  width: 300px;
  height: 56px;
  font-size: 18px;
  text-align: center;
  line-height: 60px;
  border: 1px solid #2fa1d2;
  transition: 0.3s;
  border-radius: 5px;
  font-family: "myFont",Arial,"微软雅黑";
  background: #2fa1d2;
  color: #fff;
}
.main .banner a:hover {
  border-color: #49c2f5;
  background: #49c2f5;
}
.main .idbanner1 .banner{
  background:#1c1c1c url("../img/9eff3217cff8991fb576374853c84a7a.png") center top no-repeat;
}
.main .idbanner3 .banner{
  background:#1c1c1c url("../img/cb846e2d8fd0923a0d641c466f96f57d.png") center top no-repeat;
}
.main .idbanner4 .banner{
  background:#640f90 url("../img/indexbannerfour.png") center top no-repeat;
}
.main .idbanner5 .banner{
  background:#f5d628 url("../img/585e8bbdcde86c6fb7569989a9dc8331.png") center top no-repeat;
  background-size: cover;
}
.main .idbanner6 .banner{
  background:#881edc url("../img/91406fdf3d54db676785fbb0bb50f9b3.png") center top no-repeat;
  background-size: cover;
}
.main .idbanner3 .bga{
  display: block;
  border: none;
  background: transparent;
  height: 87px;
  background: url('../img/3b107d802d83d3c70b1b11697176d797.png') left top no-repeat;
  transition: 0s;
}
.main .idbanner3 .bga:hover {
  border-color: none;
  background: url('../img/3b107d802d83d3c70b1b11697176d797.png') right bottom no-repeat;
}
.main .idbanner3 .nobga {
  display: block;
  margin-top: 30px;
}
/*.main .idbanner3 .banner h2{
  font-size: 130px;
  font-family: "myFont",Arial,"微软雅黑";
  padding-bottom: 14px;
}
.main .idbanner3 .banner h4 {
  font-size: 65px;
}
.main .idbanner3 .banner h4 span{
  font-size: 73px;
  font-family: "myFont",Arial,"微软雅黑";
  vertical-align: middle;
}
.main .idbanner3 .banner p{
  font-size: 35px;
  letter-spacing: 6px;
  padding-bottom: 75px;
}
.main .idbanner3 .banner p span{
  font-family: "PingFangSC-Semibold",Arial,"微软雅黑";
}
.main .idbanner3 a img{
  margin-top: -20px;
}
*/
.main .idbanner3 .banner h2{
  font-size: 70px;
  font-family: "myFont",Arial,"微软雅黑";
  padding-bottom: 25px;
}
.main .idbanner3 .banner h4 {
  font-size: 38px;
}
.main .idbanner3 .banner h4 span{
  font-size: 46px;
  font-family: "myFont",Arial,"微软雅黑";
  vertical-align: middle;
}
.main .idbanner3 .banner p{
  font-size: 35px;
  letter-spacing: 6px;
  padding-bottom: 75px;
}
.main .idbanner3 .banner p span{
  font-family: "PingFangSC-Semibold",Arial,"微软雅黑";
  font-weight: 600;
}
.main .idbanner1 .banner h2{
  padding:0 10px;
  margin-bottom: 66px;
  letter-spacing: 4px;
  font-family: "myFont",Arial,"微软雅黑";
  position: relative;
}
.main .idbanner1 .banner h2 span{
  border: 1px solid #fff;
  text-align: center;
  color: #1d1d1d;
  padding: 4px 10px;
  font-size: 12px;
  border-radius: 45px;
  margin-left: 6px;
  font-family: "PingFangSC-Regular",Arial,"微软雅黑";
  background: #fff;
  letter-spacing: 0px;
  position: absolute;
  top: 2px;
  width: 42px;
}
.main .idbanner1 .banner h1{
  font-size: 87px;
  color:#f6d79b;
  font-family: "PingFangSC-Semibold",Arial,"微软雅黑";
  font-weight: 600;
  margin-bottom: 22px;
  letter-spacing: 4px;
}
.main .idbanner1 .banner h1 span{
  color: #fff;
}
.main .idbanner1 .banner p{
  font-size: 28px;
  color:#fff;
  letter-spacing:8px;
  margin-bottom: 94px;
}
.main .idbanner1 .banner .bannerlight a{
  display: inline-block;
  width: 300px;
  height: 56px;
  font-size: 18px;
  text-align: center;
  line-height: 60px;
  border: 1px solid #2fa1d2;
  transition: 0.3s;
  border-radius: 5px;
  font-family: "myFont",Arial,"微软雅黑";
  background: #2fa1d2;
  color: #fff;
  font-weight: 400;
}
.main .idbanner1 .banner .bannerlight a:first-child{
  margin-right: 66px;
}
.main .idbanner1 .banner .bannerlight a:hover{
  border-color: #49c2f5;
  background: #49c2f5;
}
.main .idbanner4 .banner h4{
  font-size: 38px;
  color: #fff;
  font-family: "PingFangSC-Semibold",Arial,"微软雅黑";
  font-weight: 600;
  text-shadow: 1px 1px 5px rgba(0,0,0,0.6);
}
.main .idbanner4 .banner h2{
  font-size: 70px;
  color: #fff;
  font-family: "PingFangSC-Semibold",Arial,"微软雅黑";
  font-weight: 600;
  text-shadow: 1px 1px 5px rgba(0,0,0,0.6);
}
.main .idbanner4 .banner a{
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
}
.main .idbanner4 .banner a:hover{
  background: transparent;
  border: 1px solid #7ae6ff;
  color: #7ae6ff;
}
.main .idbanner5 .banner h2{
  margin-bottom: 22px;
  padding-bottom: 0;
}
.main .idbanner5 .banner h2 img{
  max-width: 690px;
  margin-left: 58px;
}
.main .idbanner5 .banner h4{
  box-sizing: border-box;
  font-family: "PingFangSC-Semibold",Arial,"微软雅黑";
  color: #d15819;
  font-size: 18px;
  font-weight: 600;
  padding: 20px 0 16px;
  width: 400px;
  background: #fabe2a;
  letter-spacing: 4px;
  margin-bottom: 52px;
  box-shadow: 0 -2px 0 0 #fd803f inset,1px 0 0 0 #fab02f inset,-1px 0 0 0 #fab02f inset;
}
.main .idbanner5 .banner p{
  padding: 10px 0;
  margin-bottom: 44px;
  color: #d74840;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 4px;
  border-top: 1px solid #e07239;
  border-bottom: 1px solid #e07239;
  width: 210px;
}
.main .idbanner5 .banner a{
  font-size: 18px;
  padding: 14px 50px;
  box-sizing: border-box;
  letter-spacing: 4px;
  background: #3288db;
  border: 1px solid #3288db;
}
.main .idbanner5 .banner a:hover{
  border-color: #49c2f5;
  background: #49c2f5;
}
.main .idbanner6{
  text-align: left;
}
.main .idbanner6 .banner{
  padding-top: 0;
}
.main .idbanner6 h2, .main .idbanner6 h4, .main .idbanner6 p, .main .idbanner6 .bannerlight{
  width: 58%;
  text-align: left;
}
.main .idbanner6 h2{
  padding-bottom: 0;
  margin-bottom: 40px;
}
.main .idbanner6 h2 img{
  width: 415px;
  margin-left: -10px;
}
.main .idbanner6 h4{
  padding-bottom: 0;
  margin-bottom: 17px;
  color: #fff;
  font-size: 24px;
  font-family: "SourceHanSanSC Medium","PingFangSC-Semibold",Arial,"微软雅黑";
  letter-spacing: 3px;
  text-shadow: 0 2px 1px #11147c;
  line-height: 32px;
}
.main .idbanner6 h4 span{
  font-family: "SourceHanSanSC Heavy","PingFangSC-Semibold",Arial,"微软雅黑";
  font-weight: bold;
  font-size: 29px;
  vertical-align: top;
  letter-spacing: 1px;
  margin-right: 8px;
}
.main .idbanner6 p{
  padding-bottom: 0;
  margin-bottom: 88px;
  font-family: "SourceHanSanSC Medium","PingFangSC-Semibold",Arial,"微软雅黑";
  font-size: 24px;
  letter-spacing: 3px;
  color: #fff;
  text-shadow: 0 2px 1px #11147c;
  line-height: 32px;
}
.main .idbanner6 p span{
  color: #fec501;
}
.main .idbanner6 a{
  display: block;
  width: 194px;
  height: 50px;
  line-height: 50px;
  background: #efb900;
  border-radius: 4px;
  color: #240570;
  font-size: 18px;
  border: 1px solid #efb900;
  font-family: "SourceHanSanSC Bold","PingFangSC-Semibold",Arial,"微软雅黑";
  font-weight: bold;
}
.main .idbanner6 a:hover{
  border: 1px solid #49c2f5;
}
@media (max-width: 1680px) {
  .main .idbanner6 h2, .main .idbanner6 h4, .main .idbanner6 p, .main .idbanner6 .bannerlight{
    width: 74%;
  }
}
@media (max-width: 1220px) {
  .main .idbanner6 h2, .main .idbanner6 h4, .main .idbanner6 p, .main .idbanner6 .bannerlight{
    width: 85%;
  }
}
@media (max-width: 1220px) {
  .main .idbanner6 h2, .main .idbanner6 h4, .main .idbanner6 p, .main .idbanner6 .bannerlight{
    width: 90%;
  }
}
@media (max-width: 800px) {
  .main .idbanner4 .banner h4{
    font-size: 24px;
  }
  .main .idbanner4 .banner h2{
    font-size: 36px;
  }
  /*新增*/
  .main .idbanner3 .banner h4, .main .idbanner3 .banner h4 span{
    font-size: 24px;
    padding-bottom: 10px;
  }
  .main .idbanner3 .banner h2{
    font-size: 36px;
  }
  .main .idbanner3 .banner p{
    font-size: 26px;
    padding-bottom: 30px;
  }
  .main .idbanner5 .banner h2{
    margin-bottom: 36px;
  }
  .main .idbanner5 .banner h2 img{
    width: 90%;
  }
  .main .idbanner6 h4{
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 0;
  }
  .main .idbanner6 h4 span{
    font-size: 18px;
  }
  .main .idbanner6 p{
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 68px;
  }
}
@media (max-width: 750px) {
  .main .idbanner1 .banner h2{
    margin-bottom: 40px;
  }
  .main .idbanner1 .banner h1{
    font-size: 60px;
  }
  .main .idbanner1 .banner h2 span{
    padding: 2px 5px;
  }
  .main .idbanner5 .banner h2 img{
    width: 97%;
    margin-left: 0;
  }
}
@media (max-width: 720px) {
  .main .banner h2{
    font-size: 50px;
  }
  .main .idbanner1 .banner p{
    font-size: 22px;
    margin-bottom: 50px;
  }
  .main .idbanner1 .banner .bannerlight a{
    display: block;
    margin-bottom: 20px;
  }
  .main .idbanner1 .banner .bannerlight a:first-child{
    margin-right: 0;
  }
  /*.main .idbanner3 .banner h2{
    font-size: 78px;
  }
  .main .idbanner3 .banner h4{
    font-size: 38px;
  }
  .main .idbanner3 .banner h4 span{
    font-size: 46px;
  }
  .main .idbanner3 .banner p{
    font-size: 24px;
    padding-bottom: 44px;
  }*/

  .main .idbanner5 .banner h4{
    margin-bottom: 32px;
  }
  .main .idbanner5 .banner p{
    margin-bottom: 28px;
  }
  .main .idbanner6 h2{
    margin-bottom: 28px;
  }
  .main .idbanner6 h2 img{
    width: 266px;
  }
}
@media (max-width: 600px) {
  .main .idbanner5 .banner h4{
    padding: 10px 0;
    width: 300px;
    font-size: 14px;
  }
}
@media (max-width: 500px) {
  .main .banner h2{
    font-size: 28px;
  }
  .main .idbanner1 .banner p{
    font-size: 18px;
  }
  .main .idbanner1 .banner h2 span{
    top:-8px;
    padding: 1px 4px;
  }
}
@media (max-width: 400px) {
  .main .idbanner4 .banner h4{
    font-size: 18px;
  }
  .main .idbanner4 .banner h2{
    font-size: 24px;
  }
}
.topswiperpage{
  transform:translate3d(0,0,0);overflow:hidden;
}
.topswiperpage .indexbanner{
  transform:translate3d(0,0,0)
}
.topswiperpage .swiper-pagination-bullet{
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #fff;
  opacity: 1;
}
.topswiperpage .swiper-pagination-bullet-active{
  width: 20px;
  height: 6px;
  background-color: #fff;
  border-radius: 10px;
}
.topswiper .topswiperpage{
  bottom:40px;
}
@media (max-width: 720px) {
  .topswiper .topswiperpage{
    bottom: 10px;
  }
}
.main .video{
  background: #363537;
  margin: 0 auto;
  box-sizing: border-box;
  text-align: center;
  padding-bottom: 60px;
}
.main .video .title{
  color:#ffffff;
  padding: 60px 0 60px;
  font-size: 38px;
  font-family: "myfont",Arial,"微软雅黑";
}
.main .video video{
  width: 1000px;
}
.main .video .morevideo{
  font-family: "PingFangSC-Light",Arial,"微软雅黑";
  font-weight: lighter;
  font-size: 28px;
  color: #fff;
  display: block;
  margin-top: 60px;
  cursor: pointer;
}
.main .video .morevideo img{
  margin-left: 32px;
  vertical-align: sub;
}
@media (max-width: 1100px) {
  .main .video{
    padding-bottom: 50px;
  }
  .main .video .title {
    padding: 50px 0;
  }
  .main .video .morevideo{
    margin-top: 50px;
  }
}
@media (max-width: 1040px){
  .main .video video{
    width: 90%;
  }
}
@media (max-width: 700px){
  .main .video{
    padding-bottom: 40px;
  }
  .main .video .title{
    padding: 40px 0;
  }
  .main .video .morevideo{
    margin-top: 40px;
  }
}
@media (max-width: 568px){
  .main .video video{
    width: 90%;
  }
}
.main .key-features h3 {
  font-size: 38px;
  color: #282828;
  /*padding: 105px 0;*/
  padding-top:60px;
  padding-bottom:60px;
  text-align: center;
  font-family: "myFont",Arial,"微软雅黑";
}
.main .key-features .list {
  max-width: calc(445px * 4);
  width: 100%;
  margin: 0 auto;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-content: center;
}
@media (max-width: 700px) {
  .main .key-features h3 {
    font-size: 38px;
    color: #282828;
    padding-top:40px;
    padding-bottom:0px;
    text-align: center;
  }

  .main .key-features .list {

  }
  .main .key-features .list .item {
      flex: 0 0 50%;
  	/*border:0;
      border-top:0.5px solid #E2E2E2;
      border-bottom:0.5px solid #E2E2E2;*/
  	
  	/*border:0px solid #E2E2E2;*/
    }
  .main .key-features .list .item .pic {
    height: 0px;
    width: 0px;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .main .key-features .list .item .pic img{
    height: 50px;
    width: 50px;

  }
  .main .key-features .list .item .title h4 {
    /*font-weight: bold;*/
    font-size: 15px;
    line-height:20px;
    font-family: "myFont",Arial,"微软雅黑";
  }
  .main .key-features .list .item .layout p {
      color: #777;
      font-size: 14px;
      line-height: 1.5;
  	padding-top: 10px;
    }
}

@media (max-width: 1024px) {
  .main .key-features .list {
    padding-bottom: 50px;
  }
}
.main .key-features .list .item {
  position: relative;
  flex: 0 0 25%;
  height: 445px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  transition: 0.3s;
}
@media (max-width: 1500px) {
  .main .key-features .list .item {
    flex: 0 0 33.33%;
  }
}


@media (max-width: 1440px) {
  .main .key-features .list .item {
    flex: 0 0 25%;
  }
}
@media (max-width: 1366px) {
  .main .key-features .list .item {
    flex: 0 0 25%;
  }
}
@media (max-width: 1280px) {
  .main .key-features .list .item {
    flex: 0 0 25%;
  }
}


@media (max-width: 1024px) {
  .main .key-features .list .item {
    flex: 0 0 50%;
    width: 100%;
    overflow: hidden;
  }
}
@media (max-width: 1024px) {
  .main .key-features .list .item {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: flex-start;
    height: auto;
    width: 100%;
    overflow: hidden;
  }
}

.main .key-features .list .item:hover .layout {
  background: #2fa1d2;
}
@media (max-width: 1024px) {
  .main .key-features .list .item:hover .layout {
    background: none;
  }
}
.main .key-features .list .item:hover .layout>* {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}
@media (max-width: 1024px) {
  .main .key-features .list .item:hover .layout>* {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
.main .key-features .list .item .pic {
  height: 140px;
  width: 140px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main .key-features .list .item .pic img{
  width: 80px;
  height: 80px;
}
.main .key-features .list .item .title {
  padding-top: 30px;
  text-align: center;
  font-size: 18px;
  color: #282828;
  line-height: 2;
}
@media (max-width: 1024px) {
  .main .key-features .list .item .title {
    padding-top: 0;
    color: #6bb8e5;
    font-size: 28px;
    line-height: 38px;
    width: 100%;
  }
}
.main .key-features .list .item .title h4 {
  font-weight: bold;
}
@media (max-width: 768px) {
  .main .key-features .list .item .title h4 {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
.main .key-features .list .item .layout {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #fff;
  background: rgba(0,0,0,0);
  transition: 0.3s;
}
@media (max-width: 1024px) {
  .main .key-features .list .item .layout {
    position: static;
  }
}
.main .key-features .list .item .layout>* {
  transition: 0.3s;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  opacity: 0;
}
@media (max-width: 1024px) {
  .main .key-features .list .item .layout>* {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
.main .key-features .list .item .layout img {
  max-width: 40px;
  display: block;
  margin-bottom: 30px;
}
@media (max-width: 1024px) {
  .main .key-features .list .item .layout img {
    display: none;
  }
}
.main .key-features .list .item .layout h3 {
  font-size: 18px;
  line-height: 2;
  padding: 0;
  margin: 0;
  color: #fff;
}
@media (max-width: 1024px) {
  .main .key-features .list .item .layout h3 {
    display: none;
  }
}
.main .key-features .list .item .layout p {
  padding-top: 30px;
  max-width: 90%;
  margin: 0 auto;
  padding-top: 50px;
  text-align: center;
  font-size: 14px;
  line-height: 22px;
  font-family:"PingFangSC-Regular",Arial,"微软雅黑";
      text-align: justify;
      word-break: break-word;
}
@media (max-width: 1024px) {
  .main .key-features .list .item .layout p {
    color: #777;
    font-size: 14px;
    line-height: 1.5;
	padding-top: 30px;
	padding-bottom:0px;
  }
}




.main .common-industry-support {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 195px;
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
}
@media (max-width: 500px) {
  .main .common-industry-support {
    height: 150px;
  }
}
.main .common-industry-support a {
  font-size: 18px;
  color: #282828;
  padding-left: 100px;
  line-height: 80px;
  font-weight: bold;
  text-transform: uppercase;
  background: url(data:image/png;base64,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) left center/auto 100% no-repeat;
}
@media (max-width: 500px) {
  .main .common-industry-support a {
    padding-left: 70px;
    line-height: 60px;
    font-size: 14px;
  }
}
.main .white-paper {
  /*display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  align-items: center;*/
  /*height: 270px;*/
  background: #eeeff3 url("../img/f2f05ea7e2544b72e64006fd0836c269.png") center top;
  position:relative;
  /*justify-content: space-around;*/
  padding: 80px 0;
}
@media (max-width: 1100px) {
  .main .white-paper{
    padding: 50px 0;
  }
}
@media (max-width: 500px) {
  .main .white-paper {
    height: auto;
  }
  .main .white-paper .downloadwp{
    bottom: 12px;
  }
}
.main .white-paper .paperin{
  max-width: 1000px;
  margin: 0 auto;
}
.main .white-paper .paperd{
  text-align: center;
  width: 50%;
}
.main .white-paper .paperd a .paperdimg{
  margin-left: 30px;
  margin-right: 6px;
  padding-left: 0;
  background: url('../img/b0d5904ca5060129f3f573955a4672ef.png');
  background-repeat: no-repeat;
  background-position: right center;
}
.main .white-paper .paperd  a:hover .paperdimg{
  background: url('../img/b0d5904ca5060129f3f573955a4672ef.png');
  background-repeat: no-repeat;
  background-position: right center;
}
.main .white-paper .paperd  a:hover #dx_nums{
  color:#fff;
}
.main .white-paper .paperd  a span{
  color: #fff;
}
@media (max-width: 714px) {
  .main .white-paper .paperd{
    width: 100%;
  }
  .main .white-paper .paperd:first-child{
    margin-bottom: 20px;
  }
}
.main .white-paper a {
  width: 300px;
  height: 56px; 
  font-size: 18px;
  color: #fff;
  text-align: center;
  line-height: 60px; 
  border: 1px solid #2fa1d2;
  transition: 0.3s;
  border-radius: 5px;
  display: block;
  margin: 0 auto;
  font-family: "myFont",Arial,"微软雅黑";
  background: #2fa1d2;
  display: flex;
  justify-content: center;
}
.main .white-paper a:hover {
  border-color: #49c2f5;
  background: #49c2f5;
}
.main .white-paper p{
  font-size: 18px;
  color:#9a999e;
  /*position: absolute;
  bottom:60px;
  left: 50%;
  transform: translateX(-50%);*/
  font-family: "myFont", Arial,"微软雅黑";
  margin-top: 18px;
}
.main .white-paper p span{
  padding-left: 4px;
  font-weight: bold;
}

.main .subscribe{
  height: 70px;
  background: #464647;
  text-align: center;
  padding-top: 16px;
  box-sizing: border-box;
}
.main .subscribe .subscribeform{
  margin: 0 auto;
}
.main .subscribe .subscribeform .subscribeinput{
  display: inline-block;
  position: relative;
}
.main .subscribe .subscribeform .subscribeinput img{
  position: absolute;
  right: 12px;
  top:10px;
  display: none;
}
.main .subscribe .subscribeform input{
  height: 38px;
  border: none;
  border-radius: 3px;
  padding: 12px 18px;
  box-sizing: border-box;
  outline: none;
  width: 530px;
  font-family: "PingFangSC-Regular",Arial,"微软雅黑";
}
.main .subscribe .subscribeform input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #909090;
}
.main .subscribe .subscribeform input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #909090;
}
.main .subscribe .subscribeform input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #909090;
}
.main .subscribe .subscribeform input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #909090;
}
.main .subscribe .subscribeform a{
  color: #fff;
  cursor: pointer;
  display: inline-block;
  border: 1px solid #fff;
  border-radius: 3px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  width: 160px;
  margin-left: 40px;
  box-sizing: border-box;
  font-family: "PingFangSC-Regular",Arial,"微软雅黑";
}
.main .subscribe .subscribeform a:hover{
  background: #2fa1d2;
  border-color:#2fa1d2;
}
@media screen and (max-width:864px){
  .main .subscribe .subscribeform .subscribeinput{
    width: 50%;
  }
  .main .subscribe .subscribeform input{
    width: 100%;
  }
  .main .subscribe .subscribeform a{
    width: 84px;
    margin-left: 20px;
  }
}
.subscribetips{
  font-family: "PingFangSC-Regular",Arial,"微软雅黑";
  font-size: 14px;
  color: #fff;
  text-align: center;
  padding: 46px 10px 0;
  text-align: center;
  border-radius: 3px;
  background: rgba(0,0,0,0.85);
  position: fixed;
  top: 62%;
  left: 50%;
  transform: translate(-50%,-50%);
  opacity: 0;
  display: none;
  width: 262px;
  height: 190px;
  box-sizing: border-box;
  z-index: 1000;
}
.subscribetips .subscribetext{
  width: 100%;
  text-align: center;
  font-size: 16px;
  margin-top: 28px;
}
.subscribeyzm{
  font-family: "PingFangSC-Regular",Arial,"微软雅黑";
  font-size: 14px;
  color: #fff;
  text-align: center;
  padding: 26px 46px;
  text-align: center;
  border-radius: 3px;
  background: rgba(0,0,0,0.85);
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  display: none;
  box-sizing: border-box;
  z-index: 1000;
}
.subscribeyzm .subyzmcancer{
  position: absolute;
  width: 24px;
  height: 24px;
  z-index: 1;
  top: 6px;
  right: 6px;
}
.subscribeyzm .subyzmcancer img{
  width: 18px;
  cursor: pointer;
}
.subscribeyzm .subscribeyzmimg{
  text-align: center;
  font-size: 20px;
  color: #ffffff;
  height: 40px;
  line-height: 40px;
  margin-bottom: 28px;
}
.subscribeyzm .subscribeyzmimg img{
  width: 30px;
  margin-right: 18px;
  margin-top: 4px;
}
.subscribeyzm .subscribeyzmform{
  width: 370px;
}
.subscribeyzm .subscribeyzmform .item{
  border-radius: 3px;
  border: 1px solid #fff;
  display: flex;
  height: 54px;
}
.subscribeyzm .subscribeyzmform .item input{
  height: 54px;
  line-height: 54px;
  background: transparent;
  width: 100%;
  border: none;
  padding: 0 10px;
  box-sizing: border-box;
}
.subscribeyzm .subscribeyzmform .item img{
  flex-shrink: 0;
  width: 150px;
  height: 100%;
  cursor: pointer;
}
.subscribeyzm .subscribeyzmform .subwarninfo{
  font-size: 14px;
  color: #d95656;
  text-align: left;
  padding-left: 10px;
  margin-top: 4px;
  display: none;
}
.subscribeyzm .subscribeyzmform button{
  background: transparent;
  border-radius: 3px;
  border: 1px solid #fff;
  color: #fff;
  font-size: 18px;
  width: 166px;
  height: 36px;
  line-height: 36px;
  margin-top: 20px;
}
@media (max-width: 510px) {
  .subscribeyzm .subscribeyzmform{
    width: 100%;
    min-width: 280px;
  }
  .subscribeyzm .subscribeyzmform .item{
    width: 100%;
  }
  .subscribeyzm{
    padding: 20px;
  }
  .subscribeyzm .subscribeyzmimg {
      white-space: nowrap;
  }
}
.main .ecology {
  background: #1f1f1f url("../img/8b8dd65be7e34b553b5fab1862d91682.jpg") center top no-repeat;
  text-align: center;
}
.main .ecology h3 {
  padding: 60px 0;
  font-size: 38px;
  color: #fff;
  font-family: "myFont",Arial,"微软雅黑"
}
@media (max-width: 1100px) {
  .main .ecology h3 {
    padding: 50px;
  }
}
@media (max-width: 800px) {
  .main .ecology h3 {
    font-size: 38px;
    padding: 45px;
  }
}
.main .ecology .pic {
  padding-bottom: 60px;
}
@media (max-width: 1100px) {
  .main .ecology .pic {
    padding-bottom: 50px;
  }
}
.main .ecology .pic img {
  display: block;
  margin: 0 auto;
  max-width: 1054px;
  width: 100%;
}
@media (max-width: 1100px) {
  .main .ecology .pic img {
    padding: 0 15px;
    box-sizing: border-box;
  }
}
.main .roadmap h3 {
  font-size: 38px;
  color: #282828;
  line-height: 1;
  padding: 60px 0;
  text-align: center;
  font-family: "myFont",Arial,"微软雅黑";
}
@media (max-width: 1100px) {
  .main .roadmap h3 {
    padding: 50px 0;
  }
}
@media (max-width: 800px) {
  .main .roadmap h3 {
    font-size: 38px;
  }
}
.main .roadmap .pic {
  /*padding-bottom: 60px;*/
  padding-bottom: 142px;
}
.main .roadmap .roadyear{
  margin-bottom: 120px;
  width: 100%;
  text-align: center;
}
.main .roadmap .roadyear .item{
  display: inline-block;
  padding: 10px 22px;
  font-size: 18px;
  color: #2fa1d2;
  border: 1px solid #66c7f1;
  font-weight: 500;
  border-radius: 44px;
}
@media (max-width: 1100px) {
  .main .roadmap .pic {
    padding-bottom: 50px;
  }
  .main .roadmap .roadyear{
    margin-bottom: 50px;
  }
}
.main .roadmap .pic img {
  display: block;
  margin: 0 auto;
  max-width: 1550px;
  width: 100%;
}
@media (max-width: 1600px) {
  .main .roadmap .pic img {
    padding: 0 15px;
    box-sizing: border-box;
  }
}

.main .bg {
  background: linear-gradient(to right, #1d1d1d 50%, #fff 50%) left top/100% 100% no-repeat;
}
@media (max-width: 1800px) {
  .main .bg {
    background: #1d1d1d;
  }
}
.main .hcl-row {
  max-width: calc(485px * 4);
  width: 100%;
  margin: 0 auto;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
}
.main .hcl-row .hcl-column {
  flex: 0 0 50%;
  max-width: 890px;
  width: 100%;
}







@media (max-width: 1800px) {
  .main .hcl-row .hcl-column {
    flex: 0 0 100%;
    max-width: 100%;
    padding-bottom: 100px;
  }
}
.main .hcl-row .hcl-column+.hcl-column {
  background: #fff;
}
@media (max-width: 1800px) {
  .main .hcl-row .hcl-column+.hcl-column {
    padding-bottom: 0;
  }
}




@media (max-width: 1300px) {
  .main .bg {
    background: #1d1d1d;
  }
}
.main .hcl-row {
  max-width: calc(485px * 4);
  width: 100%;
  margin: 0 auto;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
}
.main .hcl-row .hcl-column {
  flex: 0 0 50%;
  max-width: 50%;;
  width: 100%;
}
@media (max-width: 1300px) {
  .main .hcl-row .hcl-column {
    flex: 0 0 100%;
    max-width: 100%;
    padding-bottom: 100px;
  }
}
.main .hcl-row .hcl-column+.hcl-column {
  background: #fff;
}
@media (max-width: 1300px) {
  .main .hcl-row .hcl-column+.hcl-column {
    padding-bottom: 0;
  }
}





@media (max-width: 1540px) {
  .main .bg {
    background: #1d1d1d;
  }
}
.main .hcl-row {
  max-width: calc(485px * 4);
  width: 100%;
  margin: 0 auto;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
}
.main .hcl-row .hcl-column {
  flex: 0 0 50%;
  max-width: 50%;
  width: 100%;
}
@media (max-width: 1540px) {
  .main .hcl-row .hcl-column {
    flex: 0 0 100%;
    max-width: 100%;
    padding-bottom: 100px;
  }
}
.main .hcl-row .hcl-column+.hcl-column {
  background: #fff;
}
@media (max-width: 1540px) {
  .main .hcl-row .hcl-column+.hcl-column {
    padding-bottom: 0;
  }
}





@media (max-width: 1260px) {
  .main .bg {
    background: #1d1d1d;
  }
}
.main .hcl-row {
  max-width: calc(485px * 4);
  width: 100%;
  margin: 0 auto;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
}
.main .hcl-row .hcl-column {
  flex: 0 0 50%;
  max-width: 50%;
  width: 100%;
}
@media (max-width: 1260px) {
  .main .hcl-row .hcl-column {
    flex: 0 0 100%;
    max-width: 100%;
    padding-bottom: 100px;
  }
}
.main .hcl-row .hcl-column+.hcl-column {
  background: #fff;
}
@media (max-width: 1260px) {
  .main .hcl-row .hcl-column+.hcl-column {
    padding-bottom: 0;
  }
}



@media (max-width: 1226px) {
  .main .bg {
    background: #1d1d1d;
  }
}
.main .hcl-row {
  max-width: calc(485px * 4);
  width: 100%;
  margin: 0 auto;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
}
.main .hcl-row .hcl-column {
  flex: 0 0 50%;
  max-width: 50%;
  width: 100%;
}
@media (max-width: 1226px) {
  .main .hcl-row .hcl-column {
    flex: 0 0 100%;
    max-width: 100%;
    padding-bottom: 100px;
  }
}
.main .hcl-row .hcl-column+.hcl-column {
  background: #fff;
}
@media (max-width: 1226px) {
  .main .hcl-row .hcl-column+.hcl-column {
    padding-bottom: 0;
  }
}



@media (max-width: 1140px) {
  .main .bg {
    background: #1d1d1d;
  }
}
.main .hcl-row {
  max-width: calc(485px * 4);
  width: 100%;
  margin: 0 auto;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
}
.main .hcl-row .hcl-column {
  flex: 0 0 50%;
  max-width: 50%;
  width: 100%;
}

@media (max-width: 640px) {
.main .hcl-row .hcl-column {
    flex: 0 0 100%;
    max-width: 100%;
    padding-bottom: 0px;
}
}

@media (max-width: 1140px) {
  .main .hcl-row .hcl-column {
    flex: 0 0 100%;
    max-width: 100%;
    padding-bottom: 0px;
  }
}
.main .hcl-row .hcl-column+.hcl-column {
  background: #fff;
}
@media (max-width: 1140px) {
  .main .hcl-row .hcl-column+.hcl-column {
    padding-bottom: 0;
  }
}





.main .hcl-row .hcl-column+.hcl-column h3 {
  color: #282828;
}
.main .hcl-row .hcl-column+.hcl-column .item h4,
.main .hcl-row .hcl-column+.hcl-column .item p,
.main .hcl-row .hcl-column+.hcl-column .item a {
  color: #282828;
}
.main .hcl-row .hcl-column+.hcl-column .item a {
  border: 1px solid #282828;
}
.main .hcl-row .hcl-column h3 {
  padding-top: 95px;
  text-transform: uppercase;
  font-size: 38px;
  color: #fff;
  font-weight: normal;
  text-align: center;
  line-height: 1;
  font-family: "myFont",Arial,"微软雅黑";
}
@media (max-width: 800px) {
  .main .hcl-row .hcl-column h3 {
    font-size: 38px;
    padding-top: 50px;
  }
}
.main .hcl-row .hcl-column .wrap {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
.main .hcl-row .hcl-column .wrap .item {
  flex: 0 0 33.33%;
}
@media (max-width: 900px) {
  .main .hcl-row .hcl-column .wrap .item {
    flex: 0 0 50%;
  }
}
@media (max-width: 600px) {
  .main .hcl-row .hcl-column .wrap .item {
    flex: 0 0 100%;
  }
}
.main .hcl-row .hcl-column .swiper-container {
  padding-bottom: 120px;
}
.main .hcl-row .hcl-column .swiper-pagination {
  font-size: 0;
  bottom: 50px;
}
.main .hcl-row .hcl-column .swiper-pagination span {
  width: 12px;
  height: 12px;
  opacity: 1;
  background: #c3c3c3;
}
.main .hcl-row .hcl-column .swiper-pagination span.swiper-pagination-bullet-active {
  background: #3d3939;
}
@media (max-width: 600px) {
  .main .hcl-row .hcl-column .swiper-slide-active .item .pic img {
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-transform: scale(1.08, 1.08);
    transform: scale(1.08, 1.08);
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    transition: 0.3s 0.3s;
  }
}
.main .hcl-row .hcl-column .item {
  padding-top: 95px;
  text-align: center;
  color: #fff;
  cursor: pointer;
}
@media (max-width: 800px) {
  .main .hcl-row .hcl-column .item {
    padding-top: 50px;
  }
}
.main .hcl-row .hcl-column .item .pic img {
  display: block;
  max-width: 100px;
  width: 100px;
  height: 100px;
  margin: 0 auto;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  transition: 0.3s;
  border-radius: 50%;
}
.main .hcl-row .hcl-column .item .pic img:hover {
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-transform: scale(1.08, 1.08);
  transform: scale(1.08, 1.08);
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}
.main .hcl-row .hcl-column .item h4 {
  font-size: 18px;
  line-height: 1;
  padding: 25px 0;
  font-family: "myFont",Arial,"微软雅黑";
}
.main .hcl-row .hcl-column .item p {
  font-size: 14px;
  line-height: 1.5;
}
.main .hcl-row .hcl-column .item a {
  display: block;
  margin: 0px auto 0;
  width: 75px;
  height: 20px;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  border: 1px solid #fff;
  transition: 0.3s;
  border-radius: 3px;
  font-family: "myFont",Arial,"微软雅黑";
}
.main .hcl-row .hcl-column .item a:hover {
  background: #2fa1d2;
  border-color: #2fa1d2;
  color: #fff;
}
.main .media{
  width:100%;
  background: #eeeff3;
  box-sizing: border-box;
  text-align: center;
  padding:90px 0 90px;
}
.main .media .mediaa{
  width: 880px;
  margin: 0 auto;
  overflow: hidden;
  padding-left: 72px;
}
.main .media span{
  font-size: 38px;
  text-align: center;
  color: #282828;
  display: block;
  margin-bottom: 90px;
  font-family: "myFont",Arial,"微软雅黑";
}
.main .media .mediaa .wrapa{
  margin-right: 16px;
  float: left;
  margin-bottom: 30px;
}
.main .media .mediaa .wrapa img{
  width: 100%;
  height: 100%;
}
.main .media .mediaa .wrapa:last-child{
  margin-right: 0;
}
@media (max-width: 980px){
  .main .media{
    display: block;
    text-align: center;
    padding: 50px 0 34px;
  }
  .main .media .mediaa{
    padding-top: 30px;
    width: 490px;
    padding-left: 26px;
  }
  .main .media span{
    display: block;
    margin-bottom: 10px;
    margin: 0 auto;
    line-height:1;
  }
  .main .media .mediaa{
    padding-top: 50px;
    width: 614px;
    padding-left:26px;
  }
  .main .media .mediaa .wrapa{
    display: block;
    margin-right: 8px;
    width: 142px;
    height: 52px;
    margin-bottom: 16px;
  }
}
@media (max-width: 660px){
  .main .media{
    padding:50px 20px;
  }
  .main .media .mediaa{
    width: 300px;
    padding-left: 0;
  }
  .main .media .mediaa .wrapa{
    margin-bottom: 10px;
    width:146px;
    height: 54px;
  } 
  .main .media .mediaa .wrapa:nth-child(2n){
    margin-right: 0;
  }
}
.main .echol{
  width:100%;
  background: #eeeff3;
  box-sizing: border-box;
  text-align: center;
  padding:90px 0 90px;
}
.main .echol .echola{
  width: 880px;
  margin: 0 auto;
  overflow: hidden;
  padding-left: 72px;
}
/*更改*/
/*.main .echol .echola{
  width: 880px;
  margin: 0 auto;
  overflow: hidden;
  display: flex;
  justify-content: center;
}*/
.main .echol span{
  font-size: 38px;
  text-align: center;
  color: #282828;
  display: block;
  margin-bottom: 90px;
  font-family: "myFont",Arial,"微软雅黑";
}
.main .echol .echola .echoldiv{
  margin-right: 16px;
  float: left;
  margin-bottom: 30px;
}
.main .echol .echola .echoldiv:last-child{
  margin-right: 0;
}
.main .echol .echola .echoldiv .wrapa{
  width:258px;
  height: 70px;
  display: block;
}
.main .echol .echola .echoldiv .wrapa:last-child{
  margin-right: 0;
}
.main .echol .echola .echoldiv .wrapa img{
  width: 100%;
  height: 100%;
  border-radius: 3px;
}
/*更改*/
/*.main .echol .echola .echoldiv .wrapa img{
  width: 100%;
  border-radius: 4px;
}*/
.main .echol .echola .echoldiv .title{
  width:100%;
  text-align:center;
  font-size: 13px;
  color: #999;
  margin-top: 14px;
  display: block;
}
@media (max-width: 980px){
  .main .echol{
    display: block;
    text-align: center;
    padding: 50px 0 34px;
  }
  .main .echol span{
    display: block;
    margin-bottom: 10px;
    margin: 0 auto;
    line-height:1;
  }
  .main .echol .echola{
    padding-top: 50px;
    width: 614px;
    padding-left:26px;
  }
  /*更改*/
/*  .main .echol .echola{
    padding-top: 50px;
    width: 490px;
  }*/
  .main .echol .echola .echoldiv{
    display: block;
    margin-right: 8px;
    width:192px;
    margin-bottom: 16px;
  }
  .main .echol .echola .echoldiv .wrapa{
    width:192px;
    height: 52px;
    display:inline-block;
  }
  .main .echol .echola .echoldiv .wrapa img{
    height: 100%;
  }
  .main .echol .echola .echoldiv .title{
    margin-top: 6px;
    height: 36px;
  }
}
@media (max-width: 660px){
  .main .echol{
    padding:50px 20px;
  }
  .main .echol .echola{
    width: 300px;
    padding-left: 0;
  }
  /*更改*/
/*  .main .echol .echola{
    display: block;
    width:264px;
    padding-left: 4px;
  }*/
  .main .echol .echola .echoldiv{
    margin-bottom: 10px;
    width:146px;
  } 
  .main .echol .echola .echoldiv:nth-child(2n){
    margin-right: 0;
  }
  .main .echol .echola .echoldiv .wrapa{
    width:100%;
    height: 54px;
    display: block;
  }
  .main .echol .echola .echoldiv .wrapa img{
    height: 100%;
  }
  .main .echol .echola .echoldiv .title{
    margin-top: 4px;
    width:100%;
    font-size: 12px;
    height: auto;
  }
}
.main .exchange{
  width:100%;
  background: #e0e1eb;
  box-sizing: border-box;
  text-align: center;
  padding:90px 0 90px;
}
.main .exchange .exchangea{
  width: 880px;
  margin: 0 auto;
  overflow: hidden;
  padding-left: 72px;
}
/*更改*/
/*.main .exchange .exchangea{
  width: 880px;
  margin: 0 auto;
  overflow: hidden;
  display: flex;
  justify-content: center;
}*/
.main .exchange span{
  font-size: 38px;
  text-align: center;
  color: #282828;
  display: block;
  margin-bottom: 90px;
  font-family: "myFont",Arial,"微软雅黑";
}
.main .exchange .exchangea .exchangediv{
  margin-right: 16px;
  float: left;
  margin-bottom: 30px;
}
.main .exchange .exchangea .exchangediv:last-child{
  margin-right: 0;
}
.main .exchange .exchangea .exchangediv .wrapa{
  width:396px;
  height: 70px;
  display: block;
}
.main .exchange .exchangea .exchangediv .wrapa:last-child{
  margin-right: 0;
}
.main .exchange .exchangea .exchangediv .wrapa img{
  width: 100%;
  height: 100%;
  border-radius: 3px;
}
/*更改*/
/*.main .exchange .exchangea .exchangediv .wrapa img{
  width: 100%;
  border-radius: 4px;
}*/
.main .exchange .exchangea .exchangediv .title{
  width:100%;
  text-align:center;
  font-size: 13px;
  color: #999;
  margin-top: 14px;
  display: block;
}
@media (max-width: 980px){
  .main .exchange{
    display: block;
    text-align: center;
    padding: 50px 0 34px;
  }
  .main .exchange span{
    display: block;
    margin-bottom: 10px;
    margin: 0 auto;
    line-height:1;
  }
  .main .exchange .exchangea{
    padding-top: 50px;
    width: 614px;
    padding-left:26px;
  }
  /*更改*/
/*  .main .exchange .exchangea{
    padding-top: 50px;
    width: 490px;
  }*/
  .main .exchange .exchangea .exchangediv{
    display: block;
    margin-right: 8px;
    width:292px;
    margin-bottom: 16px;
  }
  .main .exchange .exchangea .exchangediv .wrapa{
    width:292px;
    height: 52px;
    display:inline-block;
  }
  .main .exchange .exchangea .exchangediv .wrapa img{
    height: 100%;
  }
  .main .exchange .exchangea .exchangediv .title{
    margin-top: 6px;
    height: 36px;
  }
}
@media (max-width: 660px){
  .main .exchange{
    padding:50px 20px;
  }
  .main .exchange .exchangea{
    width: 300px;
    padding-left: 0;
  }
  /*更改*/
/*  .main .exchange .exchangea{
    display: block;
    width:264px;
    padding-left: 4px;
  }*/
  .main .exchange .exchangea .exchangediv{
    margin-bottom: 10px;
    width:146px;
  } 
  .main .exchange .exchangea .exchangediv:nth-child(2n){
    margin-right: 0;
  }
  .main .exchange .exchangea .exchangediv .wrapa{
    width:100%;
    height: 54px;
    display: block;
  }
  .main .exchange .exchangea .exchangediv .wrapa img{
    height: 100%;
  }
  .main .exchange .exchangea .exchangediv .title{
    margin-top: 4px;
    width:100%;
    font-size: 12px;
    height: auto;
  }
}
.main .fund{
  width:100%;
  background: #e0e1eb;
  box-sizing: border-box;
  text-align: center;
  padding:90px 0 90px;
}
.main .fund .funda{
  width: 880px;
  margin: 0 auto;
  overflow: hidden;
  padding-left: 72px;
}
/*更改*/
/*.main .fund .funda{
  width: 880px;
  margin: 0 auto;
  overflow: hidden;
  display: flex;
  justify-content: center;
}*/
.main .fund span{
  font-size: 38px;
  text-align: center;
  color: #282828;
  display: block;
  margin-bottom: 90px;
  font-family: "myFont",Arial,"微软雅黑";
}
.main .fund .funda .funddiv{
  margin-right: 16px;
  float: left;
  margin-bottom: 30px;
}
.main .fund .funda .funddiv:last-child{
  margin-right: 0;
}
.main .fund .funda .funddiv .wrapa{
  width:190px;
  height: 70px;
  display: block;
}
.main .fund .funda .funddiv .wrapa:last-child{
  margin-right: 0;
}
.main .fund .funda .funddiv .wrapa img{
  width: 100%;
  height: 100%;
  border-radius: 3px;
}
/*更改*/
/*.main .fund .funda .funddiv .wrapa img{
  width: 100%;
  border-radius: 4px;
}*/
.main .fund .funda .funddiv .title{
  width:100%;
  text-align:center;
  font-size: 13px;
  color: #999;
  margin-top: 14px;
  display: block;
}
@media (max-width: 980px){
  .main .fund{
    display: block;
    text-align: center;
    padding: 50px 0 34px;
  }
  .main .fund span{
    display: block;
    margin-bottom: 10px;
    margin: 0 auto;
    line-height:1;
  }
  .main .fund .funda{
    padding-top: 50px;
    width: 614px;
    padding-left:26px;
  }
  /*更改*/
/*  .main .fund .funda{
    padding-top: 50px;
    width: 490px;
  }*/
  .main .fund .funda .funddiv{
    display: block;
    margin-right: 8px;
    width:142px;
    margin-bottom: 16px;
  }
  .main .fund .funda .funddiv .wrapa{
    width:142px;
    height: 52px;
    display:inline-block;
  }
  .main .fund .funda .funddiv .wrapa img{
    height: 100%;
  }
  .main .fund .funda .funddiv .title{
    margin-top: 6px;
    height: 36px;
  }
}
@media (max-width: 660px){
  .main .fund{
    padding:50px 20px;
  }
  .main .fund .funda{
    width: 300px;
    padding-left: 0;
  }
  /*更改*/
/*  .main .fund .funda{
    display: block;
    width:264px;
    padding-left: 4px;
  }*/
  .main .fund .funda .funddiv{
    margin-bottom: 10px;
    width:146px;
  } 
  .main .fund .funda .funddiv:nth-child(2n){
    margin-right: 0;
  }
  .main .fund .funda .funddiv .wrapa{
    width:100%;
    height: 54px;
    display: block;
  }
  .main .fund .funda .funddiv .wrapa img{
    height: 100%;
  }
  .main .fund .funda .funddiv .title{
    margin-top: 4px;
    width:100%;
    font-size: 12px;
    height: auto;
  }
}
@media (max-width: 690px) {
  .footer .mail .title{
    display: block;
  }
  .footer .mail .title:last-child{
    margin-left: 0;
  }
  .footer .mail .title:first-child span{
    padding-left: 5px;
  }
}
.main .fund a:hover,.main .echol a:hover,.main .exchange a:hover,.main .media a:hover{
  cursor: default;
}
.main .fund .funddiv.hrefhas:hover .wrapa, .main .echol .echoldiv.hrefhas:hover .wrapa, .main .exchange .exchangediv.hrefhas:hover .wrapa{
  cursor: pointer;
  box-shadow: 0 1px 8px 0 rgba(23,23,23,0.11);
}
.main .fund .funddiv.hrefhas:hover .title, .main .echol .echoldiv.hrefhas:hover .title, .main .exchange .exchangediv.hrefhas:hover .title{
  cursor: pointer;
  color: #2fa1d2;
}
.main .media .wrapa.hrefhas:hover{
  cursor: pointer;
  box-shadow: 0 1px 8px 0 rgba(23,23,23,0.11);
}
/*糖果兑换处*/
.showchangeinfo{
  position: fixed;
  top: 30%;
  right: -114px;
  border-top-left-radius: 50px; /* 左上角 */
  border-top-right-radius: 0; /* 右上角 */
  border-bottom-right-radius: 0; /* 右下角 */
  border-bottom-left-radius: 50px; /* 左下角 */
  border-radius: 50px 0 0 50px;
  background: #ff3766;
  color: #fff;
  font-size: 18px;
  font-family: "PingFangSC-Light",Arial,"微软雅黑";
  font-weight: lighter;
  padding-top: 10px;
  text-align: center;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  z-index: 90;
  padding: 10px 22px;
}
.showchangeinfo:hover{
  right: 0;
}
.showchangeinfo img{
  width: 53px;
  height: 38px;
  vertical-align: middle;
  margin-right: 6px;
}
@media (max-width: 1024px){
  .showchangeinfo{
      right: 0;
    }
}
@media (max-width: 700px){
  .showchangeinfo{
    padding: 6px 15px;
    font-size: 14px;
  }
  .showchangeinfo img{
    width: 24px;
    height: 17px;
  }
}