@charset "utf-8";



 /*关于我们 */
.abtbanner {
  position:relative;
  height:260vh;
}
.abtbanner .fz_zhong {
  position:sticky;
  top:0;
  width:100%;
  height:100vh;
}
.abtbanner .fz_zhong .bag {
  position:absolute;
  top:0;
  left:0;
  background-color:#0072ae;
  width:100%;
  height:100%;
  opacity:0.2;
}
.abtbanner .fz_zhong .img {
  width:100%;
  height:100%;
}
.abtbanner .fz_zhong .img img {
  width:100%;
  height:100%;
  object-fit:cover;
}
.abtbanner .fz_zhong .img img:nth-child(2) {
  display:none;
}
.abtbanner .fz_zhong .cont {
  position:absolute;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  left:0;
  width:100%;
  text-align:center;
  color:#fff;
  -webkit-transition:all 0.3s linear;
  transition:all 0.3s linear;
}
.abtbanner .fz_zhong .cont .tit {
  font-size:0.6rem;
  text-align:center;
  margin-bottom:0.1rem;
}
.abtbanner .fz_zhong .cont .tit span {
  position:relative;
}
.abtbanner .fz_zhong .cont .tit span:after {
  content:"";
  display:block;
  position:absolute;
  top:0;
  left:100%;
  margin-left:10px;
  width:0.28rem;
  height:0.28rem;
  background:url(../fonts/hongxingh1.svg) no-repeat center;
  background-size:contain;
}
@media (max-width:767px) {
  .abtbanner .fz_zhong .cont .tit span:after {
  top:6px;
}
}.abtbanner .fz_zhong .cont .text {
  font-size:0.36rem;
  margin-bottom:1.4rem;
}
@media (max-width:767px) {
  .abtbanner .fz_zhong .cont .text {
  margin-bottom:0.8rem;
}
}.abtbanner .fz_zhong .cont .video1 {
  display:flex;
  flex-direction:column;
  align-items:center;
  font-size:16px;
  cursor:pointer;
  color:#fff;
}
@media (max-width:1580px) {
  .abtbanner .fz_zhong .cont .video1 {
  font-size:14px;
}
}.abtbanner .fz_zhong .cont .video1 i {
  width:1rem;
  height:1rem;
  display:block;
  display:flex;
  align-items:center;
  position:relative;
  justify-content:center;
  margin-bottom:0.14rem;
}
.abtbanner .fz_zhong .cont .video1 i:after {
 /* content:"";
  display:block;
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  animation:rota360 2s linear infinite;
  background:url(../images/bainyuancion1.png) no-repeat center;
  background-size:contain;*/
}
.abtbanner .fz_zhong .cont .video1 i img {
  width:26.8%;
  object-fit:contain;
  float:left;
  -webkit-transition:all 0.3s linear;
  transition:all 0.3s linear;
  transform:scale(0.91);
}
@media (min-width:1200px) {
  .abtbanner .fz_zhong .cont .video1 i:hover img {
  transform:scale(1);
}
}
.abtbanner .f_jut {
  position:relative;
  bottom:0;
  left:0;
  width:100%;
  z-index:3;
  display:flex;
  align-items:center;
  justify-content:center;
}
.abtbanner .f_jut .container {
  margin:0;
}
.abtbanner .f_jut .font {
  text-align:center;
  max-width:12rem;
  color:#fff;
  margin:0 auto;
  width:80%;
}
@media (max-width:767px) {
  .abtbanner .f_jut .font {
  max-width:100%;
}
}.abtbanner .f_jut .font .fz_text {
  position:relative;
  font-size:20px;
  font-weight:normal;
  font-stretch:normal;
  line-height:36px;
  letter-spacing:0px;
  color:#ffffff;
  padding:0 1.84rem;
}
@media (max-width:1580px) {
  .abtbanner .f_jut .container .font .fz_text {
  font-size:18px;
  line-height:30px;
}
}@media (max-width:991px) {
  .abtbanner .f_jut .container .font .fz_text {
  font-size:16px;
  line-height:26px;
}
}@media (max-width:767px) {
  .abtbanner .f_jut .font .fz_text {
  font-size:18px;
  line-height:30px;
  padding:0 0.46rem;
}
}.abtbanner .f_jut .font .fz_text:after,.abtbanner .f_jut .font .fz_text:before {
  content:"";
  display:block;
  position:absolute;
  width:0.38rem;
  height:0.28rem;
  background-size:contain;
  background-position:center;
  background-repeat:no-repeat;
}
.abtbanner .f_jut .font .fz_text:before {
  top:0;
  left:0;
  background-image:url(../images/douhao1.png);
}
.abtbanner .f_jut .font .fz_text:after {
  right:0;
  background-image:url(../images/douhao2.png);
  bottom:0;
}
.abtbanner .f_jut .container .font .but {
  width:1.84rem;
  height:0.54rem;
  background-color:#ffffff;
  display:flex;
  justify-content:center;
  font-size:16px;
  color:#0072ae;
  margin:0.4rem auto 0;
  position:relative;
  -webkit-transition:all 0.3s linear;
  transition:all 0.3s linear;
  align-items:center;
}
@media (max-width:1580px) {
  .abtbanner .f_jut .container .font .but {
  font-size:14px;
}
}@media (max-width:767px) {
  .abtbanner .f_jut .container .font .but {
  width:2.2rem;
  height:0.7rem;
}
}.abtbanner .f_jut .container .font .but span {
  position:relative;
}
.abtbanner .f_jut .container .font .but:before {
  content:"";
  display:block;
  left:0;
  bottom:0;
  width:0;
  height:100%;
  background-color:#0072ae;
  -webkit-transition:all 0.3s linear;
  transition:all 0.3s linear;
  position:absolute;
}
@media (min-width:1200px) {
  .abtbanner .f_jut .container .font .but:hover {
  color:#fff;
}
.abtbanner .f_jut .container .font .but:hover:before {
  width:100%;
}
}
.abtbanner.on .fz_zhong .cont {
  opacity:0;
}
@keyframes rota360 {
  to {
  transform:rotate(0);
}
  from {
    transform:rotate(360deg);
  }
}


.abtbox-sec1 .cont {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
}
.abtbox-sec1 .cont .lt {
  width:55%;
}
@media (max-width:1199px) {
  .abtbox-sec1 .cont .lt {
  width:50%;
}
}@media (max-width:991px) {
  .abtbox-sec1 .cont .lt {
  width:60%;
}
}@media (max-width:767px) {
  .abtbox-sec1 .cont .lt {
  width:100%;
}
}.abtbox-sec1 .cont .lt .font .tit {
  width:100%;
  color:#000000;
  font-size:0.48rem;
  margin-bottom:0.1rem;
}
@media (max-width:767px) {
  .abtbox-sec1 .cont .lt .font .tit {
  font-size:0.52rem;
}
}.abtbox-sec1 .cont .lt .font .text {
  font-size:16px;
  font-weight:normal;
  font-stretch:normal;
  line-height:28px;
  letter-spacing:0px;
  color:#666666;
  margin-bottom:0.68rem;
}
@media (max-width:1580px) {
  .abtbox-sec1 .cont .lt .font .text {
  font-size:14px;
  line-height:24px;
}
}.abtbox-sec1 .cont .lt .font .but {
  display:flex;
  align-items:center;
  font-size:16px;
  color:#0072ae;
  margin-bottom:0.72rem;
}
@media (max-width:1580px) {
  .abtbox-sec1 .cont .lt .font .but {
  font-size:14px;
}
}.abtbox-sec1 .cont .lt .font .but i {
  display:flex;
  align-items:center;
  justify-content:center;
  width:20px;
  overflow:hidden;
  -webkit-transition:all 0.3s linear;
  transition:all 0.3s linear;
  margin-left:10px;
  border-radius:50%;
  background-color:#0072ae;
  height:20px;
}
@media (max-width:1580px) {
  .abtbox-sec1 .cont .lt .font .but i {
  width:18px;
  margin-left:8px;
}
}.abtbox-sec1 .cont .lt .font .but i img{
  float:left;
  width:100%;
}
.abtbox-sec1 .cont .lt .font .but i img path,.abtbox-sec1 .cont .lt .font .but i svg path {
  fill:#fff;
}
@media (min-width:1200px) {
  .abtbox-sec1 .cont .lt .font .but:hover i {
  -webkit-transform:translateX(6px);
  transform:translateX(6px);
}
}.abtbox-sec1 .cont .lt .font .jut {
  width:100%;
  display:flex;
  flex-wrap:wrap;
}
.abtbox-sec1 .cont .lt .font .jut .li {
  width:25%;
  padding-left:0.3rem;
  border-left:1px solid #dddddd;
  margin-bottom:0.4rem;
}
@media (max-width:767px) {
  .abtbox-sec1 .cont .lt .font .jut .li {
  width:50%;
}
}.abtbox-sec1 .cont .lt .font .jut .li .fz_tit {
  font-size:16px;
  margin-bottom:0.12rem;
}
@media (max-width:1900px) {
  .abtbox-sec1 .cont .lt .font .jut .li .fz_tit {
  font-size:14px;
}
}@media (max-width:1580px) {
  }@media (max-width:991px) {
  .abtbox-sec1 .cont .lt .font .jut .li .fz_tit {
  font-size:12px;
}
}@media (max-width:767px) {
  .abtbox-sec1 .cont .lt .font .jut .li .fz_tit {
  font-size:0.2rem;
}
}.abtbox-sec1 .cont .lt .font .jut .li .shu {
  font-size:30px;
  font-weight:bold;
  line-height:0.8;
  color:#333333;
}
@media (max-width:1580px) {
  .abtbox-sec1 .cont .lt .font .jut .li .shu {
  font-size:26px;
}
}@media (max-width:767px) {
  .abtbox-sec1 .cont .lt .font .jut .li .shu {
  font-size:0.38rem;
}
}.abtbox-sec1 .cont .lt .font .jut .li .fz_text {
  color:#999;
  font-size:16px;
  margin-top:0.12rem;
}
@media (max-width:1900px) {
  .abtbox-sec1 .cont .lt .font .jut .li .fz_text {
  font-size:14px;
}
}@media (max-width:1580px) {
  }@media (max-width:991px) {
  .abtbox-sec1 .cont .lt .font .jut .li .fz_text {
  font-size:12px;
}
}@media (max-width:767px) {
  .abtbox-sec1 .cont .lt .font .jut .li .fz_text {
  font-size:0.2rem;
}
}.abtbox-sec1 .cont .gt {
  width:43%;
  overflow:hidden;
}
@media (max-width:1199px) {
  .abtbox-sec1 .cont .gt {
  width:50%;
}
}@media (max-width:991px) {
  .abtbox-sec1 .cont .gt {
  width:40%;
}
}@media (max-width:767px) {
  .abtbox-sec1 .cont .gt {
  width:100%;
}
}@media (max-width:767px) {
  .abtbox-sec1 .cont .gt {
  width:100%;
}
}.abtbox-sec1 .cont .gt .img {
  height:100%;
  overflow:hidden;
  position:relative;
  padding-bottom:85%;
}
@media (max-width:767px) {
  .abtbox-sec1 .cont .gt .img {
  width:100%;
}
}@media (min-width:768px) {
  }.abtbox-sec1 .cont .gt .img img {
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  object-fit:cover;
}
@media (min-width:768px) {
  }@media (max-width:767px) {
  .abtbox-sec1 .cont .gt .img img {
  width:100%;
  height:100%;
  margin:0;
}
}.abtbox-sec1 .cont .gt .img:before {
  content:"";
  display:block;
  position:absolute;
  top:0;
  left:-1px;
  height:100%;
  width:100%;
  background:url(../images/qiebian.svg) no-repeat;
  background-position:top left;
  background-size:auto 100%;
  z-index:2;
}
@media (max-width:767px) {
  .abtbox-sec1 .cont .gt .img:before {
  display:none;
}
}.abtbox-sec2 {
  position:relative;
}
.abtbox-sec2 .abtbox2_cont {
  width:100%;
}
.abtbox-sec2 .abtbox2_cont .img {
  width:100%;
  height:100vh;
  position:relative;
  overflow:hidden;
}
@media (max-width:1199px) {
  .abtbox-sec2 .abtbox2_cont .img {
  height:10rem;
}
}.abtbox-sec2 .abtbox2_cont .img img {
  width:100%;
  height:100%;
  object-fit:cover;
}
.abtbox-sec2 .abtbox2_cont .img:after {
  content:"";
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:#000;
  opacity:0.4;
}
.abtbox-sec2 .abtbox2_cont .on .img img {
  animation:scalefz1 60s linear infinite;
}
.abtbox-sec2 .cont {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  z-index:2;
  padding-top:1.7rem;
  color:#fff;
  text-align:center;
}
@media (max-width:767px) {
  .abtbox-sec2 .cont {
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  padding-top:0;
}
}.abtbox-sec2 .cont .tit {
  line-height:1.2;
  font-size:0.48rem;
  margin-bottom:0.18rem;
}
@media (max-width:767px) {
  .abtbox-sec2 .cont .tit {
  font-size:0.52rem;
}
}.abtbox-sec2 .cont .text {
  font-size:16px;
  color:#ffffff;
  margin-bottom:0.68rem;
}
@media (max-width:1580px) {
  .abtbox-sec2 .cont .text {
  font-size:14px;
}
}.abtbox-sec2 .cont .but {
  display:flex;
  justify-content:center;
}
.abtbox-sec2 .cont .but a {
  display:flex;
  justify-content:center;
  color:#fff;
  font-size:18px;
  align-items:center;
}
@media (max-width:1580px) {
  .abtbox-sec2 .cont .but a {
  font-size:16px;
}
}@media (max-width:991px) {
  .abtbox-sec2 .cont .but a {
  font-size:14px;
}
}.abtbox-sec2 .cont .but a i {
  display:flex;
  align-items:center;
  justify-content:center;
  width:20px;
  overflow:hidden;
  -webkit-transition:all 0.3s linear;
  transition:all 0.3s linear;
  margin-left:10px;
  border-radius:50%;
  background-color:#fff;
  height:20px;
}
@media (max-width:1580px) {
  .abtbox-sec2 .cont .but a i {
  width:18px;
  margin-left:8px;
}
}.abtbox-sec2 .cont .but a i img{
  float:left;
  width:100%;
}
.abtbox-sec2 .cont .but a i img path,.abtbox-sec2 .cont .but a i svg path {
  fill:#0072ae;
}
@media (min-width:1200px) {
  .abtbox-sec2 .cont .but a:hover i {
  -webkit-transform:translateX(6px);
  transform:translateX(6px);
}
}.abtbox-sec2 .fz_nav {
  width:100%;
  position:relative;
  margin-top:0.8rem;
  padding-top:1rem;
  border-top:1px solid rgba(255,255,255,0.1);
}
.abtbox-sec2 .fz_nav .abtbox2_page {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:1px;
}
.abtbox-sec2 .fz_nav .abtbox2_page span {
  background-color:#fff;
  content:"";
  display:block;
  height:1px;
  width:0;
}
.abtbox-sec2 .fz_nav .abtbox2_page.on span {
  width:100%;
  transition:all 5.1s linear;
}
.abtbox-sec2 .fz_nav .abtbox2_nav {
  color:#fff;
}
.abtbox-sec2 .fz_nav .abtbox2_nav .swiper-slide {
  width:50%;
}
.abtbox-sec2 .fz_nav .abtbox2_nav .swiper-slide .item {
  font-size:2rem;
  line-height:1;
  color:transparent;
  -webkit-text-stroke:1px #fff;
  text-stroke:1px #fff;
  opacity:0.2;
  -webkit-transition:all 0.3s linear;
  transition:all 0.3s linear;
}
@media (max-width:1199px) {
  .abtbox-sec2 .fz_nav .abtbox2_nav .swiper-slide .item {
  font-size:1rem;
}
}@media (max-width:767px) {
  .abtbox-sec2 .fz_nav .abtbox2_nav .swiper-slide .item {
  font-size:1rem;
}
}.abtbox-sec2 .fz_nav .abtbox2_nav .swiper-slide.on .item {
  opacity:1;
}
.abtbox-sec3 {
  width:100%;
  /*height:140vh;*/
  position:relative;
}
.abtbox-sec3 .cont {
  position:absolute;
  top:0;
  left: 0;
  width:100%;
  height:100vh;
  padding-top: 1.7rem;
  margin-top: 20px;
  -webkit-transition:all 0.6s linear;
  transition:all 0.6s linear;
}
@media (max-width:1580px) {
  .abtbox-sec3 .cont {
  /*padding:300px 0 0;*/
   }
}
@media (max-width:767px) {
  .abtbox-sec3 .cont {
  /*padding:4.6rem 0 0;*/
}
}.abtbox-sec3 .cont .fz_zhong {
  position:relative;
  height:100%;
  -webkit-transition:all 0.6s linear;
  transition:all 0.6s linear;
}
.abtbox-sec3 .bag {
  position:relative;
  top:20px;
  left:0;
  width:100%;
  height:100%;
  object-fit:cover;
  overflow:hidden;
}
.abtbox.bag img{
  position:relative;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  width:100vw;
  height:100vh;
  object-fit:cover;
}
/*.abtbox-sec3 .bag:after {
  content:"";
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:#000;
  opacity:0.4;
  z-index:4;
}*/
.abtbox-sec3 .cont .fz_zhong .jut {
  position:absolute;
  top:0%;
  left:0;
  color:#fff;
  width:100%;
  height:100%;
  padding:0 10%;
  overflow:hidden;
}
.abtbox-sec3 .cont .font {
  max-width:700px;
  margin:0 auto;
  text-align:center;
  /*position:absolute;
  top:-30%;
  left:0;
  right:0;*/
  transition:all 0.6s linear;
  padding:0 10px;
  z-index:6;
}
.abtbox-sec3 .cont .font .tit {
  font-size:0.48rem;
  line-height:1.1;
  margin-bottom:0.14rem;
}
@media (max-width:767px) {
  .abtbox-sec3 .cont .font .tit {
  font-size:0.52rem;
}
}.abtbox-sec3 .cont .font .text {
  font-size:16px;
  line-height:28px;
  color:#ffffff;
  margin-bottom:0.68rem;
}
@media (max-width:1580px) {
  .abtbox-sec3 .cont .font .text {
  font-size:14px;
  line-height:24px;
}
}
.abtbox-sec3 .cont .font .butrt{
  color: #fff;
   display: block;
   border: 1px solid #fff;
   padding: 10px 25px;
   width: 150px;
   margin: 15px auto
}
.abtbox-sec3 .cont .font .but {
  display:flex;
  -webkit-transition:all 0.3s linear;
  transition:all 0.3s linear;
  justify-content:center;
  opacity:1;
  transform:translateY(30px);
}
.abtbox-sec3 .cont .font .but a {
  display:flex;
  align-items:center;
  color:#fff;
  font-size:16px;
}
@media (max-width:1580px) {
  .abtbox-sec3 .cont .font .but a {
  font-size:14px;
}
}.abtbox-sec3 .cont .font .but a i {
  display:flex;
  align-items:center;
  justify-content:center;
  width:20px;
  overflow:hidden;
  -webkit-transition:all 0.3s linear;
  transition:all 0.3s linear;
  margin-left:10px;
  border-radius:50%;
  background-color:#fff;
  height:20px;
}
@media (max-width:1580px) {
  .abtbox-sec3 .cont .font .but a i {
  width:18px;
  margin-left:8px;
}
}.abtbox-sec3 .cont .font .but a i img{
  float:left;
  width:100%;
}
.abtbox-sec3 .cont .font .but a i img path,.abtbox-sec3 .cont .font .but a i svg path {
  fill:#0072ae;
}
@media (min-width:1200px) {
  .abtbox-sec3 .cont .font .but a:hover i {
  -webkit-transform:translateX(10px);
  transform:translateX(10px);
}
}.abtbox-sec3 .cont .fz_font2 .tit {
  color:#333;
}
.abtbox-sec3 .cont .fz_font2 .text {
  color:#666;
}
.abtbox-sec3 .cont .fz_font2 .but a span {
  color:#0072ae;
}
.abtbox-sec3.on .cont {
  padding:0;
  height:100vh;
}
.abtbox-sec3.on .cont .fz_zhong {
  width:100%;
  max-width:100%;
}
.abtbox-sec3.on .cont .font,.abtbox-sec3.on .cont .fz_font2 {
  top:40%;
}
.abtbox-sec3.on .cont .font .but {
  opacity:1;
  -webkit-transition:all 0.3s 0.6s linear;
  transition:all 0.3s 0.6s linear;
  transform:translateY(0);
}






.abtbox-sec6 .cont {
  display:flex;
  flex-wrap:wrap;
  position: relative;
}
.abtbox-sec6 .cont .lt{
  width:64%;
}
.abtbox-sec6 .cont .lt .title{
  color: #333;
  font-size: 16px;
  line-height: 36px;
  width: 70%
}
.abtbox-sec6 .cont .lt .title h3{
  font-size: 48px;
  margin-bottom: 25px;
}
.abtbox-sec6 .cont .gt{
  width:36%;
}
.abtbox-sec6 .cont .gt img{
   width: 100%
} 
.abtbox-sec6 .cont .lt .itembox{
  display: flex;
  justify-content: space-around;
  margin-top: 25px;
}
.abtbox-sec6 .cont .lt .itembox .item{
  background: #fff;
  box-shadow: 0 0 5px #ccc;
  box-sizing: border-box;
  padding: 50px 45px;
  line-height: 36px;
  color: #666;
  font-size: 16px;
  margin: 0 10px;
  width: 30%
}
.abtbox-sec6 .cont .lt .itembox .item .img01{
  display: block;
}
.abtbox-sec6 .cont .lt .itembox .item .img02{
  display: none;
}
.abtbox-sec6 .cont .lt .itembox .item h3{
  font-size: 24px;
  margin: 10px 0
}
.abtbox-sec6 .cont .lt .itembox .item:hover{
  color: #fff;
  background: #1771a4
}
.abtbox-sec6 .cont .lt .itembox .item:hover h3{
  color: #fff
}
.abtbox-sec6 .cont .lt .itembox .item:hover .img01{
  display: none;
}
.abtbox-sec6 .cont .lt .itembox .item:hover .img02{
  display: block;
}

@media (max-width:767px) {
   .abtbox-sec6 .cont .lt .title{
      font-size: 14px;
   }
   .abtbox-sec6 .cont .lt .title h3{
    font-size: 24px;
    margin-bottom: 12px;
   }
   .abtbox-sec6 .cont{
    display: block;
   }
   .abtbox-sec6 .cont .lt{
    width: 100%
   }
   .abtbox-sec6 .cont .gt{
    width: 100%
   }
   .abtbox-sec6 .cont .lt .title{
    width: 100%
   }
   .abtbox-sec6 .cont .lt .itembox{
    display: block;
   }
   .abtbox-sec6 .cont .lt .itembox .item{
    width: 100%;
    display: block;
    box-sizing: border-box;
    margin: 15px 0;
    padding: 20px;
    font-size: 14px;
    line-height: 32px;
   }
   .abtbox-sec6 .cont .lt .itembox .item h3{
    font-size: 20px;
   }
}

@media (max-width:1199px) {

}
@media (max-width:991px) {


}
/* End */


/* 研发创新 */
.innobox-sec1 {
  padding-top:0.3rem;
}
.innobox-sec1 .cont {
  display:flex;
  flex-wrap:wrap;
  margin:0 -0.15rem;
}
@media (max-width:767px) {
  .innobox-sec1 .cont {
  margin:0;
}
}.innobox-sec1 .cont .item {
  width:33.333%;
  padding:0 0.15rem;
}
@media (max-width:767px) {
  .innobox-sec1 .cont .item {
  padding:0;
  width:100%;
  margin-bottom:0.4rem;
}
.innobox-sec1 .cont .item:last-child {
  margin-bottom:0;
}
}.innobox-sec1 .cont .item .list {
  display:block;
  background-color:#f8f8f8;
  padding:0.56rem 0.32rem 0.3rem;
  height:100%;
  -webkit-transition:all 0.3s linear;
  transition:all 0.3s linear;
}
.innobox-sec1 .cont .item .list .shu {
  display:flex;
  align-items:flex-start;
  line-height:0.8;
  font-size:18px;
  color:#0072ae;
  -webkit-transition:all 0.3s linear;
  transition:all 0.3s linear;
}
@media (max-width:1900px) {
  .innobox-sec1 .cont .item .list .shu {
  font-size:16px;
}
}@media (max-width:991px) {
  .innobox-sec1 .cont .item .list .shu {
  font-size:14px;
}
}@media (max-width:767px) {
  .innobox-sec1 .cont .item .list .shu {
  font-size:12px;
}
}.innobox-sec1 .cont .item .list .shu span {
  font-size:0.6rem;
  display:block;
  margin-right:4px;
}
.innobox-sec1 .cont .item .list .xian {
  width:0.4rem;
  height:2px;
  background-color:#dddddd;
  margin:0.3rem 0 0.58rem;
  -webkit-transition:all 0.3s linear;
  transition:all 0.3s linear;
}
@media (max-width:767px) {
  .innobox-sec1 .cont .item .list .xian {
  margin-bottom:0.3rem;
}
}.innobox-sec1 .cont .item .list .text {
  -webkit-transition:all 0.3s linear;
  transition:all 0.3s linear;
  font-size:16px;
  font-weight:normal;
  font-stretch:normal;
  line-height:28px;
  letter-spacing:0px;
  color:#333333;
  padding-right:1.16rem;
}
@media (max-width:1580px) {
  .innobox-sec1 .cont .item .list .text {
  font-size:14px;
  line-height:26px;
}
}@media (max-width:991px) {
  .innobox-sec1 .cont .item .list .text {
  padding-right:0;
}
}@media (max-width:767px) {
  .innobox-sec1 .cont .item .list .text {
  padding-right:0;
}
}@media (min-width:1200px) {
  .innobox-sec1 .cont .item .list:hover {
  background:#0072ae url(../images/zhuanlibag1.png) no-repeat center / cover;
}
.innobox-sec1 .cont .item .list:hover .shu {
  color:#fff;
}
.innobox-sec1 .cont .item .list:hover .xian {
  width:100%;
  background-color:#dddddd;
  opacity:0.2;
}
.innobox-sec1 .cont .item .list:hover .text {
  color:#fff;
}
}.innobox-sec2 {
  background-color:#f8f8f8;
}
.innobox-sec2 .item {
  background-color:#fff;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  margin-bottom:0.3rem;
}
.innobox-sec2 .item .font {
  width:43.75%;
  padding:0.3rem 0.8rem;
  padding-right:1rem;
}
@media (max-width:991px) {
  .innobox-sec2 .item .font {
  padding-right:0.2rem;
}
}@media (max-width:767px) {
  .innobox-sec2 .item .font {
  width:100%;
  padding:0.6rem 0.4rem;
  order:1;
}
}.innobox-sec2 .item .font .tit {
  font-size:0.48rem;
  color:#000000;
  margin-bottom:10px;
}
@media (max-width:767px) {
  .innobox-sec2 .item .font .tit {
  font-size:0.52rem;
}
}.innobox-sec2 .item .font .text {
  font-size:16px;
  font-weight:normal;
  font-stretch:normal;
  line-height:28px;
  letter-spacing:0px;
  color:#666666;
}
@media (max-width:1199px) {
  .innobox-sec2 .item .font .text {
  font-size:14px;
  line-height:24px;
  height:4rem;
  overflow:auto;
}
}@media (max-width:991px) {
  .innobox-sec2 .item .font .text {
  height:3rem;
}
}@media (max-width:767px) {
  .innobox-sec2 .item .font .text {
  height:auto;
}
}.innobox-sec2 .item .gt {
  width:56.25%;
  overflow:hidden;
  height:100%;
}
@media (max-width:767px) {
  .innobox-sec2 .item .gt {
  width:100%;
}
}.innobox-sec2 .item .gt .img {
  height:100%;
  overflow:hidden;
  position:relative;
  padding-bottom:75.555%;
}
@media (max-width:767px) {
  .innobox-sec2 .item .gt .img {
  width:100%;
}
}@media (min-width:768px) {
  }.innobox-sec2 .item .gt .img img {
  width:140%;
  height:140%;
  position:absolute;
  margin-left:-20%;
  top:0;
  left:0;
  object-fit:cover;
}
@media (min-width:768px) {
  }@media (max-width:767px) {
  .innobox-sec2 .item .gt .img img{
  width:100%;
  height:100%;
  margin:0;
}
}.innobox-sec2 .item .gt .img .video {
  z-index:2;
}
.innobox-sec2 .item .gt .img:after {
  content:"";
  display:block;
  position:absolute;
  top:0;
  left:-1px;
  height:100%;
  width:100%;
  background:url(../images/innovico.png) no-repeat;
  background-position:top left;
  background-size:auto 100%;
  z-index:2;
}
@media (max-width:767px) {
  .innobox-sec2 .item .gt .img:after {
  display:none;
}
}@media (min-width:768px) {
  .innobox-sec2 .item:nth-child(2n) .font {
  order:1;
}
.innobox-sec2 .item:nth-child(2n) .gt .img:after {
  transform:rotateY(180deg);
  left:1px;
}
}.innobox-sec3 .cont {
  display:flex;
}
@media (max-width:991px) {
  .innobox-sec3 .cont {
  flex-wrap:wrap;
}
}.innobox-sec3 .cont .item {
  width:12.5%;
  -webkit-transition:all 0.7s ease 0s;
  transition:all 0.7s ease 0s;
  flex:1 1 12.5%;
}
@media (max-width:1199px) {
  .innobox-sec3 .cont .item {
  width:15%;
  flex:1 1 15%;
}
}@media (max-width:991px) {
  .innobox-sec3 .cont .item {
  width:100%;
  margin-bottom:0.5rem;
  flex:1 1 100%;
}
.innobox-sec3 .cont .item:last-child {
  margin-bottom:0;
}
}.innobox-sec3 .cont .item .list {
  display:block;
  position:relative;
  width:100%;
}
.innobox-sec3 .cont .item .list .img {
  width:100%;
  height:6.6rem;
  position:relative;
}
@media (max-width:991px) {
  .innobox-sec3 .cont .item .list .img {
  height:5rem;
}
}@media (max-width:767px) {
  .innobox-sec3 .cont .item .list .img {
  height:6.6rem;
}
}.innobox-sec3 .cont .item .list .img img {
  width:100%;
  height:100%;
  object-fit:cover;
}
.innobox-sec3 .cont .item .list .img:after {
  content:"";
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:#000;
  opacity:0.3;
}
.innobox-sec3 .cont .item .list .font {
  position:absolute;
  top:0;
  left:0;
  padding:0.52rem 0.38rem 0;
  width:100%;
  height:100%;
}
@media (max-width:1199px) {
  .innobox-sec3 .cont .item .list .font {
  padding:0.52rem 0.3rem;
}
}
.innobox-sec3 .cont .item .list .font .jut {
  position:relative;
  width:100%;
  height:100%;
}
.innobox-sec3 .cont .item .list .font .jut .tit {
  width:100%;
  color:#fff;
}
@media (max-width:1199px) {
  .innobox-sec3 .cont .item .list .font .jut .tit {
  font-size:18px;
}
}.innobox-sec3 .cont .item .list .font .jut .text {
  margin-top:0.16rem;
  opacity:0.8;
  color:#fff;
  font-size:16px;
  max-width:530px;
  width:100%;
  opacity:0;
  visibility:hidden;
}
@media (max-width:1580px) {
  .innobox-sec3 .cont .item .list .font .jut .text {
  font-size:14px;
}
}@media (max-width:991px) {
  .innobox-sec3 .cont .item .list .font .jut .text {
  opacity:1;
  visibility:visible;
}
}.innobox-sec3 .cont .item .list .font .jut .but {
  position:absolute;
  left:0;
  bottom:0.6rem;
  border-radius:50%;
  border:2px solid rgba(255,255,255,0.3);
  display:flex;
  align-items:center;
  justify-content:center;
  width:0.6rem;
  height:0.6rem;
  margin-top:0.8rem;
  -webkit-transition:all 0.3s linear;
  transition:all 0.3s linear;
}
@media (max-width:1199px) {
  .innobox-sec3 .cont .item .list .font .jut .but {
  margin-top:0.4rem;
}
}@media (max-width:991px) {
  .innobox-sec3 .cont .item .list .font .jut .but {
  width:40px;
  height:40px;
}
}.innobox-sec3 .cont .item .list .font .jut .but img {
  width:33.33%;
  float:left;
  position:relative;
  z-index:2;
}
.innobox-sec3 .cont .item .list .font .jut .but img:nth-child(2) {
  display:none;
}
.innobox-sec3 .cont .item .list .font .jut .but:before {
  content:"";
  display:block;
  width:100%;
  height:100%;
  border-radius:50%;
  background-color:#fff;
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  top:0;
  margin:auto;
  -webkit-transition:all 0.3s linear;
  transition:all 0.3s linear;
  transform:scale(0);
}
.innobox-sec3 .cont .item .list .font .jut .but:hover {
  transform:rotate(45deg);
  border-color:transparent;
}
.innobox-sec3 .cont .item .list .font .jut .but:hover:before {
  transform:scale(1);
}
.innobox-sec3 .cont .item .list .font .jut .but:hover img:nth-child(1) {
  display:none;
}
.innobox-sec3 .cont .item .list .font .jut .but:hover img:nth-child(2) {
  display:block;
}
.innobox-sec3 .cont .on {
  width:50%;
  flex:1 1 50%;
}
@media (max-width:1199px) {
  .innobox-sec3 .cont .on {
  width:40%;
  flex:1 1 40%;
}
}@media (max-width:991px) {
  .innobox-sec3 .cont .on {
  width:100%;
  flex:1 1 100%;
}
}
.innobox-sec3 .cont .on .list .font .jut .text {
  visibility:visible;
  opacity:1;
  -webkit-transition:all 0.3s 0.3s linear;
  transition:all 0.3s 0.3s linear;
}
.sustainbox_tit {
  text-align:center;
  margin-bottom:0.38rem;
}
.sustainbox_tit .tit {
  font-size:0.48rem;
  font-weight:normal;
  font-stretch:normal;
  line-height:0.6rem;
  letter-spacing:0px;
  color:#000000;
}
@media (max-width:767px) {
  .sustainbox_tit .tit {
  font-size:0.52rem;
  line-height:1.4;
}
}.sustainbox_tit .text {
  font-size:16px;
  font-weight:normal;
  font-stretch:normal;
  line-height:28px;
  letter-spacing:0px;
  color:#666666;
  margin-top:10px;
}
/* End */





/* 资源中心 */
.resourbox {
  padding-top:0.4rem;
}
.resourbox .cont {
  display:flex;
  flex-wrap:wrap;
  margin:0 -0.15rem;
}
@media (max-width:767px) {
  .resourbox .cont {
  margin:0;
}
}.resourbox .cont .item {
  width:25%;
  padding:0 0.15rem;
  margin-bottom:0.3rem;
}
@media (max-width:1580px) {
  .resourbox .cont .item {
  width:33.3333%;
}
}@media (max-width:767px) {
  .resourbox .cont .item {
  padding:0;
  width:100%;
}
}
.resourbox .cont .item .list {
  display:block;
  height:100%;
  background-color:#f8f8f8;
}
.resourbox .cont .item .list .fz_img {
  width:100%;
  position:relative;
}
.resourbox .cont .item .list .fz_img .img {
  padding-bottom:56%;
  position:relative;
  overflow:hidden;
}
.resourbox .cont .item .list .fz_img .img img {
  -webkit-transition:all 0.3s linear;
  transition:all 0.3s linear;
  width:100%;
  height:100%;
  object-fit:cover;
  position:absolute;
  top:0;
  left:0;
}
.resourbox .cont .item .list .fz_img .video_icon {
  position:absolute;
  z-index:2;
  width:100%;
  height:100%;
  background-color:rgba(0,0,0,0.5);
  left:0;
  top:0;
  display:flex;
  align-items:center;
  justify-content:center;
}
.resourbox .cont .item .list .fz_img .video_icon img {
  width:0.68rem;
}
.resourbox .cont .item .list .fz_img .label {
  position:absolute;
  top:0.2rem;
  left:0.2rem;
  display:flex;
  align-items:center;
  z-index:3;
  color:#333333;
  font-size:14px;
  width:91px;
  height:25px;
/*  background:url(../fonts/9bc98e2269414b408cde10c5b411a774.woff) {
  .resourbox .cont .item .list:hover .fz_img .img img {
  -webkit-transform:scale(1.04);
  transform:scale(1.04);
}*/
}
.resourbox .basepage {
  margin-top:0.6rem;
}
.resourbox .cont .item .list .font{
  padding: 0.24rem 0.2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.resourbox .cont .item .list .font .tit {
    color: #333;
    width: calc(100% - 74px);
    font-size: 18px;
}
.resourbox .cont .item .list .font .but {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #0072ae;
}
.resourbox .cont .item .list .font .but i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    overflow: hidden;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    margin-left: 10px;
    border-radius: 50%;
   /* background-color: #004896;*/
    height: 20px;
}
.resourbox .cont .item .list .font .but i img{
    float: left;
    width: 100%;
}
/* End */
/*行业应用*/
.solution .container .solution-list.hyyng ul li .tbox {
    width: 100%;
    background: #f8f8f8;
    padding: 0.4rem;
    position: relative;
    display: block;
}
.solution .container .solution-list.hyyng ul li .tbox .t1 {
    font-size: 0.4rem;
    line-height: 1;
    color: #333;
}
.solution .container .solution-list.hyyng ul li .tbox .more {
    display: flex;
    align-items: center;
    margin-top: 0.44rem;
}
.solution .container .solution-list.hyyng ul li .tbox .more span {
    display: inline-flex;
    height: 36px;
    align-items: center;
    color: #3971ad;
}
.solution .container .solution-list.hyyng ul li .tbox .more i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    overflow: hidden;
    -webkit-transition: all 0.3s linear;
    margin-left: 10px;
    border-radius: 50%;
    background-color: #004896;
    transition: all 0.3s linear;
    height: 20px;
}
@media (max-width: 1580px){
.solution .container .solution-list.hyyng ul li .tbox .more i {
    width: 18px;
    height: 18px;
    margin-left: 8px;
}
.solution .container .solution-list.hyyng ul li .tbox .more i img{
    float: left;
    width: 100%;
}
.solution .container .solution-list.hyyng ul li:hover {
  transform: translateY(-10px);
}

.solution .container .solution-list.hyyng ul li:hover .tbox {
   display: block;
}

.solution .container .solution-list ul li:hover .tbox .more i {
  -webkit-transform: translateX(6px);
  transform: translateX(6px);
}

.solution .container .solution-list.hyyng ul li .img::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 2;
  background: rgba(0, 0, 0, 0.3);
  opacity: 0;
  transition: all ease-out 0.3s;
}
/* End */