@charset "utf-8";
/*字体*/
* {
  padding: 0;
  margin: 0;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: calc(100vw/19.2);
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 1901px) {
  html {
    font-size: 100px;
  }
}
@media (max-width: 1580px) {
  html {
    font-size: 66px;
  }
}
@media (max-width: 767px) {
  html {
    font-size: calc(100vw/7.5);
  }
}
body {
  min-height: 100%;
  font-family:"思源黑体";
  font-size: 16px;
  line-height: 1.5;
  color: #333;
  background: #fff;
}
@media (max-width: 1580px) {
  body {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  body {
    font-size: 0.28rem;
  }
}
img {
  max-width: 100%;
  border: 0;
  vertical-align: top;
}
li {
  list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: inherit;
  font-style: inherit;
  font-size: inherit;
  font-weight: normal;
}
a,
a:hover,
a:focus {
  text-decoration: none;
}
table {border-collapse: collapse;}
.fl {float: left;}
.fr {float: right;}
.clear {zoom: 1;}
.clear:after {content: '';display: block;clear: both;}
.container {margin: 0 auto;width: 83.333333%;width: 86%;max-width: 1600px;}
@media (max-width: 1580px) {
  .container {width: 84%;}
}
@media (max-width: 1260px) {
  .container {width: 90%;}
}
.bg-color1 {
  background-color: #fff;
}
.ptb100 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
@media (max-width: 767px) {
  .ptb100 {
    padding-top: 1.2rem;
    padding-bottom: 1.2em;
  }
}
.pt100 {
  padding-top: 1rem;
}
@media (max-width: 767px) {
  .pt100 {
    padding-top: 1.2rem;
  }
}
.pb100 {
  padding-bottom: 1rem;
}
@media (max-width: 767px) {
  .pb100 {
    padding-bottom: 1.2rem;
  }
}
.font16 {
  font-size: 16px;
}
@media (max-width: 1580px) {
  .font16 {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .font16 {
    font-size: 0.28rem;
  }
}
.public-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0 0.2rem;
  min-width: 1rem;
}
.public-img {
  display: block;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.public-img::before {
  content: "";
  display: block;
  position: relative;
  z-index: 0;
  padding-top: 100%;
}
.public-img > img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}




.header {width: 100%;height: 80px;position: fixed;top: 0;left: 0;right: 0;z-index: 19;background: rgba(255, 255, 255, 0);transition: all ease-out 0.5s;}
@media (max-width: 1260px) {
	.header {display: flex;justify-content: flex-end;padding: 0 0.31rem;}
}
@media (max-width: 767px) {
	.header {height: 60px;}
}
.header .left {position: absolute;top: 0;left: 0;height: 100%;display: flex;align-items: center;z-index: 2;}
.header .left .logo {display: flex;align-items: center;height: 100%;padding: 0 0.35rem 0 0.31rem;}
.header .left .logo a {display: flex;width: 240px;height: 62px;}
@media (max-width: 767px) {
	.header .left .logo a {width: 90px;height: 30px;}
}
.header .left .logo a img {width: 100%;height: 100%;}
.header .left .logo a img:nth-child(2) {display: none;}
.header .left .stock {padding-left: 0.28rem;}
.header .left .stock .txt {font-size: 14px;line-height: 1;font-weight: 500;color: rgba(255, 255, 255, 0.3);}
@media (max-width: 767px) {
	.header .left .stock .txt {font-size: 12px;}
}
.header .left .stock .num {font-size: 16px;line-height: 1;color: rgba(255, 255, 255, 0.5);margin-top: 5px;font-weight: bold;}
@media (max-width: 767px) {
	.header .left .stock .num {font-size: 14px;}
}
.header .close {width: 40px;height: 80px;display: none;
}
@media (max-width: 1260px) {
	.header .close {display: flex;flex-wrap: wrap;align-content: center;}
}
@media (max-width: 767px) {
	.header .close {height: 60px;width: 32px;}
}
.header .close span {width: 100%;height: 2px;background: #fff;margin: 5px 0;transition: all ease-out 0.3s;}
@media (max-width: 767px) {
	.header .close span {margin: 4px 0;}
}
.header .close.on span {margin: 6px 0;margin: 4.5px 0;}
.header .close.on span:nth-child(1) {transform: rotateZ(45deg);transform-origin: left center;}
.header .close.on span:nth-child(2) {opacity: 0;}
.header .close.on span:nth-child(3) {transform-origin: left center;transform: rotateZ(-45deg);}
.header .right {width: 70%; margin:0 auto;height: 100%;position: relative;}
@media (max-width: 1260px) {
	.header .right {position: absolute;top: 100%;height: calc(100vh - 80px);left: 0;background: #fff;overflow-y: auto;display: none;}
}
.header .right .menu {width: 100%;display: flex;justify-content: right; padding-right:2.5rem;}
.header .right .menu ul {display: flex;width:100%;}
@media (max-width: 1260px) {
	.header .right .menu ul {width: 100%;display: inline;padding: 0 0.31rem;}
}
.header .right .menu ul li { width:100%;position: relative; text-align:center;}
@media (max-width: 991px) {
	.header .right .menu ul li {margin-right: 0;}
}
.header .right .menu ul li:last-child {margin-right: 0;}
.header .right .menu ul li .menu-link {font-weight: bold;color: #fff;height: 80px;display: flex;justify-content: center;align-items: center;position: relative;}
@media (max-width: 1260px) {
	.header .right .menu ul li .menu-link {height: 50px;}
}
@media (max-width: 991px) {
	.header .right .menu ul li .menu-link {width: 100%;font-size: 16px;}
}
.header .right .menu ul li:before {content: "";display: block;position: absolute;left: 0;right: 0;width: 0;margin: 0 auto;height: 2px;bottom: 0;-webkit-transition: all 0.3s;transition: all 0.3s;background: #333;}
@media (max-width: 767px) {
	.header .right .menu ul li:before {display: none;}
}
.header .right .menu ul li ul {background-color: rgba(255, 255, 255, 0.8);line-height: 60px;text-align: center;display: none;}
@media (min-width: 1261px) {
	.header .right .menu ul li ul {position: absolute;left: 50%;top: 100%;width: 180px;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
}
.header .right .menu ul li ul li {display: block;width: 100%;text-align: center;border-bottom: 1px solid #999;}
.header .right .menu ul li ul li:last-child {border-bottom: none;}
.header .right .menu ul li ul li:before {display: none;}
.header .right .menu ul li ul li a {display:block;width: 100%;color: #666;}
.header .right .menu ul li ul li ul li a {color: #999;}
@media (min-width: 992px) {
	.header .right .menu ul li ul li:hover a {color: #333;}
}
@media (max-width: 1260px) {
	.header .right .menu ul li ul {padding-bottom: 0.5rem;line-height: 40px;width: 100%;}
	.header .right .menu ul li ul li {border-bottom: none;text-align: left;}
}
.header .right .menu ul li:hover ul {display:block;}



.header .right .other {height: 100%;position: absolute;right: 0;top: 0;display: flex;cursor: pointer;}
@media (max-width: 1260px) {
	.header .right .other {justify-content: space-between;justify-content: flex-end;height: initial;position: relative;right: initial;top: initial;margin-top: 0.5rem;}
}
.header .right .other .search {width: 80px;display: flex;justify-content: center;align-items: center;}
.header .right .other .search img:nth-child(2) {display: none;}
@media (max-width: 767px) {
	.header .right .other .search {width: 60px;}
}
.header .right .other .search img,.header .right .other .search svg {width: 18px;height: 18px; display:block;}
.header .right .other .search img path,.header .right .other .search svg path {fill: #fff;}
.header .right .other .language {display: flex;align-items: center;padding: 0 0.27rem;position: relative;cursor: pointer;}
.header .right .other .language .icon {width: 18px;height: 18px;display: flex;}
.header .right .other .language .icon svg {width: 100%;height: 100%;}
.header .right .other .language .icon svg path {opacity: 1;fill: #fff;transition: all ease-out 0.3s;}
.header .right .other .language .lbox {margin: 0 0.11rem;}
.header .right .other .language .lbox .l-link {font-size: 14px;font-weight: bold;color: #FFFFFF;}
.header .right .other .language .icon2 {width: 10px;height: 6px;display: flex;}
@media (max-width: 767px) {
	.header .right .other .language .icon2 {display: none;}
}
.header .right .other .language .icon2 svg {width: 100%;height: 100%;}
.header .right .other .language .icon2 svg path {opacity: 1;fill: #fff;transition: all ease-out 0.3s;}
.header .right .other .language .hover1 {position: absolute;top: 100%;left: 0;width: 100%;line-height: 40px;display: none;background-color: rgba(255, 255, 255, 0.9);}
.header .right .other .language .hover1 .li {text-align: center;color: #999;display: block;border-bottom: 1px solid #ddd;}
.header .right .other .language .hover1 .li:last-child {border-bottom: none;}
.header .right .other .language .hover1 .li:hover {color: #333;}
.header .right .other .language:hover .icon svg path,.header .right .other .language:hover .icon2 svg path {fill: #fff;}
.header .right .other .language:hover .hover1 {display: block;}
.header.fh {background: #ffffff;transition: all ease-out 0.5s;}
.header.fh .left .logo a img:nth-child(1) {display: none;}
.header.fh .left .logo a img:nth-child(2) {display: block;}
.header.fh .right .other .search img:nth-child(1) {display: none;}
.header.fh .right .other .search img:nth-child(2) {display: block;}
.header.fh .left .stock .txt {color: #666;}
.header.fh .left .stock .num {color: #333;}
.header.fh .close span {background: #111;}
.header.fh .right .menu ul li .menu-link {color: #111;}
.header.fh .right .menu ul li .menu-link svg path {fill: #111;}
.header.fh .right .menu ul .on100 .menu-link {color: #999;}
.header.fh .right .menu ul .on .menu-link {color: #333;}
.header.fh .right .menu ul .on:before {width: 100%;}
.header.fh .right .menu ul .active .menu-link {color: #333;}
.header.fh .right .menu ul .active:before {width: 100%;}
.header.fh .right .other .search svg path {fill: #111;}
.header.fh .right .other .language .icon svg path {fill: #111;}
.header.fh .right .other .language .lbox a {color: #111;}
.header.fh .right .other .language .icon2 svg path {fill: #111;}
.header.fh .right .other .language:hover .icon svg path,.header.fh .right .other .language:hover .icon2 svg path {fill: #000;}
.header:hover {background: #ffffff;transition: all ease-out 0.5s;}
.header:hover .left .logo a img:nth-child(1) {display: none;}
.header:hover .left .logo a img:nth-child(2) {display: block;}
.header:hover .right .other .search img:nth-child(1) {display: none;}
.header:hover .right .other .search img:nth-child(2) {display: block;}
.header:hover .left .stock .txt {color: #666;}
.header:hover .left .stock .num {color: #333;}
.header:hover .close span {background: #111;}
.header:hover .right .menu ul li .menu-link {color: #111;}
.header:hover .right .menu ul li .menu-link svg path {fill: #111;}
.header:hover .right .menu ul .on100 .menu-link {color: #999;}
.header:hover .right .menu ul .on .menu-link {color: #333;}
.header:hover .right .menu ul .on:before {width: 100%;}
@media (min-width: 1261px) {
	.header:hover .right .menu ul .active .menu-link {color: #333;}
	.header:hover .right .menu ul .active:before {width: 100%;}
}
.header:hover .right .other .search svg path {fill: #111;}
.header:hover .right .other .language .icon svg path {fill: #111;}
.header:hover .right .other .language .lbox a {color: #111;}
.header:hover .right .other .language .icon2 svg path {fill: #111;}
.header:hover .right .other .language:hover .icon svg path,.header:hover .right .other .language:hover .icon2 svg path {fill: #000;}
.header-sec3 {position: absolute;top: -100%;left: 0;z-index: 2;width: 100%;height: calc(100% + 1px);background-color: #fff;-webkit-transition: all 0.3s linear;transition: all 0.3s linear;}
.header-sec3.active {top: 0;}
.header-sec3 .container {height: 100%;}
.header-sec3 .cont {height: 100%;display: flex;align-items: center;justify-content: space-between;max-width: 500px;margin: 0 auto;}
.header-sec3 .cont .form {display: flex;align-items: center;width: calc(100% - 36px);border-radius: 30px;border: 1px solid #333;padding: 0 20px;overflow: hidden;}
@media (max-width: 1900px) {
	.header-sec3 .cont .form {padding: 0 16px;}
}
@media (max-width: 1580px) {
	.header-sec3 .cont .form {width: calc(100% - 28px);}
}
.header-sec3 .cont .form .f_sub {outline: none;width: 20px;border: none;background: transparent;overflow: hidden;height: 30px;}
@media (max-width: 1900px) {
	.header-sec3 .cont .form .f_sub {width: 16px;}
}
.header-sec3 .cont .form .f_sub img,.header-sec3 .cont .form .f_sub svg {width: 100%;float: left;}
.header-sec3 .cont .form .f_sub img path,.header-sec3 .cont .form .f_sub svg path {fill: #666;}
.header-sec3 .cont .form .f_sub svg {max-height: 100%;margin-top: 2px;}
.header-sec3 .cont .form .int {outline: none;width: 80%;width: calc(100% - 20px);padding: 10px 0;font-size: 16px;border: none;background-color: transparent;color: #999999;padding-left: 22px;}
@media (max-width: 1900px) {
	.header-sec3 .cont .form .int {font-size: 14px;padding: 10px 0;padding-left: 16px;width: calc(100% - 16px);}
}
@media (max-width: 991px) {
	.header-sec3 .cont .form .int {padding: 10px 0;padding-left: 12px;}
}
.header-sec3 .cont .f_close {overflow: hidden;width: 16px;display: block;}
@media (max-width: 1900px) {
	.header-sec3 .cont .f_close {width: 14px;}
}
.header-sec3 .cont .f_close img {float: left;width: 100%;}



.banner {width: 100%;position: fixed;top: 0;left: 0;}
.banner .content {width: 100%;height: 100vh;position: relative;}
.banner .content .img {width: 100%;height: 100%;overflow: hidden;}
.banner .content .img img {width: 100%;height: 100%;object-fit: cover;transition: all ease-out 0.5s;}
.banner .content .img.on img {transform: scale(1.1);}
.banner .content .tbox {position: absolute;z-index: 2;width: 90%;left: 50%;transform: translateX(-50%);bottom: 0.63rem;}
@media (max-width: 767px) {
  .banner .content .tbox {bottom: 2rem;}
}
.banner .content .tbox .title {font-size: 0.42rem;font-weight: 500;color: #FFFFFF;line-height: 0.48rem;text-align: center;transform: translateY(30px);transition: all 0.5s ease-out 0.1s;}
.banner .content .tbox .icon {width: 0.23rem;height: 0.74rem;display: flex;margin: 0.49rem auto 0;transform: translateY(30px);transition: all 0.5s ease-out 0.3s;}
.banner .content .tbox .icon img {width: 100%;height: 100%;animation: runArraw 1.5s linear infinite;-moz-animation: runArraw 1.5s linear infinite;-webkit-animation: runArraw 1.5s linear infinite;
	-o-animation: runArraw 1.5s linear infinite;}
.banner .content .tbox.on .title {transform: translateY(0);opacity: 1;}
.banner .content .tbox.on .icon {transform: translateY(0);opacity: 1;}


.banner .content .swiper {width: 100%;height: 100%;position: relative;overflow: hidden;}
.banner .content .swiper .swiper-slide a {height: 100%;display: block;position: relative;}
.banner .content .swiper .swiper-slide a .img {width: 100%;position: relative;overflow: hidden;}
.banner .content .swiper .swiper-slide a .img::before {content: '';width: 100%;display: block;padding-top: 38.095%;}
.banner .content .swiper .swiper-slide a .img:after {content: "";display: block;position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;}
.banner .content .swiper .swiper-slide a .img img {width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;transition: all ease-out 0.5s;}
.banner .content .swiper .swiper-slide a .txt {width:100%; text-align:center;font-size: 0.6rem;line-height: 0.36rem;font-weight: bold;color: #FFFFFF;padding: 0 0.4rem;position: absolute;z-index: 2;
  left: 0;top:45%;transition: all ease-out 0.3s;
}
@media (max-width: 767px) {
  .banner .content .swiper .swiper-slide a .txt {font-size: 0.32rem;line-height: 1.2;}
}
.banner .content .swiper .swiper-pagination {width:100%; text-align:center;font-size: 0;bottom: 60px;}
.banner .content .swiper .swiper-pagination .swiper-pagination-bullet {width: 12px;height: 12px;background: rgba(255, 255, 255, 0.2);border-radius: 50%;opacity: 1;margin-right: 0.13rem;}
@media (max-width: 767px) {
  .banner .content .swiper .swiper-pagination .swiper-pagination-bullet {width: 6px;height: 6px;}
}
.banner .content .swiper .swiper-pagination .swiper-pagination-bullet:last-child {margin-right: 0;}
.banner .content .swiper .swiper-pagination .swiper-pagination-bullet-active {background: #fff;}



.home-sec1 {padding: 1.1rem 0 1.16rem;margin-top: 100vh;position: relative;}
.home-sec1 .home_tit {text-align: center;}
.home-sec1 .home_tit .name {color: #666666;}
.home-sec1 .home_tit .tit {color: #000000;font-weight: bold;line-height: 1.33333333;margin-top: 0.12rem;}
.home-sec1 .home_tit .fbut {display: flex;align-items: center;justify-content: center;color: #333333;max-width: 300px;margin: 0 auto;margin-top: 0.18rem;font-size: 14px;}
.home-sec1 .home_tit .fbut i {transition: all 0.4s;display: flex;align-items: center;justify-content: center;margin-left: 0.06rem;overflow: hidden;width: 12px;height: 12px;}
@media (max-width: 1580px) {
  .home-sec1 .home_tit .fbut i {width: 10px;height: 10px;}
}
.home-sec1 .home_tit .fbut i svg {width: 100%;max-height: 100%;}
.home-sec1 .home_tit .fbut i svg path {opacity: 1;fill: #003686;}
.home-sec1 .home_tit .fbut:hover i {transform: translateX(6px);}
.home-sec1 .bag {width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.home-sec1 .bag img {width: 100%;height: 100%;object-fit: cover;}
.home-sec1 .container {position: relative;max-width: 1440px;}
.home-sec1 .container .home_tit {width: 100%;margin: 0 auto;margin-bottom: 0.6rem;}
.home-sec1 .container .cont {display: flex;margin: 0 -0.2rem;}
@media (max-width: 991px) {
  .home-sec1 .container .cont {flex-wrap: wrap;}
}
@media (max-width: 767px) {
  .home-sec1 .container .cont {margin: 0;flex-wrap: wrap;}
}
.home-sec1 .container .cont .item {width: 26.9444444%;padding: 0 0.18rem;transition: all 0.4s;flex: 1 1 26.9444444%;}
@media (max-width: 991px) {
  .home-sec1 .container .cont .item {width: 50%;flex: 1 1 50%;margin-bottom: 0.6rem;}
  .home-sec1 .container .cont .item:last-child {margin-bottom: 0;}
}
@media (max-width: 767px) {
  .home-sec1 .container .cont .item {padding: 0;width: 100%;flex: 1 1 100%;margin-bottom: 0.4rem;}
}
.home-sec1 .container .cont .item .list {width: 100%;height: 100%;background-color: rgba(228, 234, 238, 0.7);box-shadow: inset 0px 0px 7px 0px #ffffff;border-radius: 5px;overflow: hidden;z-index: 2;position: relative;
	transition: all 0.4s;padding: 0.78rem 0.4rem 0.7rem;}
.home-sec1 .container .cont .item .list:before {content:"";display: block;position:absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(fuhubag1.jpg) center / cover no-repeat;opacity: 0;transition: all 0.4s;}
.home-sec1 .container .cont .item .list .tit,
.home-sec1 .container .cont .item .list .text {transition: all 0.4s;}
.home-sec1 .container .cont .item .list .tit {color: #000000;font-weight: bold;position: relative;margin-bottom: 0.16rem;}
.home-sec1 .container .cont .item .list .text {color: #333333;opacity: 0.7;line-height: 1.5;transition: all 0.4s;margin-bottom: 1rem;position: relative;}
@media (max-width: 767px) {
  .home-sec1 .container .cont .item .list .text {margin-bottom: 0.36rem;height: auto;display: block;}
}
.home-sec1 .container .cont .item .list .img {width:1.44rem;height:1.44rem;display:flex;align-items:center;justify-content:center;background-color: #ffffff;transition: all 0.4s;border-radius: 0.36rem;position: relative;}
.home-sec1 .container .cont .item .list .img img {width: auto;height: auto;max-width: 48.61111111%;max-height: 48.61111111%;object-fit: contain;}
@media (min-width: 992px) {
  .home-sec1 .container .cont .item.on {width: 48.33333%;flex: 1 1 48.33333%;}
  .home-sec1 .container .cont .item.on .list {padding-right: 2.08rem;}
  .home-sec1 .container .cont .item.on .list:before {opacity: 1;}
  .home-sec1 .container .cont .item.on .list .tit,
  .home-sec1 .container .cont .item.on .list .text {color: #fff;}
  .home-sec1 .container .cont .item.on .list .img {
	background: linear-gradient(-30deg, rgba(1, 93, 231, 0.22), rgba(1, 199, 222, 0.22));box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1), 0px 0px 12px 0px rgba(255, 255, 255, 0.53) inset;
  }
}
@media (min-width: 992px) and (max-width: 1260px) {
  .home-sec1 .container .cont .item.on .list {padding-right: 1rem;}
}
.home-sec1 .container .cont .f_item {width: 27.08333333%;padding: 0 0.2rem;transition: all 0.4s;}
@media (max-width: 991px) {
  .home-sec1 .container .cont .f_item {width: 50%;margin-bottom: 0.4rem;}
}
@media (max-width: 767px) {
  .home-sec1 .container .cont .f_item {padding: 0;width: 100%;}
}
.home-sec1 .container .cont .f_item .list {height: 100%;display: block;border-radius: 10px;overflow: hidden;z-index: 2;position: relative;transition: all 0.4s;}
.home-sec1 .container .cont .f_item .list .bag {position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;transition: all 0.4s;}
@media (max-width: 767px) {
}
.home-sec1 .container .cont .f_item .list .bag img,
.home-sec1 .container .cont .f_item .list .bag video {width: 100%;height: 100%;object-fit: cover;}
.home-sec1 .container .cont .f_item .list .f_jut {opacity: 0;position: relative;padding: 0.86rem 0.8rem 0.74rem 0.46rem;color: #ffffff;transition: all 0.4s;transform: translateY(0.3rem);}
@media (max-width: 767px) {
  .home-sec1 .container .cont .f_item .list .f_jut {opacity: 1;padding: 0.6rem 0.3rem;}
}
.home-sec1 .container .cont .f_item .list .f_jut .img {width: 0.74rem;height: 0.74rem;border-radius: 50%;
  background-image: linear-gradient(-4deg, rgba(248, 251, 253, 0.07) 0%, rgba(229, 242, 254, 0.07) 100%), linear-gradient(#1f53eb, #1f53eb);
  background-blend-mode: normal, normal;box-shadow: inset 0px 0px 13px 0px rgba(255, 255, 255, 0.55);display: flex;align-items: center;justify-content: center;margin-bottom: 0.34rem;}
@media (max-width: 767px) {
  .home-sec1 .container .cont .f_item .list .f_jut .img {width: 0.88rem;height: 0.88rem;}
}
.home-sec1 .container .cont .f_item .list .f_jut .img img {width: auto;height: auto;max-width: 48.61111111%;max-height: 48.61111111%;object-fit: contain;}
.home-sec1 .container .cont .f_item .list .f_jut .tit {font-weight: bold;margin-bottom: 0.16rem;}
.home-sec1 .container .cont .f_item .list .f_jut .text {opacity:0.7;line-height:1.85714286;height:3.71428571em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:0.72rem;}
@media (max-width: 767px) {
  .home-sec1 .container .cont .f_item .list .f_jut .text {margin-bottom: 0.46rem;}
}
.home-sec1 .container .cont .f_item .list .f_jut .but {display: flex;align-items: center;}
.home-sec1 .container .cont .f_item .list .f_jut .but i {display: flex;align-items: center;justify-content: center;width: 20px;height: 20px;border-radius: 50%;margin-left: 0.15rem;background-color: #ffffff;}
@media (max-width: 1580px) {
  .home-sec1 .container .cont .f_item .list .f_jut .but i {width: 16px;height: 16px;}
}
@media (max-width: 767px) {
  .home-sec1 .container .cont .f_item .list .f_jut .but i {width: 12px;height: 12px;}
}
.home-sec1 .container .cont .f_item .list .f_jut .but i svg {max-width: 50%;max-height: 50%;width: auto;height: auto;}
.home-sec1 .container .cont .f_item .list .f_jut .but i svg path {opacity: 1;fill: #1e68ed;}
.home-sec1 .container .cont .f_item .list .f_hov {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(255, 255, 255, 0.7);box-shadow: inset 0px 0px 7px 0px #ffffff;
  padding: 0.8rem 0.3rem 0.76rem;display: flex;flex-direction: column;align-items: center;text-align: center;transition: all 0.4s 0.4s;}
@media (max-width: 767px) {
  .home-sec1 .container .cont .f_item .list .f_hov {opacity: 0;}
}
.home-sec1 .container .cont .f_item .list .f_hov .img {width: 1.52rem;height: 1.52rem;border-radius: 50%;background-image: linear-gradient(0deg, #f8fbfd 0%, #e5f2fe 100%), linear-gradient(#ffffff, #ffffff);
  background-blend-mode: normal, normal;border: solid 1px #ffffff;display: flex;align-items: center;justify-content: center;}
.home-sec1 .container .cont .f_item .list .f_hov .img img {max-width: 52.63157895%;max-height: 52.63157895%;width: auto;height: auto;object-fit: contain;}
.home-sec1 .container .cont .f_item .list .f_hov .tit {color: #000000;font-weight: bold;margin-top: 0.88rem;margin-bottom: 0.2rem;}
.home-sec1 .container .cont .f_item .list .f_hov .but {display: flex;align-items: center;justify-content: center;}
.home-sec1 .container .cont .f_item .list .f_hov .but span {color: #333333;opacity: 0.7;}
.home-sec1 .container .cont .f_item .list .f_hov .but i {display: block;width: 8px;height: 12px;margin-left: 10px;}
@media (max-width: 1580px) {
  .home-sec1 .container .cont .f_item .list .f_hov .but i {margin-left: 8px;}
}
.home-sec1 .container .cont .f_item .list .f_hov .but i svg {opacity: 1;max-height: 100%;width: 100%;float: left;}
.home-sec1 .container .cont .f_item .list .f_hov .but i svg path {fill: #999999;opacity: 1;}
@media (max-width: 767px) {
  .home-sec1 .container .cont .f_item .list {background-color: rgba(255, 255, 255, 0.7);box-shadow: inset 0px 0px 7px 0px #ffffff;}
  .home-sec1 .container .cont .f_item .list .f_jut {color: #333;transform: translateY(0rem);}
  .home-sec1 .container .cont .f_item .list .f_jut .text {color: #666;}
  .home-sec1 .container .cont .f_item .list .f_jut .but {color: #333;}
  .home-sec1 .container .cont .f_item .list .f_jut .but i {border: 1px solid #333;}
  .home-sec1 .container .cont .f_item .list .f_jut .but i svg path {fill: #333;}
}
@media (min-width: 992px) {
  .home-sec1 .container .cont .f_item.on {width: 45.8333%;}
  .home-sec1 .container .cont .f_item.on .bag {opacity: 1;}
  .home-sec1 .container .cont .f_item.on .f_jut {transition: all 0.4s 0.4s;opacity: 1;transform: translateY(0rem);}
  .home-sec1 .container .cont .f_item.on .f_hov {opacity: 0;transition: all 0.4s;}
}



.index-about {width: 100%;background: #fff;position: relative;z-index: 2;}
@media (max-width: 767px) {
  .index-about {background-color: #1f8bc1;}
}
.index-about .bg {width: 100%;height: 100vh;overflow: hidden;position: relative;}
@media (max-width: 767px) {
  .index-about .bg {opacity: 0.5;}
}
.index-about .bg .img1 {width: 100%;height: 100%;position: absolute;overflow: hidden;top: 0;right: 0;z-index: 2;transition: all 1s ease-out 0.5s;box-shadow: 0 0.5rem 0.5rem 0 rgba(0, 85, 106, 0.1) inset;}
.index-about .bg .img1 img {width: 100vw;height: 100vh;object-fit: cover;position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
@media (max-width: 767px) {
  .index-about .bg .img1 img {max-width: initial;width: 200vw;transform: translate(-68%, -10%) scale(1.2);}
}
.index-about .bg .img2 {width: 100%;height: 100%;display: block;}
.index-about .bg .img2 img {width: 100vw;height: 100vh;object-fit: cover;transition: all ease-out 1s;position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
@media (max-width: 767px) {
  .index-about .bg .img2 img {max-width: initial;width: 200vw;transform: translate(-68%, -10%) scale(1.2);}
}
.index-about .bg.on .img1 {height: 0;}
.index-about .container {position: absolute;left: 50%;transform: translateX(-50%);z-index: 2;top: 1.3rem;}
@media (max-width: 1580px) {
  .index-about .container {top: 50%;transform: translate(-50%, -50%);}
}
.index-about .container .t1 {font-weight: bold;line-height: 1;color: rgba(0, 0, 0, 0.4);}
.index-about .container .t2 {font-size: 0.36rem;font-weight: bold;color: #333;line-height: 0.48rem;margin-top: 0.4rem;}
.index-about .container .t3 {max-width: 720px;font-weight: 500;line-height: 35px;color: rgba(0, 0, 0, 0.6);margin-top: 0.4rem;}
@media (max-width: 767px) {
  .index-about .container .t3 {color: #fff;line-height: 24px;}
}
.index-about .container .ckbox {display: flex;margin-top: 0.5rem;}
.index-about .container .ckbox a {width: 3rem;border-radius: 5px;height: 60px;border: 1px solid #666;display: flex;justify-content: space-between;align-items: center;padding: 0 0.22rem 0 0.24rem;
  color: #333;font-weight: 500;margin-right: 10px;transition: all ease-out 0.3s;position: relative;}
@media (max-width: 767px) {
  .index-about .container .ckbox a {height: 46px;font-size: 0.24rem;}
}
.index-about .container .ckbox a::before {content: '';width: 0;height: 100%;background: #fff;position: absolute;top: 0;left: 0;transition: all ease-out 0.3s;z-index: -1;}
.index-about .container .ckbox a img {filter: invert(0);}
.index-about .container .ckbox a:nth-child(1) svg {width: 25px;height: 25px;}
@media (max-width: 767px) {
  .index-about .container .ckbox a:nth-child(1) svg {width: 20px;height: 20px;}
}
.index-about .container .ckbox a:nth-child(2) svg {width: 29px;height: 20px;}
@media (max-width: 767px) {
  .index-about .container .ckbox a:nth-child(2) svg {width: 18px;height: 16px;}
}
.index-about .container .ckbox a:hover {color: #000;padding-left: 0.3rem;}
.index-about .container .ckbox a:hover::before {width: 100%;}
.index-about .container .ckbox a:hover img {filter: invert(0);}



.index-investor {width: 100%;background: #fff;position: relative;z-index: 2;padding: 0.96rem 0 0;}
.index-investor .container .title {font-size: 0.36rem;font-weight: bold;color: #000000;line-height: 0.48rem;}
.index-investor .container .content {width: 100%;position: relative;margin-top: 0.54rem;background: url(stock-map.png) left bottom no-repeat; background-size: 100%;}
.index-investor .container .content .ts {width: 100%;height: 100%;z-index: 2;padding: 0.8rem 0.4rem;display: flex;flex-wrap: wrap;align-content: space-between;}
@media (max-width: 991px) {
  .index-investor .container .content .ts {position: static;top: initial;height: initial;padding: 0.5rem 0 0.5rem;}
}
.index-investor .container .content .ts .tbox {width: 100%;padding: 0;}
@media (max-width: 767px) {
  .index-investor .container .content .ts .tbox {top: 0;position: absolute;z-index: 2;padding: 0.5rem 0 0 0.3rem;}
}
.index-investor .container .content .ts .tbox .t2 {display: flex;align-items: flex-end;font-size: 0.20rem;}
@media (max-width: 767px) {
  .index-investor .container .content .ts .tbox .t2 {flex-wrap: wrap;}
}
.index-investor .container .content .ts .list {width: 100%;margin-top: 0.5rem;}
.index-investor .container .content .ts .list ul {width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.index-investor .container .content .ts .list ul li {width: 23.026%;background: rgba(255, 255, 255, 0.7);-webkit-backdrop-filter: blur(5px);backdrop-filter: blur(5px);border-radius: 5px;transition: all ease-out 0.3s;}
@media (max-width: 991px) {
  .index-investor .container .content .ts .list ul li {box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.1);}
}
@media (max-width: 767px) {
  .index-investor .container .content .ts .list ul li {width: 48.5%;margin-right: 3%;margin-bottom: 0.2rem;box-shadow: none;border: 1px solid #eee;}
  .index-investor .container .content .ts .list ul li:nth-child(2n) {margin-right: 0;}
}
.index-investor .container .content .ts .list ul li a {display: flex;flex-wrap: wrap;justify-content: space-between;position: relative;padding: 0.15rem 0.13rem;}
@media (max-width: 767px) {
  .index-investor .container .content .ts .list ul li a {padding: 0.4rem 0.46rem;}
}
.index-investor .container .content .ts .list ul li a .txt {width: 50%;font-size: 0.18rem;display: flex;justify-content:center;align-items: center;color: #000000;transition: all ease-out 0.3s;}
@media (max-width: 767px) {
  .index-investor .container .content .ts .list ul li a .txt {order: 1;font-size: 0.32rem;}
}
.index-investor .container .content .ts .list ul li a .icon {width: 50%;height:2.3rem;margin-left: auto;transition: all 0.3s;}
@media (max-width: 767px) {
  .index-investor .container .content .ts .list ul li a .icon {margin-left: 0;margin-bottom: 0.16rem;margin-top: 0;}
}
.index-investor .container .content .ts .list ul li a .icon img {width: 100%;}
@media (min-width: 768px) {
  .index-investor .container .content .ts .list ul li:hover {transform: translateY(-5px);box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.1);}
  .index-investor .container .content .ts .list ul li:hover a .txt {background-clip: text;-webkit-background-clip: text;color: transparent;-webkit-text-fill-color: transparent;
    background-image: linear-gradient(right, #015de7, #01c7de);background-image: -webkit-linear-gradient(right, #015de7, #01c7de);}
  .index-investor .container .content .ts .list ul li:hover a .icon {transform: scale(0.95);}
}



.footer {width: 100%;background: url(foot-bg.jpg) center center no-repeat;background-size: cover;position: relative;z-index: 2;}
.footer .container .up {width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.footer .container .up .left {width: 82.5%;}
@media (max-width: 1260px) {
  .footer .container .up .left {width: 70%;}
}
@media (max-width: 767px) {
  .footer .container .up .left {width: 100%;}
}
.footer .container .up .left .top {width: 100%;display: flex;align-items: center;padding: 0.6rem 0.3rem 0.5rem 0;}
@media (max-width: 767px) {
  .footer .container .up .left .top {justify-content: space-between;padding-right: 0;}
}
.footer .container .up .left .top .logo {width: 240px;flex-shrink: 0;}
@media (max-width: 767px) {
  .footer .container .up .left .top .logo {width: 2.2rem;}
}
.footer .container .up .left .top .logo a {width: 100%;display: flex;align-items: center;}
.footer .container .up .left .top .logo a img {width: 100%;}
.footer .container .up .left .top .lright {width: 100%;display: flex;}
@media (max-width: 767px) {
  .footer .container .up .left .top .lright {width: auto;}
}
.footer .container .up .left .top .join {
  display: inline-flex;align-items: center;padding: 0 0.2rem 0 0.25rem;height: 46px;background:#FFF;border-radius: 5px;font-size: 16px;font-weight: bold;color: #000000;margin-left: 0.53rem;transition: all ease-out 0.3s;
}
@media (max-width: 767px) {
  .footer .container .up .left .top .join {height: 36px;font-size: 14px;margin-left: 0;font-size: 12px;}
}
.footer .container .up .left .top .join svg {  width: 10px;height: 6px;transform: rotateZ(-90deg);margin-left: 0.35rem;transition: all ease-out 0.3s;}
@media (max-width: 767px) {
  .footer .container .up .left .top .join svg {margin-left: 0.2rem;}
}
.footer .container .up .left .top .join svg path {fill: rgba(0, 0, 0, 0.6);}
@media (min-width: 768px) {
  .footer .container .up .left .top .join:hover {padding: 0 0.3rem;}
  .footer .container .up .left .top .join:hover svg {margin-left: 0.45rem;}
}
.footer .container .up .left .top .f-link {width: 2.1rem;height: 46px;background: #FFFFFF;border-radius: 5px;margin-left: auto;position: relative;}
@media (max-width: 767px) {
  .footer .container .up .left .top .f-link {height: 36px;font-size: 12px;margin-left: 0.2rem;width: 2.1rem;}
}
.footer .container .up .left .top .f-link span {width: 100%;height: 100%;display: flex;justify-content: space-between;align-items: center;color: #000;font-weight: bold;padding: 0 0.17rem 0 0.27rem;cursor: pointer;}
.footer .container .up .left .top .f-link span svg {width: 10px;height: 6px;}
.footer .container .up .left .top .f-link span svg path {fill: rgba(0, 0, 0, 0.6);}
.footer .container .up .left .top .f-link ul {width: 100%;position: absolute;top: 100%;left: 0;z-index: 2;background: #fff;border-radius: 5px;border: 1px solid rgba(204, 204, 204, 0.43);padding: 0.1rem 0;display: none;}
.footer .container .up .left .top .f-link ul li {width: 100%;padding: 0 0.27rem 0.1rem;}
@media (max-width: 767px) {
  .footer .container .up .left .top .f-link ul li {padding: 0.2rem 0.28rem;}
}
.footer .container .up .left .top .f-link ul li a {width: 100%;height: 0.3rem;display: flex;align-items: center;font-size: 14px;color: #666;position: relative;transition: all ease-out 0.3s;}
.footer .container .up .left .top .f-link ul li a::after {content: '';width: 0;height: 1px;background: #ccc;transition: all ease-out 0.3s;position: absolute;left: 0;top: 100%;}
.footer .container .up .left .top .f-link ul li a:hover {color: #000;}
.footer .container .up .left .top .f-link ul li a:hover::after {width: 100%;}
.footer .container .up .left .top .f-link:hover ul {display: block;}
.footer .container .up .left .bottom {width: 100%;border-top: 1px solid rgba(187, 187, 187, 0.4);display: flex;justify-content: space-between;padding: 0.45rem 0.3rem 0.36rem 0;}
.footer .container .up .left .bottom .b-menu {width: 100%;}
@media (max-width: 1260px) {
  .footer .container .up .left .bottom .b-menu {display: none;}
}
.footer .container .up .left .bottom .b-menu > ul {width: 100%;display: flex;justify-content: space-between;}
.footer .container .up .left .bottom .b-menu > ul > li .title {font-size: 18px;font-weight: bold;color: #000000;line-height: 32px;}
.footer .container .up .left .bottom .b-menu > ul > li .abox {margin-top: 0.17rem;}
.footer .container .up .left .bottom .b-menu > ul > li .abox > ul > li {display: block;margin-bottom: 10px;}
.footer .container .up .left .bottom .b-menu > ul > li .abox > ul > li:last-child {margin-bottom: 0;}
.footer .container .up .left .bottom .b-menu > ul > li .abox > ul > li a {display:inline-flex;display:block;font-size:14px;font-weight:500;color:rgba(0, 0, 0, 0.7);line-height:1.4;position:relative;
	transition:all ease-out 0.3s;}
.footer .container .up .left .bottom .b-menu > ul > li .abox > ul > li a::after {content: '';width: 0;height: 1px;background: #ccc;position: absolute;left: 0;bottom: 0;transition: all ease-out 0.3s;}
.footer .container .up .left .bottom .b-menu > ul > li .abox > ul > li a span {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 93%, #ccc 0%);background-size: 0 100%;background-repeat: no-repeat;-webkit-transition: all ease-out 0.3s;transition: all ease-out 0.3s;}
.footer .container .up .left .bottom .b-menu > ul > li .abox > ul > li a:hover {color: #000;}
.footer .container .up .left .bottom .b-menu > ul > li .abox > ul > li a:hover span {background-size: 100% 100%;}
.footer .container .up .left .bottom .b-contact {width: 2.5rem;flex-shrink: 0;margin-left: 1.28rem;}
@media (max-width: 1580px) {
  .footer .container .up .left .bottom .b-contact {width: 3.1rem;margin-left: 1.28rem;}
}
@media (max-width: 1260px) {
  .footer .container .up .left .bottom .b-contact {width: 100%;margin-left: 0;}
}
.footer .container .up .left .bottom .b-contact .tel {font-size: 18px;font-weight: bold;color: #000000;line-height: 32px;}
.footer .container .up .left .bottom .b-contact .tel span {display: block;font-size: 22px;font-weight: bold;color: #000000;line-height: 32px;opacity: 0.8;margin-top: 0.17rem;}
.footer .container .up .left .bottom .b-contact .call {font-size: 14px;font-weight: 500;color: #999999;line-height: 22px;margin-top: 0.16rem;}
.footer .container .up .left .bottom .b-contact .call span {color: #666;}
.footer .container .up .left .bottom .b-contact .address {font-size: 14px;font-weight: 500;color: #999999;line-height: 20px;margin-top: 0.1rem;}
.footer .container .up .left .bottom .b-contact .address span {color: #666666;}
.footer .container .up .right {width: 17.5%;border-left: 1px solid rgba(187, 187, 187, 0.4);padding: 0.64rem 0 0.4rem 0.5rem;}
@media (max-width: 1260px) {
  .footer .container .up .right {width: 30%;}
}
@media (max-width: 767px) {
  .footer .container .up .right {width: 100%;border-left: none;padding: 0;display: none;}
}
.footer .container .up .right .top {width: 100%;}
.footer .container .up .right .top a {font-weight: bold;color: #000000;line-height: 24px;display: inline-flex;align-items: center;transition: all ease-out 0.3s;}
.footer .container .up .right .ewm {margin-top: 0.95rem;width: 100%;display: flex;}
@media (max-width: 1260px) {
  .footer .container .up .right .ewm {margin-top: 0.6rem;}
}
.footer .container .up .right .ewm .es {width: 1.5rem;margin-right: 0.1rem;}
@media (max-width: 1580px) {
  .footer .container .up .right .ewm .es {width: 1.1rem;}
}
@media (max-width: 1260px) {
  .footer .container .up .right .ewm .es {width: 1.3rem;margin-right: 0.2rem;}
}
.footer .container .up .right .ewm .es img {width: 100%;}
.footer .container .up .right .ewm .es span {display: block;text-align: center;font-size: 14px;font-weight: 500;color: #000000;line-height: 18px;margin-top: 0.2rem;}
@media (max-width: 1260px) {
  .footer .container .up .right .ewm .es span {font-size: 12px;}
}
.footer .container .down {width: 100%;border-top: 1px solid rgba(187, 187, 187, 0.4);display: flex;justify-content: space-between;flex-wrap: wrap;padding: 0.25rem 0 0.28rem;}
.footer .container .down .copyright {font-size: 14px;font-weight: bold;color: rgba(0, 0, 0, 0.5);line-height: 24px;}
@media (max-width: 767px) {
  .footer .container .down .copyright {text-align: center;display: none;}
}
.footer .container .down .copyright a {color: rgba(0, 0, 0, 0.5);transition: all ease-out 0.3s;}
.footer .container .down .copyright a:hover {color: #000;}
@media (max-width: 767px) {
  .footer .container .down .right {width: 100%;display: flex;}
}
.footer .container .down .right {font-size: 14px;font-weight: bold;color: rgba(0, 0, 0, 0.5);line-height: 24px;transition: all ease-out 0.3s;margin-right: 0.3rem;position: relative;}
.footer .container .down .right a{font-size: 14px;font-weight: bold;color: rgba(0, 0, 0, 0.5);line-height: 24px;transition: all ease-out 0.3s;margin-right: 0.3rem;position: relative;}
.footer .container .down .right a::after {content: '';width: 1px;height: 14px;background: rgba(0, 0, 0, 0.5);position: absolute;top: 50%;transform: translateY(-50%);left: calc(100% + 0.17rem);}
.footer .container .down .right a:last-child {margin-right: 0;}
.footer .container .down .right a:last-child::after {display: none;}
.footer .container .down .right a:hover {color: #000;}