@import "animate.min.css";

html {
  font-size: 100px !important;
  
}
#mapMark{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: none;
    z-index: 1;
    display: none;
}
/*@media screen and (min-width: 360px) {*/
/*  html {*/
/*    font-size: 48px;*/
/*  }*/

/*}*/

/*@media screen and (min-width: 375px) {*/
/*  html {*/
/*    font-size: 50px;*/
/*  }*/

/*}*/

/*@media screen and (min-width: 384px) {*/
/*  html {*/
/*    font-size: 51.2px;*/
/*  }*/


/*}*/

/*@media screen and (min-width: 400px) {*/
/*  html {*/
/*    font-size: 53.333333333333336px;*/
/*  }*/


/*}*/

/*@media screen and (min-width: 412px) {*/
/*  html {*/
/*    font-size: 54.93333333333334px;*/
/*  }*/


/*}*/

/*@media screen and (min-width: 414px) {*/
/*  html {*/
/*    font-size: 55.2px;*/
/*  }*/


/*}*/

/*@media screen and (min-width: 424px) {*/
/*  html {*/
/*    font-size: 56.53333333333334px;*/
/*  }*/


/*}*/

/*@media screen and (min-width: 435px) {*/
/*  html {*/
/*    font-size: 57.99999999999999px;*/
/*  }*/


/*}*/

/*@media screen and (min-width: 480px) {*/
/*  html {*/
/*    font-size: 64px;*/
/*  }*/


/*}*/

/*@media screen and (min-width: 540px) {*/
/*  html {*/
/*    font-size: 72px;*/
/*  }*/


/*}*/

/*@media screen and (min-width: 600px) {*/
/*  html {*/
/*    font-size: 80px;*/
/*  }*/


/*}*/

/*@media screen and (min-width: 720px) {*/
/*  html {*/
/*    font-size: 96px;*/
/*  }*/


/*}*/

@media screen and (min-width: 750px) {
  html {
    font-size: 100px;
  }


}

/**
 * Swiper 4.5.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 22, 2019
 */
@font-face {
  font-family: 'din';
  src: url('../fonts/dincondensedbold.woff2') format('woff2'),
    url('../fonts/DINCondensedBold.ttf') format('ttf'),
    url('../fonts/dincondensedbold.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

.number {
  font-family: 'din', Arial, Helvetica, sans-serif;
}

.ispc {
  display: block !important;
  /*height: auto;  overflow: hidden;*/
  /*  opacity: 1;*/
}

.iswap {
   display: none !important; 
  /*height: 1px !important;  */
  /*overflow: hidden !important;*/
  /*  opacity: 0 !important;*/
}
.header.ispc{
    overflow: inherit;
}
/* 单选省略号 */

.clamp {

  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}


* {
  box-sizing: border-box;
}

html {
  width: 100%;
}

* {
  /*line-height: 1;*/
  padding: 0px;
  margin: 0px;
}

.clearfix {
  zoom: 1
}

.clearfix:after {
  visibility: hidden;
  display: block;
  content: " ";
  clear: both
}

a {
  text-decoration: none;
  color: #999;
  /* transition: all 0.5s; */
}

a:hover,
a:focus {
  text-decoration: none;
  color: #2f9fda;
  /* transition: all 0.5s; */
}

.separator {
  padding: 0px;
  margin: 0px;
  height: 1px;
  width: 100%;
  background: #e7e9ea;
}

ul,
li {
  list-style: none;
}

/* 滚动条样式start */

::-webkit-scrollbar-track-piece {
  width: 12px;
  height: 1px;
}

::-webkit-scrollbar {
  width: 12px;
  height: 1px;
}

::-webkit-scrollbar-thumb {
  width: 12px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background-color: #2f9fda;
}

/* 滚动条样式end */

.t-a-c {
  text-align: center;
}

.t-a-l {
  text-align: left;
}

.t-a-r {
  text-align: right;
}

body {
  font-family: "Segoe UI", SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-s;
  min-width: 1320px !important;
  color: #3a525e;

  background: #F0F9FC;
}

.height120 {
  height: 80px;
}

.height48 {
  height: 38px;
}

.height26 {
  height: 26px;
}

.fixed {
  position: fixed;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.z99 {
  z-index: 999;
}



.wapNav {
  display: none;
}

.pc_box {
  display: block;
}

.wap_box {
  display: none;
}


.containerfull {
  width: 100%;
}

.required {
  color: #f00;
}


.aboutbox .layer_02 img,
.aboutbox .layer_05 img,
.aboutbox .layer_04 img,
.spacebox .layer_05 .row .box img,
.spacebox .layer_051 .row .box img {
  cursor: pointer;
  /* -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); */
  transition: all 0.6s;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -ms-transition: all 0.6s;
}

.aboutbox .layer_02 .box:hover img,
.aboutbox .layer_04 .box:hover img,
.aboutbox .layer_05 .box:hover img,
.spacebox .layer_05 .row .box:hover img,
.spacebox .layer_051 .row .box:hover img {
  transform: scale(1.09);
  -webkit-transform: scale(1.09);
  -moz-transform: scale(1.09);
  -ms-transform: scale(1.09);
}

@media screen and (min-width: 1500px) {

  .container {
    width: 1440px;
  }
}

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

  .container {
    width: 100%;
  }
}

/* @media screen and (min-width: 1024px) {

  .container {
    width: 1200px;
  }
} */




.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after,
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  font-size: 0 !important;
}








/* common���样式 */

.footer {
  background: url(../images/footer.png) no-repeat top center;
  background-size: cover;
  width: 100%;
  min-height: 472px;
  padding-top: 96px;
}

.header.fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: #ffffff54;
}

.header .container,
.footer .container {
  width: 1440px;
  margin: 0 auto;
}

.footer .container .line {
  height: 1px;
  background: rgba(255, 255, 255, 0.4);
  width: 100%;
}

.footer .container .navboxs {
  margin-bottom: 60px;
}

.footer .container .navboxs .left {
  float: left;
  font-size: 0.14em;
  display: flex;
}

.footer .container .navboxs .left dl {
  margin-right: 120px;
}

.footer .container .navboxs .left dl:last-child {
  margin: 0;
}

.footer .container .navboxs .left dl dt {
  font-size: 14px;
  color: #FFFFFF;
  margin-bottom: 30px;
}

.footer .container .navboxs .left dl dd a {

  font-size: 14px;
  color: rgba(255, 255, 255, 0.6);
  line-height: 14px;
  margin-bottom: 16px;
  display: block;
}

.footer .container .navboxs .left dl dd a:hover {
  color: rgba(255, 255, 255, 1);
}

.code-img {
  display: flex;
}

.footer .container .navboxs .left .footerlogo {
  margin-bottom: 48px;
}

.footer .container .navboxs .left .contact {
  display: flex;
  font-size: 12px;
}

.footer .container .navboxs .left .contact .item {
  position: relative;
  padding-left: 30px;
  color: #fff;
  margin-left: 64px
}

.footer .container .navboxs .left .contact .item:first-child {
  margin-left: 0;
}

.footer .container .navboxs .left .contact .item .tname {
  color: #999999;
  line-height: 14px;
  margin-bottom: 12px;
}

.footer .container .navboxs .left .contact .item .tdec {
  color: #FFFFFF;
  line-height: 12px;
}

.footer .container .navboxs .left .contact .item span {
  position: absolute;
  left: 0;
  top: 0;
}

.footer .container .navboxs .right {
  float: right;
  display: flex;
}

.footer .container .navboxs .right .footerlogo img{
  width:288px;
}


.footer .container .navboxs .item {
  margin-right: 32px;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
}

.footer .container .navboxs .item p {
  line-height: 26px;
}

.footer .container .navboxs .item p img {
  width: 88px;
}

.footer .container .navboxs .left .footnav {
  padding: 48px 0;
  color: #ffffff;
  font-size: 12px;
}

.footer .container .navboxs .left .footnav a {
  color: #ffffff;
  font-size: 12px;
  border-right: #ffffff solid 1px;
  padding: 0px 5px;
}

.footer .container .navboxs .left .footnav a:last-child {
  border: none;
}

.footer .container .copyright {
  float: left;
  text-align: left;
  color: rgba(255, 255, 255, 0.6);
  font-size: 14px;

  /* line-height: 16px; */
  /*margin-top: 20px;*/
}

.footer .container .bottom-footer {
  font-size: 14px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.footer .container .bottom-footer .notic {
  float: right;
  /*margin-top: 20px;*/
  line-height: 24px;
}

.footer .container .bottom-footer .notic i {
  font-size: 24px;
  color: #0095D0;
  display: inline-block;
  float: left;
  cursor: pointer;
}

.footer .container .bottom-footer .notic a {
  /*color: rgba(255, 255, 255, 0.6);*/
  margin-left: 30px;
  display: inline-block;
  height: 24px;
  line-height: 24px;
  float: right;
}

@media screen and (max-width: 750px) {
  .footer {
    background: url(../images/footer.png) no-repeat top center;
    background-size: cover;
    width: 100%;
    height: auto;

    padding: 0 0.16rem;
    padding-top: 0.48rem;
    min-height: auto;
  }

  .footer .container .navboxs .item {
    margin: 0 0.1rem;
  }

  .header .container,
  .footer .container {
    width: 100% ;
    margin: 0 auto;

  }

  .footer .container .line {
    height: 1px;
    background: rgba(255, 255, 255, 0.4);
    width: 100%;
  }


  .footer .container .navboxs .left {
    float: none;
  }

  .footer .container .navboxs .left .footerlogo {
    margin-bottom: 48px;
  }

  .footer .container .navboxs .left .contact {
    display: flex;
    font-size: 0.14rem;
    flex-wrap: wrap;
  }

  .footer .container .navboxs .left .contact .item {
    position: relative;
    padding-left: 0.3rem;
    color: #fff;
    margin-left: 0;
    width: 100%;
    margin-bottom: 0.24rem;
  }

  .footer .container .navboxs .right {

    display: none;
  }



  .footer .container .navboxs .left .footnav {
    padding: 0.12rem 0 0.24rem 0;
    color: #ffffff;
    /* font-size: 12px; */
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .footer .container .navboxs .left .footnav a {
    color: #ffffff;
    font-size: 0.16rem;
    width: 48%;
    border: 0;
    line-height: 2;
    /* font-size: 0.14rem; */
    background: url(../images/right-2.png) no-repeat right center;
    background-size: 0.12rem 0.12rem;
  }

  .footer .container .copyright {
    text-align: center;
    color: #ffffff;
    font-size: 0.12rem;
    line-height: 16px;
    /* margin-top: 20px; */
    padding-bottom: 0.2rem;
    float: none;
  }

  .footer .container .bottom-footer .notic {
    float: none;
    text-align: center;
    display: flex;
    justify-content: center;
  }

  .footer .container .navboxs .left {
    justify-content: space-between;
  }

  .footer .container .navboxs .left dl {
    margin-right: 0;

  }

  .footer .container .navboxs .left dl dd {
    display: none;
  }

  .code-img {
    justify-content: center;
  }

}

.header {
  height: 96px;
  width: 100%;


}

.header.bgs {
  background-color: #ffffff;
}

.header .container {
  width: 100% !important;
  position: relative;
  padding: 0 3.3%;
}

.header .container .logo {
  position: absolute;
  left: 3.3%;
  top: 24px;
  font-size: 0;
  background-image: url(../images/top-logo.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 362px 58px;
  width: 362px;
  height: 58px;
}

.header .container .logo a {
  display: block;
  width: 100%;
  height: 100%;
}

.header.bgs .container .logo {
  background-image: url(../images/top-logo2.png);
}

.header .container .menu {
  /* position: absolute;
  right: calc(3.3% + 180px);
  top: 0; */
  height: 96px;
  font-size: 0;
  text-align: right;
  /* padding-right: 180px; */
}

.header .container .menu ul li {
  display: inline-block;
  padding: 0px 24px;
  /* line-height: 96px; */
  width: auto;
  /* position: relative; */
}

.header .container .menu ul li>a {
  position: relative;
}

.header .container .menu ul li>a::after {
  content: "";
  width: 100%;
  height: 3px;
  background-color: #ffffff;
  position: absolute;
  bottom: 20px;
  left: 0;
  z-index: 1;
  display: none;
}

.header.bgs .container .menu ul li>a::after {

  background-color: #2f9fda;

}

.header .container .menu ul li>a {
  font-size: 14px;
  color: #fff;
  display: block;
  width: 100%;
  line-height: 96px;
}

.header.bgs .container .menu ul li>a {
  color: #222222;
}

.header .container .menu ul li.active>a {
  color: #ffffff;
}

.header.bgs .container .menu ul li.active>a,
.header.bgs .container .menu ul li:hover>a {
  color: #2f9fda;
}

.header .container .menu ul li.active>a::after,
.header .container .menu ul li:hover>a::after {
  display: block;
}

.smenu {
  /*display: none;*/
  /*opacity: 0;*/
  transition: all 0.5s;
  background-color: #ffffffd1;
  position: absolute;
  left: 0;
  top: 96px;
  width: 100%;
  z-index: 999;
  height: 0;
  overflow: hidden;


}

.smenu .left {
  width: 55%;
  background: url(../images/mbg.png) no-repeat 60px bottom;
  height: 100%;
  float: left;
  font-size: 14px;
}

.smenu .left dl {
  /* width: 200px; */
  float: right;
  margin-left: 40px;
}

.smenu .left dl dd {
  /* float: right;
  width: 50%; */
  padding-right: 48px;
  /* border-bottom: #000 solid 1px; */

   line-height: 1;
  padding-bottom: 22px;
}

.smenu .left h4 {

  font-size: 24px;
  font-weight: normal;
  color: #FFFFFF;
  background: linear-gradient(270deg, #0095D0 0%, #34a0db 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-right: 48px;
  margin: 48px 0;
}

.smenu .left dl dd a {
  position: relative;
  display: inline-block;
  width: auto;
}


.smenu .left dl dd a::after {
  position: absolute;
  left: 0;
  bottom: -10px;
  content: "";
  z-index: 1;
  width: 0;
  height: 1px;
  border-bottom: 2px solid;
  border-image: linear-gradient(270deg, rgba(0, 149, 208, 1), rgb(52 160 219)) 2 2;
  transition: all 0.5s;
}

.header .container .menu ul li a.active::after,
.smenu .left dl dd a:hover::after {
  width: calc(100% + 48px);
  transition: all 0.5s;
}

.smenu .right {
  width: 45%;
  float: right;
  height: 100%;
  text-align: left;
  background: #F0F9FC;
  padding: 48px 64px;
}

.smenu .right .nav-detail {
  font-size: 14px;
  line-height: 2.5;
  margin: 28px 0 58px 0;
}

.smenu>a {
  font-size: 14px;
  line-height: 46px;
  display: block;
  text-align: center;
}

.header .container .menu ul li:hover .smenu,
.header .container .into:hover .smenu {
  /*display: block;*/
  height: 500px;
  top: 96px;
  border-top: #ccc solid 1px;
}
.header .container .into:hover .smenu {
  height: 450px;
}
.into {
  /* position: absolute;
  right: 3.3%;
  top: 36px; */
  display: inline-block;

  color: #fff;
  padding: 0px 14px;
  font-size: 18px;
  line-height: 1;
  margin-left: 40px;
  height: 96px;
}

.into p {
  display: block;
  line-height: 96px;

}

.into p span {
  border: #fff solid 1px;
  padding: 4px 10px;
  cursor: pointer;
}
.into .smenu{width: 150%; left: -25%;}
.into .smenu dl dd a{
  line-height: 40px;
  text-align: center !important;
  padding: 0;
  margin: 0;
  display: block;
}
.header.bgs .into p span,
.header .into p span:hover {
  color: #0095D0;
  /*border-color: #0095D0;*/
}

.header.bgs .into .nav-detail {
  color: #3a525e !important;
}

.header.bgs .into p span,
.header .into p span:hover {
  border: #0095D0 solid 1px;
  /*padding: 4px 10px;*/
}

.search {
  display: inline-block;
  /* position: absolute;
  right: calc(3.3% + 130px);
  top: 36px; */

}
#submits{
    position: absolute;
    left: inherit;
    right: -1px;
    top: 1px;
    border: none;
    background: none;
    z-index: 9;
    width: 28px;
    height: 28px;
    border-radius: 20px;
    cursor: pointer;
    display: none ;
}
.searchbox {
  position: relative;
  font-size: 0;
}

.search .open {
  position: absolute;
  opacity: 1;
  right: 0px;
  top: 0px;
  /*background: url(../images/index/search-icon.png) no-repeat center;*/
  width: 28px;
  height: 28px;
  border-radius: 20px;
  text-align: center;
  line-height: 28px;
  cursor: pointer;
  float: right;
  color: #ffffff;
  padding-top: 6px;
}

.search .open a {
  color: #ffffff;
}

.header.bgs .search .open {
  background: linear-gradient(270deg, #0095D0 0%, #34a0db 100%);
  /*background: url(../images/index/search-icon2.png) no-repeat center;*/
}

.header .searchGroup .searchFormGroup input {
  width: 0px;
  transition: 0.36s ease;
  border: 1px solid #2f9fda;
  padding: 5px 10px;
  color: #2c2d2f;
  opacity: 0;
  border-radius: 30px;
}

.header .searchGroup .searchFormGroup input.focus {
  opacity: 1;
  width: 150px;
  border-color: #2f9fda;
}

.header .searchFormGroup {
  margin-right: 30px;
}

.header .searchFormGroup .searchSub span {
  display: none;
}

.header .searchFormGroup .searchSub i::before {
  color: #040404;
  font-size: 16px;
}

.header #search-header {
  display: block;
  /* float: right; */
}

.header #search-header .searchClose {
  display: none;
}

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

  .header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    height: 0.48rem;
  }

  .header .navbar-header {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 0.48rem;
    width: 0.48rem;
    background: #2f9fda;
    background: linear-gradient(270deg, #0095D0 0%, #34a0db 100%);
    z-index: 9999;
  }

  .index .container,
  .container,
  .page_body .container,
  .subbanner>.container {
    width: 100% !important;
  }

  .header .navbar-toggle {
    margin: 0px;
    float: none;
    border: none;
    border-radius: 0;
    padding: 0.12rem;
    height: 0.48rem;
    width: 0.48rem;
  }

  .header .navbar-toggle .icon-bar+.icon-bar {
    margin-top: 5px;
  }

  .header .navbar-toggle .icon-bar {
    background-color: #ccc;
  }

  .header .navbar-toggle .icon-bar:first-child {
    margin-left: 0;
    -webkit-transform: translate3d(0, 10px, 0) rotate3d(0, 0, 1, -45deg);
    transform: translate3d(0, 10px, 0) rotate3d(0, 0, 1, -45deg);
  }

  .header .navbar-toggle .icon-bar:first-child:before {
    opacity: 0;
  }

  .header .navbar-toggle .icon-bar:nth-child(2) {
    opacity: 0;
    -webkit-transform: translate(20px, 0);
    -ms-transform: translate(20px, 0);
    transform: translate(20px, 0);
  }

  .header .navbar-toggle .icon-bar:last-child {
    -webkit-transform: translate3d(0, -4px, 0) rotate3d(0, 0, 1, 45deg);
    transform: translate3d(0, -4px, 0) rotate3d(0, 0, 1, 45deg);
  }

  .header .navbar-toggle .icon-bar {
    transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    display: block;
    width: 26px;
    height: 2px;
    border-radius: 10px;
    overflow: hidden;
    background-color: #ffffff;
  }

  .header .navbar-toggle.collapsed .icon-bar {
    transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -webkit-perspective-origin: 50% 50%;
    perspective-origin: 50% 50%;
    width: 26px;
    height: 2px;
    border-radius: 10px;
  }

  .header .navbar-toggle.collapsed .icon-bar:first-child {
    margin-left: 0;
    -webkit-transform: translate3d(0, 0px, 0) rotate3d(0, 0, 1, 0deg);
    transform: translate3d(0, 0px, 0) rotate3d(0, 0, 1, 0deg);
  }

  .header .navbar-toggle.collapsed .icon-bar:nth-child(2) {
    opacity: 1;
    -webkit-transform: translate(0px, 0);
    -ms-transform: translate(0px, 0);
    transform: translate(0px, 0);
    width: 20px;
  }

  .header .navbar-toggle.collapsed .icon-bar:last-child {
    -webkit-transform: translate3d(0, 0px, 0) rotate3d(0, 0, 1, 0deg);
    transform: translate3d(0, 0px, 0) rotate3d(0, 0, 1, 0deg);
  }

  .header .navbar-toggle.collapsed:hover .icon-bar:first-child {
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  .header .navbar-toggle.collapsed:hover .icon-bar:last-child {
    -webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
    transform: translateY(2px);
  }

  .header.bgs .container .logo {
    /*background:none;*/
  }

  .header .container .logo img {
    height: 0.36rem;
  }

  .wapMenu {
    width: 78%;

		/* �Ӱ�ɫ��͸�����䵽��ȫ͸�� */  
    background-image:linear-gradient(to bottom, rgb(255 255 255 / 64%), rgb(255 255 255 / 13%));
    position: fixed;
    right: -100%;
    top: 0px;
    height: 100%;
    z-index: 10;
    box-shadow: -6px 0px 12px 0px rgba(0, 0, 0, 0.1);
    padding-top: 0.24rem;
    transition: all 0.5s;
    overflow-y: auto;
  }

  .wapMenu.open {
    right: 0;
  }

  .header .container .wapMenu ul {
    padding: 0.24rem;
  }

  .header .container .wapMenu ul li {
    width: 100%;
    /* padding: 0px 14px; */
    line-height: 0.45rem;
    width: auto;
    position: relative;
    border-bottom: #e5e5e5 solid 1px;
  }

  /* .header .container .wapMenu ul li a::after {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #E5E5E5;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    display: none;
  } */

  .header .container .wapMenu ul li>a {
    font-size: 0.16rem;
    color: #333333;
    display: block;
    width: 100%;
    line-height: 0.6rem;
  }

  .header .container .wapMenu ul li>span {
    font-size: 0.16rem;
    position: absolute;
    right: 0;
    top: 0rem;
    display: block;
    height: 0.6rem;
    /* width: 0.45rem; */
    width: 100%;
    color: #999999;
    background: url(../images/right-4.png) no-repeat right center;
    background-size: 0.12rem;
    transition: all 0.5s;
    z-index: 2;
  }

  .header .container .wapMenu ul li.active>span {
    background: url(../images/right-3.png) no-repeat right center;
    background-size: 0.12rem;
  }

  .header .container .wapMenu ul li.active>a {
    color: #005cad;
  }

  /* .header .container .wapMenu ul li.active a::after,
  .header .container .wapMenu ul li:hover a::after {
    display: block;
  } */

  .smenu {
    display: block;
    height: 0;
    background-color: #ffffff57;

    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    padding-left: 0.1rem;
    border-top: #e5e5e5 solid 1px;
    overflow: hidden;
    opacity: 0;
    /* z-index: 999; */
    transition: all 0.5s;

  }

  .header .container .wapMenu ul li.active .smenu {
    height: auto;
    opacity: 1;
  }

  .smenu a {
    font-size: 0.14rem;
    line-height: 0.45rem;
    display: block;
    text-align: left;
    border-bottom: #e5e5e5 solid 1px;
    color: #333333;
  }

  .smenu a:last-child {
    border: 0;
  }

  .header .container .menu ul li:hover .smenu {
    display: block;
  }

  .wapSearch {
    height: 0.48rem;
    width: 100%;
    background: #ffffff;
    position: fixed;
    top: 0;
    right: -100%;
    z-index: 9999;
    transition: all 0.5s;
  }

  .wapSearch.open {
    right: 0;
  }

  .wapSearch form {
    padding: 0;
    margin: 0;
    height: 0.48rem;
  }

  .wapSearch form input {
    height: 0.48rem;
    top: 0;
    left: 0;
    width: 100%;
    border: none;
    background: none;
    float: left;
    /* background: url(../images/searchicon.png) no-repeat 0.1rem center;
    background-size: 0.24rem; */
    padding-left: 0.4rem;
    outline: none;

  }

  .searchopen {
    z-index: 99999;
    position: absolute;
    right: 0.70rem;
    top: 0.12rem;
    /* background: url(../images/searchicon.png) no-repeat center; */
    background-size: 0.24rem;
    width: 0.24rem;
    height: 0.24rem;

    cursor: pointer;
    transition: all 0.5s;
    font-size: 0;
    color: #ffffff;

  }

  .searchopen i {
    font-size: 0.24rem;
  }

  .header.bgs .searchopen {
    color: #000000;
  }

  .searchopen.open {
    right: calc(100% - 0.3rem);
  }

  #mark {
    background: rgba(0, 0, 0, 0.2);
    height: 100%;
    width: 100%;
    z-index: 9;
    position: fixed;
    top: 0;
    left: 0;
    transition: all 0.5s;
    display: none;
  }
}

@keyframes move {
  0% {
    right: 0;
  }

  40% {
    right: 0;
    width: 0;
  }

  60% {
    right: auto;
    width: 0%;
  }

  100% {
    right: auto;
    width: 100%;
  }
}

.line {
  height: 2px;
  background-color: #cccccc;
  width: 100%;
}

.linebg {
  width: 100%;
  height: 1px;
  border: 2px solid;
  /*border-image: linear-gradient(270deg, rgba(0, 149, 208, 1), rgb(52 160 219)) 2 2;*/
  border-image: linear-gradient(270deg, rgb(216 233 239), rgb(221 243 255)) 2 2;
}

#pages {
  padding: 50px 0;

}

#pages li {
  width: 36px;
  height: 36px;
  border: 1px solid #CCCCCC;
  display: inline-block;
  margin-right: 10px;
  text-align: center;
  line-height: 36px;
}

#pages li a {
  color: #000000;
}

#pages li:hover a {
  color: #ffffff;
}

#pages li.active,
#pages li:hover {
  border: 1px solid #2f9fda;
  background: #2f9fda;
  color: #ffffff;
}

.pro_page{
    display: flex;
    justify-content: center;
    align-items: baseline;
    flex-direction: row;
    flex-wrap: nowrap;
}
.pagination-sm li{
    float: left;
    overflow: hidden;
}
.pages {
    font-size: 0.12rem;
}

.pages a,
.pages span {
  width: 80px;
  height: 36px;
  border: 1px solid #CCCCCC;
  display: inline-block;
  margin-right: 10px;
  text-align: center;
  line-height: 36px;
}

.pages span,
.pages a:hover {
  border: 1px solid #2f9fda;
  background: #2f9fda;
  color: #ffffff;
}


.page {
    font-size: 0.12rem;
}

.page a,
.page span {
  width: 40px;
  height: 36px;
  border: 1px solid #CCCCCC;
  display: inline-block;
  margin-right: 10px;
  text-align: center;
  line-height: 36px;
}

.page span,
.page a:hover {
  border: 1px solid #2f9fda;
  background: #2f9fda;
  color: #ffffff;
}




.container {
  /* width: 1320px; */
  margin: 0 auto;
}

.subbanner {
  height: 510px;
  background: #ccc;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}

.subbanner>.container {
  position: relative;
  height: 5em;
  width: 14.4em;
  margin: 0 auto;
}

.subbanner>.container .imgbox {
  position: absolute;
  right: 0;
  top: 40px
}

.subbanner>.container .imgbox .box {
  position: relative;
}
.subbanner>.container .imgbox.fsd .box .img1{
  position: relative;
  z-index: 3;
}
.subbanner>.container .imgbox .box .img2 {
  position: absolute;
  right: 70px;
  top: 0;

}

.subbanner>.container .imgbox .box .img3 {
  position: absolute;
  left: 0;
  top: 35%;
}

.subbanner>.container .imgbox .box .img4 {
  position: absolute;
  right: 0;
  bottom: 0;
}

.subbanner>.container .imgbox .box .img5 {
  position: absolute;
  top: 55%;
  bottom: 0;
}

.subbanner>.container .catname {
  position: absolute;
  left: 0;
  top: 40%;
}

.subbanner>.container .catname {
  /*display: flex;*/
  color: #ffffff;
}

.subbanner>.container .catname i {
  font-size: 50px;
  margin-right: 32px;
}

.subbanner>.container .cname {
  font-size: 0.48rem;
}

.subbanner>.container .ename {
  height: 32px;
  font-size: 0.32em;
  font-family: MicrosoftYaHei;
  color: rgba(255, 255, 255, 0.6);
  line-height: 32px;
  margin-top: 24px;
}

.subbanner>.container .catposition {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 9;
}


.subbanner>.container .position {
  position: absolute;
  right: 0;
  bottom: 32px;
  /* font-size: 0.12em; */
  /* padding: 32px 0; */
  color: #ffffff;
  /* background: #F5F5F5; */
  /* width: 2em; */
  height: 40px;
  background: rgba(255, 255, 255, 0.4);
  line-height: 40px;
  padding: 0 20px;
}

.subbanner>.container .position>div {
  font-size: 0.12rem;
  line-height: 40px;
}

.subbanner>.container .position a {
  font-size: 0.12rem;
  line-height: 40px;
  color: #ffffff;
}

.subbanner>.container .topnav {
  position: absolute;
  left: 0;
  bottom: 32px;
  line-height: 40px;
}

.subbanner>.container .topnav a {
  /* width: 178px; */
  padding: 0;
  height: 40px;
  ;
  /* background: #FFFFFF;
  border: 1px solid #CCCCCC; */
  margin-right: 16px;
  display: inline-block;
  line-height: 40px;
  text-align: center;
  font-size: 0.14em;
  color: #ffffff;

}

.subbanner>.container .topnav a:hover,
.subbanner>.container .topnav a.active {
  /* background: #2f9fda; */
  /* border-color: #2f9fda; */
  border-bottom: #fff solid 1px;
  color: #fff;
}

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

  .subbanner {
    height: 4.8rem;
  }

  .subbanner>.container {
    height: 4.8rem;
    text-align: center;
  }

  .subbanner>.container .cname {
    font-size: 0.32rem;
  }

  .subbanner>.container .ename {
    font-size: 0.24rem;
  }



  .subbanner>.container .catname {
    width: 100%;

  }

  .article .itembox ul li {
    width: 100%;
  }

  .article .itembox ul li .img {
    height: auto !important;
  }

  .subbanner>.container .topnav {
    width: 100%;
    display: flex;
    justify-content: center;
  }
}


.page_body2 {
  width: 100%;
  padding-bottom: 128px;
}


.page_body2 .container {
  width: 1440px;
  margin: 0 auto;
}

.page_body2 h2.catname {
  text-align: center;
  font-weight: normal;
  margin-bottom: 0.16em;
}

.page_body2 h2.catname span {

  font-size: 40px;
  font-family: MicrosoftYaHei;
  color: #FFFFFF;
  background: linear-gradient(270deg, #0095D0 0%, #34a0db 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.page_body2 h2.catname .ename {

  margin-top: 0.16em;
  font-size: 0.16em;
  color: #666666;


}

.page_body2 h2.catname .ename i {
  font-size: 6px;
  color: #cccccc;
  font-weight: normal;
  margin: 0 10px;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 64px 5px;
  display: inline-block;
  width: 64px;
  height: 5px;
}

.page_body2 h2.catname .ename i.t1 {
  background-image: url(../images/sline2.png);
}

.page_body2 h2.catname .ename i.t2 {
  background-image: url(../images/sline.png);
}






.page_body {
  width: 100%;
  /*padding-bottom: 128px;*/
}

.page_body .container {
  width: 1440px;
  margin: 0 auto;
  margin-bottom: 40px;
}

.page_body h2.catname {
  text-align: center;
  font-weight: normal;
  margin-bottom: 0.26em;
}

.page_body h2.catname span {

  font-size: 40px;
  font-family: MicrosoftYaHei;
  color: #FFFFFF;
  background: linear-gradient(270deg, #0095D0 0%, #34a0db 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.page_body h2.catname .ename {

  margin-top: 0.16em;
  font-size: 0.16em;
  color: #666666;


}

.page_body h2.catname .ename i {
  font-size: 6px;
  color: #cccccc;
  font-weight: normal;
  margin: 0 10px;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 64px 5px;
  display: inline-block;
  width: 64px;
  height: 5px;
}

.page_body h2.catname .ename i.t1 {
  background-image: url(../images/sline2.png);
}

.page_body h2.catname .ename i.t2 {
  background-image: url(../images/sline.png);
}

.sidenav {
  width: 240px;
  background: #F5F5F5;
  float: left;
}

.sidenav a {
  height: 24px;
  font-size: 14px;
  color: #333333;
  line-height: 24px;
  display: block;
  position: relative;
  margin: 22px 0;
  width: 100%;
  padding-left: 32px;
}

.sidenav a::after {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 4px;
  height: 24px;
  background: #2f9fda;
  content: "";

}

.sidenav a:hover,
.sidenav a.active {
  color: #2f9fda;
}

.sidenav a:hover::after,
.sidenav a.active::after {
  display: block;
}

.page_body .container {}

.page_body .container .txt_body {
  width: 1120px;
  /* float: right; */
  line-height: 22px;
  margin: 0 auto;
}

#txtbox {
  line-height: 22px;
}

.downbox h2 {
  height: 18px;
  font-size: 18px;
  color: #0075C2;
  line-height: 18px;
  margin: 40px 0 10px 0;
}

.downbox ul li a {
  display: block;
  width: 100%;
  line-height: 60px;
  border-bottom: 1px solid #E5E5E5;
  color: #333333;
  position: relative;
}

.downbox ul li a:hover {
  color: #2f9fda;
}

.downbox ul li a .down_icon {
  position: absolute;
  right: 0;
  top: 18px;
}

.down_icon {
  background: url("../images/down-icon.png") no-repeat top center;
  width: 24px;
  height: 24px;

}

/* 招商 */
.zhaoshang {
  /* font-size: 14px; */
}

.zhaoshang .layer01 {
  background: url(../images/zs/bglogo.png) no-repeat center 50px;
}

.zhaoshang .layer01 .itembox ul {
  margin-top: 64px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;

}

.zhaoshang .layer01 .itembox ul li {
  width: 22.5%;
  background: #ffffff;
  text-align: center;
  font-size: 0.24em;
  padding: 80px 0;
}

.zhaoshang .layer01 .itembox ul li .name {
  margin-top: 48px;
}

.zhaoshang .layer02 {}

.zhaoshang .layer02 .itembox ul {
  margin-top: 64px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;

}

.zhaoshang .layer02 .itembox ul li {
  width: 20%;
  /* background: #ffffff; */
  text-align: center;
  font-size: 0.24em;
  padding: 136px 0;
  height: 424px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #ffffff;
  border-right: #ffffff solid 1px;
}

.zhaoshang .layer02 .itembox ul li:last-child {
  border: 0;
}

.zhaoshang .layer02 .itembox ul li .name {
  margin-top: 32px;
}


.zhaoshang .layer03 {}

.zhaoshang .layer03 .itembox ul {
  margin-top: 64px;


}

.zhaoshang .layer03 .itembox {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 480px;
  background-image: url(../images/zs/layer03bg.png);
}

.zhaoshang .layer03 .itembox ul li {
  width: 50%;
  /* background: #ffffff; */
  text-align: left;
  font-size: 0.24em;
  color: #ffffff;
  padding: 80px 48px;

  padding-right: 64px;
  height: 240px;
}

.zhaoshang .layer03 .itembox ul li img {
  float: right
}


.zhaoshang .layer03 .itembox ul li .name {
  float: left;
  width: calc(100% - 200px);
  line-height: 40px;
}

.zhaoshang .layer03 .itembox ul li:last-child {
  margin-left: 50%;
}

.zhaoshang .layer04 {
  background: url(../images/zs/wbg.png) no-repeat center 200px;
  padding-bottom: 136px;
}

.zhaoshang .layer04 .itembox ul {
  margin-top: 64px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;

}

.zhaoshang .layer04 .itembox ul li {
  /* width: 20%; */
  /* background: #ffffff; */
  text-align: center;
  font-size: 0.24em;
  /* padding: 136px 0;
  height: 424px; */
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  color: #222222;
  width: 240px;
height: 240px;
background: rgba(255,255,255,0.5);
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.08);
border-radius: 10px;
  /* border-right: #ffffff solid 1px; */
  padding-top:30px
}
.zhaoshang .layer04 .itembox ul li:first-child{
background: linear-gradient(270deg, #0095D0 0%, #34a0db 100%);
border-radius: 10px;
}

.zhaoshang .layer04 .itembox ul li:last-child {
  border: 0;
}

.zhaoshang .layer04 .itembox ul li .name {
  margin-top: 32px;
}

.zhaoshang .layer04 .itembox ul li.jt {
background:none;
box-shadow:none;
  background: url(../images/zs/jt-.png) no-repeat center;
  /* height: 20px; */
  width: 30px;
}

.zhaoshang .layer04 .itembox ul li.big.jt {
  background: url(../images/zs/jt01.png) no-repeat center;
  /* height: 20px; */
  width: 153px;
}

.zhaoshang .layer04 .itembox ul li .phone {
  /*height: 32px;*/
  font-size: 40px;
  font-family: din;
  font-weight: bold;
  color: #ffffff;
  /*line-height: 32px;
  background: linear-gradient(270deg, #0095D0 0%, #34a0db 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;*/
  margin-top: 16px;
}
.zhaoshang .layer04 .itembox ul li:first-child .name{
font-size:24px;
margin-top:10px;
color:#ffffff
}
@media screen and (max-width: 750px) {
  .zhaoshang .layer01 .itembox {
    padding: 0 0.24rem;
  }

  .zhaoshang .layer01 .itembox ul li {
    width: 48%;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.08);
    font-size: 0.12rem;
    padding: 0.4rem 0;
    margin-bottom: 0.46rem;
  }

  .zhaoshang .layer01 .itembox ul li .box img {
    max-width: 50%;
  }

  .zhaoshang .layer02 .itembox ul li {
    width: 50%;
    font-size: 0.14rem;
    height: auto;
    padding: 0.4rem 0;
    margin-bottom: 1px;
  }

  .page_body h2.catname .ename {
    font-size: 0.1rem;
  }

  .zhaoshang .layer03 .itembox {
    background-image: url(../images/zs/layer03mbg.png);
  }

  .zhaoshang .layer03 .itembox ul li {
    padding: 0.2rem;
    font-size: 0.14rem;
  }

  .zhaoshang .layer03 .itembox ul li .box {
    padding: 0.4rem 0;
  }

  .zhaoshang .layer03 .itembox ul li .name {
    float: none;
    width: 100%;
    line-height: 1.5;
  }
.zhaoshang .layer04 .itembox ul li:first-child .name{
color:#222222}
  .zhaoshang .layer03 .itembox ul li img {
    width: 40%;
    margin-top: 0.3rem;
  }
   .zhaoshang .layer04 .itembox ul{
   padding:20px
   }
  .zhaoshang .layer04 .itembox ul li{
  width:20%;
  margin-bottom:20px;
  height:1.2rem;
  padding-top:0.2rem
  }
  .zhaoshang .layer04 .itembox ul li:first-child{
  width:100%;
  height:auto;
  background:none;
  box-shadow:none;
  }
  .zhaoshang .layer04 .itembox ul li .name{
  font-size:0.13rem;
  margin-top:0.2rem
  }
  .zhaoshang .layer04 .itembox ul li img{
  width:50%
  }
    .zhaoshang .layer04 .itembox ul li:first-child img{
    width:auto
    }
  .zhaoshang .layer04 .itembox ul li .phone{
    background: linear-gradient(270deg, #0095D0 0%, #34a0db 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size:0.3rem}
  .zhaoshang .layer04 .itembox ul li.jt{
  width:20px
  }
.zhaoshang .layer04 .itembox ul li:nth-child(2){

display:none}
}

/* 资质 */
.honer .layer01 {
  background: url(../images/zs/bglogo.png) no-repeat center 50px;
  padding-bottom: 128px;
}

.honer .layer01 .detail {
  width: 800px;
  font-size: 16px;
  color: #222222;
  line-height: 24px;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 56px;
}

.honer .layer01 .img img {
  max-width: 100%;
}

.honer .layer02 {
  width: 100%;
  height: 988px;
  background: linear-gradient(270deg, #0095D0 0%, #34a0db 100%);
  color: #ffffff;
}

.honer .layer02 .itembox ul {
  margin-top: 64px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;

}

.honer .layer02 .itembox ul li {
  width: 25%;
  /* background: #ffffff; */
  text-align: center;
  font-size: 0.16em;
  /* padding: 80px 0; */
}

.honer .layer02 .itembox ul li .name {
  margin-top: 48px;
}

.page_body.honer .layer02 h2.catname span {
  color: #fff !important;
  background: none;
  -webkit-text-fill-color: #ffffff
}

.page_body.honer .layer02 h2.catname .ename {
  color: #ffffff;
}

.honer .layer02 .numberbox,
.honer .layer04 .numberbox {
  text-align: center;
  margin-top: 64px;
}

.honer .layer02 .numberbox .hd,
.honer .layer04 .numberbox .hd {
  font-size: 24px;
  display: inline-block;
  margin: 0 84px;
}

.honer .layer02 .numberbox .hd span.number,
.honer .layer04 .numberbox .hd span.number {
  position: relative;
  font-size: 96px;
}

.honer .layer02 .numberbox .hd span.number::after,
.honer .layer04 .numberbox .hd span.number::after {
  font-family: din;
  position: absolute;
  right: 0;
  top: 0;
  content: "+";
  font-size: 24px;
  z-index: 1;
  right: -18px;
  top: 12px;
}

.blue {
  color: #0095D0;
}

.honer .layer04 .numberbox {
  color: #0095D0;
  margin-bottom: 64px;
}

.honer .layer03 .itembox ul {
  margin-top: 64px;
  display: flex;
  flex-wrap: wrap;
  /* justify-content: space-between; */

}

.honer .layer03 .itembox ul li {
  width: 25%;
  /* background: #ffffff; */
  text-align: center;
  font-size: 0.16em;
  /* padding: 80px 0; */
}

/* .honer .layer03 .itembox ul li .box{
  padding: ;
} */
/* .honer .layer03 .itembox ul li .img {
  width: 284px;
  height: 400px;
  border: #ffffff solid 4px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 30px;
  margin: 0 auto;
} */

.honer .layer03 .itembox ul li .name {
  margin-top: 20px;
  margin-bottom: 48px;
  padding: 0;
}


@media screen and (max-width: 750px) {
  .honer .layer01 .detail {
    width: 100%;
  }

  .honer .layer01 .container {
    padding: 0 0.24rem;
    width: 100%;
  }

  .honer .layer02 .itembox ul li,
  .honer .layer03 .itembox ul li {
    width: 50%;
  }

  .honer .layer02 .numberbox .hd,
  .honer .layer04 .numberbox .hd {
    margin: 0 0.2rem;
  }

  .honer .layer02 {
    height: auto;
    padding-bottom: 0.46rem;
  }

  .honer .layer02 .itembox ul,
  .honer .layer03 .itembox ul {
    padding: 0 0.2rem;
  }

  .honer .layer02 .itembox ul li .name {
    margin: 0;
    margin-bottom: 0.2rem;
    font-size: 0.12rem;
  }
}

/* 关于我们 */

.about {
  /* padding: 95px 0; */
}



.about .layer01 {
  margin-top: 1px;
  background: url(../images/wbg.png) no-repeat center 90px;
  padding-bottom: 100px;
}



.about .layer01 .img {
  float: left;
  width: 50%;
 /* height: 360px; */
}

.about .layer01 .txtbox {
  float: left;
  width: 100%;
  margin-left: 64px;
  /* height: 372px; */
  position: relative;
}

.about .layer01 .txtbox {
  margin-left: 0px;
}
.about .layer01 .txtbox p{
font-size:0.16rem;
line-height:2.5
}
.about .layer01 .txtbox p span{
font-size:0.16rem;
line-height:1.5
}
.about .layer01 .txtbox h2 {
  /* width: 264px; */
  /* display: inline-block; */
  height: 40px;
  font-size: 40px;
  color: #333333;
  line-height: 40px;
  margin: 16px 0 28px 0;
  font-weight: normal;
  color: #FFFFFF;
  background: linear-gradient(270deg, #0095D0 0%, #34a0db 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.about .layer01 .en {

  font-size: 16px;
  color: #666666;

}

.about .layer01 .en i {
  background: url(../images/sline.png) no-repeat left center;
  height: 5px;
  width: 64px;
  display: inline-block;
  margin-left: 10px;
}

.about .layer01 .txtbox .intro {
  width: 100%;
  /* height: 66px; */
  font-size: 16px;
  color: #666666;
  line-height: 24px;
}

.about .layer01 .txtbox .wh {
  font-size: 16px;
  color: #666666;

}

.about .layer01 .txtbox .wh p {
  line-height: 46px;
}

.about .layer01 .txtbox .CMore {
  position: absolute;
  left: 0;
  bottom: 32px;
}


.about .layer02 {
  background: url(../images/about/l2bg.png) no-repeat center top;
  background-size: cover;
  padding: 96px 0 128px 0;
}

.historylist .left {
  float: left;
  width: 44.5%;
  overflow: hidden;
}

.historylist .left img {
  width: 100%;
}

.historylist .right {
  float: right;
  width: 54.5%;
  padding-right: 100px;
/* 新�样式 */
  padding-top: 20px;
  padding-bottom: 20px;
 
}
.historylist .right{
      overflow-y: auto;
      height: 36vh;
}
/* 滚动条样式start */

.historylist .right::-webkit-scrollbar-track-piece {
  width: 6px;
  height: 1px;
}

.historylist .right::-webkit-scrollbar {
  width: 6px;
  height: 1px;
}

.historylist .right::-webkit-scrollbar-thumb {
  transition: all 0.5s;
  width: 6px;
  height: 1px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background-color:rgba(0, 0, 0, 0.05);
}
.historylist .right:hover::-webkit-scrollbar-thumb{
  background-color:rgba(0, 0, 0, 0.5);
  cursor: pointer;
}
/* 滚动条样式end */

.historylist .right ul li {

  font-size: 16px;
  color: #666666;
  line-height: 24px;
  cursor: pointer;
  margin-bottom: 20px;
  min-height: 38px;

}

.historylist .right ul li p.date {
  float: left;
  border-right: #999999 solid 1px;
  min-width: 80px;
  text-align: right;
  padding-right: 20px;
}

.historylist .right ul li p .number {
  font-size: 48px;
  font-weight: bold;
  color: #666666;
  /*line-height: 36px;*/
  /* background: linear-gradient(270deg, #0095D0 0%, #34a0db 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent; */
}

.historylist .right ul li .dcontent {
  /* display: inline-block; */
  padding-left: 100px;
  line-height: 24px;

}

.historylist .right ul li:hover p.date,
.historylist .right ul li.active p.date {
  border-right: 1px solid #0095D0;
  background: linear-gradient(270deg, #0095D0 0%, #34a0db 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.historylist .right ul li:hover .dcontent,
.historylist .right ul li.active .dcontent {

  color: #222222;
  line-height: 24px;
  background: linear-gradient(270deg, #0095D0 0%, #34a0db 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.datalist {
  padding-top: 24px;

  font-family: din;
  font-weight: bold;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: url(../images/about/history-line.png) no-repeat center 112px;
  height: 160px;
}

.datalist .year {
  height: 32px;
  font-size: 44px;
  font-weight: bold;
  color: #666666;
  line-height: 32px;
  text-align: center;
  cursor: pointer;
  padding-top: 20px;

}

.datalist .year.swiper-slide-thumb-active {
  position: relative;
  top: 0px;
  height: 66px;
  font-size: 66px;
  font-weight: bold;
  color: #666666;
  line-height: 66px;
  background: linear-gradient(270deg, #0095D0 0%, #34a0db 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-top: 0;
}

.datalist .year::after {
  width: 16px;
  height: 16px;
  background: #F0F9FC;
  border: 4px solid #0095D0;
  border-radius: 50%;
  position: absolute;
  bottom: -70px;
  left: 50%;
  content: "";
  z-index: 1;
  margin-left: -8px;
}

.datalist .year.swiper-slide-thumb-active::after {
  width: 24px;
  height: 29px;
  background: url(../images/about/mark.png) no-repeat center;
  border: none;
  border-radius: 50%;
  position: absolute;
  bottom: -40px;
  left: 50%;
  content: "";
  z-index: 1;
  margin-left: -8px;
}

.historybox {
  width: 100%;
  overflow: hidden;
  position: relative;
  padding-top: 160px;
}

.ulist {
  height: 360px;
  overflow: hidden;
  position: relative;
}

.swiper-button-prev.ulprev,
.swiper-button-next.ulnext {
  top: 24px;
  background: #0095D0;
  color: #ffffff;
  font-size: 24px;
  border-radius: 50%;
  width: 48px;
  height: 48px;
}

.swiper-button-prev.ulprev,
.swiper-button-next.ulnext,
.swiper-container-rtl .swiper-button-prev.ulprev {
  right: 0 !important;
}

.swiper-button-prev.ulprev,
.swiper-container-rtl .swiper-button-next.ulnext {
  left: auto !important;
  right: 0 !important;
}

.swiper-button-next.ulnext {
  top: 88px;
}


.about .layer03 {
  padding-top: 96px;
}

.about .layer03 .contentimg {
  width: 100%;
  /* overflow: hidden; */
}

.about .layer03 .contentimg img {
  max-width: 100%;
}

.about .layer04 {
  padding-bottom: 128px;
  padding-top: 128px;
}

.about .layer04 .CMore {
  float: right;
}

.utitle-box .right .nav,
.navbox {
  line-height: 48px;
  margin-right: 60px;
  font-size: 0;
}

.product .navbox {
  margin-top: 46px;
  text-align: center;
  /*margin-bottom: 96px;*/
}

.utitle-box .right .nav a,
.navbox a,
#teamNav a{
  margin: 0px 8px;
  width: 104px;
  display: inline-block;
  /* padding: 0 24px; */
  text-align: center;
  font-size: 14px;
  color: #222222;
  line-height: 14px;
  background: linear-gradient(270deg, #0095D0 0%, #34a0db 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /* height: 40px; */
  line-height: 40px;
  border: 1px solid;
  border-image: linear-gradient(270deg, rgba(0, 149, 208, 1), rgba(0, 179, 158, 1)) 1 1;
}

.navbox a {
  width: 224px;
  height: 65px;
  font-size: 24px;
  line-height: 65px;
}

.utitle-box .right .nav a.active,
#teamNav a.active,
.utitle-box .right .nav a:hover,
.navbox a.active,
.navbox a:hover {

  /* height: 40px; */
  background: linear-gradient(270deg, #0095D0 0%, #34a0db 100%);
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
  /* background: none; */
}

.about .layer04 .itembox {}

.about .layer04 .itembox ul {}

.about .layer04 .itembox ul li {
  float: left;
  width: 23.3%;
  margin-right: 2.26%;
  font-size: 16px;
  cursor: pointer;
  border: none ;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 2px solid;
  border-image: linear-gradient(270deg, rgba(0, 149, 208, 1), rgb(52 160 219)) 2 2;
  margin-bottom: 48px;
border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
}

.about .layer04 .itembox ul li:nth-child(4n) {
  margin-right: 0;
}

.about .layer04 .itembox ul li .name {
  height: 24px;
  font-size: 24px;
  color: #222222;
  line-height: 24px;
  margin-top: 32px;
}

.about .layer04 .itembox ul li:hover .name {

  background: linear-gradient(270deg, #0095D0 0%, #34a0db 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

}

.about .layer04 .itembox ul li .position {
  line-height: 16px;
  margin-top: 16px;
  margin-bottom: 32px;
  height: 16px;
  font-size: 16px;
  color: #222222;
}

.about .layer04 .itembox ul li:hover .position {

  color: #0095D0;

}

.about .layer04 .itembox ul li .img {
  width: 100%;
  height: 448px;
  overflow: hidden;
  position: relative;
}

.about .layer04 .itembox ul li .img img {
  /* width: 100%; */
  height: 100%;
  /* position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); */
}

.about .layer04 .itembox ul li .pcontent {
  display: none;
}

.about .layer05 .container {
  background: url(../images/about/l5bg.png) no-repeat top center;
  background-size: cover;
  padding: 80px 96px;
  position: relative;
  min-height: 560px;
}

.about .layer05 .container .utitle-box .Uetitle,
.about .layer06 .container .utitle-box .Uetitle {
  color: #ffffff !important;
}

.about .layer05 .container .utitle-box .Utitle,
.about .layer06 .container .utitle-box .Utitle {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff
}

.about .layer05 .itembox {
  width: 62%;
  position: absolute;
  right: 96px;
  top: 80px;
}

.about .layer05 .itembox ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

.about .layer05 .itembox ul li {
  width: 48%;
  background: #ffffff;
  position: relative;
  margin-bottom: 32px;
  min-height: 184px;
  padding: 32px;
}

.about .layer05 .itembox ul li .icon {
  position: absolute;
  right: 32px;
  top: 32px;
  display: inline-block;
}

.about .layer05 .itembox ul li .title {
  /* width: 264px; */
  height: 24px;
  font-size: 24px;
  font-family: MicrosoftYaHei;
  color: #FFFFFF;
  line-height: 24px;
  background: linear-gradient(270deg, #0095D0 0%, #34a0db 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 16px;
}

.about .layer05 .itembox ul li .desc {
  /* width: 239px;
height: 44px; */
  font-size: 14px;
  font-family: MicrosoftYaHei;
  color: #222222;
  line-height: 22px;
}

.about .layer05 .itembox ul li .desc p {
  line-height: 22px;
}

.about .layer06 {
  margin: 128px 0;
}

.about .layer06 .container {
  background: url(../images/about/l6bg.png) no-repeat top center;
  background-size: cover;
  padding: 80px 96px;
  position: relative;
  min-height: 560px;
}

.about .layer06 .container .contentx {
  width: 480px;
  /* height: 96px; */
  font-size: 16px;
  font-family: MicrosoftYaHei;
  color: #FFFFFF;
  line-height: 24px;
}

.about .layer06 .container .CMore {
  margin-top: 100px;
}

.about .layer06 .container .CMore a {
  color: #ffffff;
}

.about .layer07 .left {
  width: 46%;
  float: left;
}

.about .layer07 .right {
  width: 52%;
  float: right;
}

.about .layer07 .right img {
  max-width: 100%;
}

.about .layer07 .left .company {
  height: 40px;
  font-size: 40px;
  color: #222222;
  line-height: 40px;
  margin-bottom: 36px;
}

.about .layer07 .left .phone {
  font-size: 24px;
  color: #0095D0;
  font-weight: normal;
  color: #FFFFFF;
  background: linear-gradient(270deg, #0095D0 0%, #34a0db 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.about .layer07 .left .phone .number {
  /*height: 48px;*/
  font-size: 66px;
  /* font-weight: bold;
  color: #0095D0; */
  /*line-height: 48px;*/
  margin-top: 16px;
  font-weight: normal;
  color: #FFFFFF;
  background: linear-gradient(270deg, #0095D0 0%, #34a0db 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.about .layer07 .left .address {
  font-size: 16px;
  color: #222222;

  margin: 36px 0;
}

.about .layer07 .left .address p {
  line-height: 24px;
}

.about .layer07 .left .codebox {}

.about .layer07 .left .codebox div {
  display: inline-block;
  font-size: 14px;
  text-align: center;
}

.about .layer07 .left .codebox div p {
  margin-top: 16px;
}

@media screen and (max-width: 768px) {
    #teamNav{
        font-size: 0;
        text-align: center;
        padding-bottom: 0.2rem;
    }
  .product .navbox {
    display: flex;
    margin-right: 0;
  }

  .product .navbox a {
    font-size: 0.12rem;
    height: 0.42rem;
    line-height: 0.42rem;
  }

  .about .layer01 .txtbox .wh p {
    line-height: 1.8;
  }

  .about .layer04 .itembox ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .about .layer04 .itembox ul li {
    width: 46%;
    float: none;
    margin: 0;
  }

  .about .layer04 .itembox ul li .img {
    height: 2.6rem;
  }

  .about .layer05 .container {
    padding: 0.96rem 0.64rem;
    height: auto;

  }

  .about .layer05 .itembox {
    width: 100%;
    position: relative;
    left: auto;
    top: auto;
    right: auto;
  }

  .about .layer05 .itembox ul li {
    width: 100%;
  }

  .about .layer06 .container {
    padding: 0.96rem 0.64rem;
  }

  .about .layer06 .container .contentx {
    width: 100%;
  }

  .about .layer06 .container .utitle-box {
    text-align: center;
  }

  .about .layer06 .container .CMore {
    margin: 0 auto;
  }

  .utitle-box .Utitle {
    font-size: 0.4rem;
  }

  .about .layer07 .left {
    width: 100%;
    float: none;
    margin-bottom: 0.4rem;
  }

  .about .layer07 .right {
    width: 100%;
    float: none;
  }

  .about .layer07 .left .codebox {
    display: flex;
    justify-content: center;
  }

  .about .layer07 .left .company {
    font-size: 0.4rem;
  }

  .about .layer07 .left .phone .number {
    font-size: 0.66rem;
  }

}


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


  .about .layer01 {
    margin-top: 0.64rem;
    display: flex;
    flex-flow: row wrap;

  }

  .about .layer01 .container,
  .about .layer03 .container,
  .about .layer04 .container,
  .about .layer05 .container,
  .about .layer06 .container,
  .about .layer07 .container {
    padding: 0.24rem;
  }

  .about .layer01 .img {
    float: none;
    width: 100%;
    height: auto;
    order: 1;
    overflow: hidden;
  }

  .about .layer01 .txtbox {
    float: none;
    width: 100%;
    margin-left: 0;
    height: auto;
    position: relative;
    padding-bottom: 0.24rem;
    border-bottom: #ccc solid 1px;
  }

  .about .layer01 .txtbox {
    margin-left: 0px;
    order: 2;
    /* border-bottom: none; */
  }

  .about .layer01 .txtbox h2 {

    color: #333333;
    /* line-height: 0.12rem; */
    margin: 0.16rem 0 0.14rem 0;
    font-weight: normal;
  }

  .about .layer01 .txtbox .intro,
  .about .layer01 .txtbox .wh p {
    width: 100%;
    /* height: 66px; */
    font-size: 0.14rem;
    line-height: 1.8;
  }

  .about .layer01 .txtbox .intro .about .layer01 .txtbox .CMore {
    position: absolute;
    left: 0;
    bottom: 32px;
    display: none;
  }

  .about .layer02 {
    padding-bottom: 0;
    padding-top: 0.24rem;
  }

  .about .layer02 .container {
    /*padding-bottom: 0.46rem;*/
  }

  .about .layer02 .container .utitle-box {
    padding: 0 0.24rem;
  }

  .about .layer03 {
    padding-top: 0;
  }

  .about .layer05 .utitle-box {
    text-align: center;
  }

  .about .utitle-box .Uetitle {
    font-size: 0.12rem;
  }

  .about .layer05 .itembox ul li {
    height: auto;
    min-height: auto;
    padding: 0.2rem;
  }

  .about .layer05 .itembox ul li .title {
    font-size: 0.2rem;
  }

  .about .layer05 .itembox ul li .icon {
    top: 0.2rem;
    right: 0.2rem;
  }

  .about .layer01 {
    padding-bottom: 0;
  }

  .about .layer01,
  .about .layer03,
  .about .layer05 {
    margin: 0;
  }

  .about .layer02,
  .about .layer04,
  .about .layer06 {
    margin: 0.46rem 0;
  }

  .about .layer06 .container {
    padding-top: 0.46rem;
    padding-bottom: 0.46rem;
    min-height: auto;

  }

  .about .layer06 .container .contentx {
    margin-bottom: 0.46rem;
  }

  .about .layer07 .left .company {
    font-size: 0.28rem;
  }

  .about .layer07 .left .phone .number {
    font-size: 0.4rem;
  }

  .historylist .right,
  .historylist .left {
    float: none;
    width: 100%;
  }

  .historylist .left {
    padding: 0 0.24rem;
    display: none;
  }

  .historylist .right {
    padding-right: 0.2rem;
    padding-top: 0.2rem;

      overflow-y: auto;
      height: auto;

  }

  .swiper-button-prev.ulprev,
  .swiper-button-next.ulnext {
    height: 0.36rem;
    width: 0.36rem;
    right: 0.1rem !important;
  }

  .historylist .right ul li {
    padding-bottom: 0;
  }

  .datalists {
    padding-top: 24px;

    font-family: din;
    font-weight: bold;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: url(../images/about/history-line.png) no-repeat center 90px;
    background-size: 100% 2px;
    height: 160px;
  }

  .datalists .year {
    height: 32px;
    font-size: 0.3rem;
    font-weight: bold;
    color: #666666;
    line-height: 32px;
    text-align: center;
    cursor: pointer;

  }

  .datalists .year.swiper-slide-thumb-active {
    position: relative;
    top: -0.1rem;
    height: 0.42rem;
    font-size: 0.4rem;
    font-weight: bold;
    color: #666666;
    line-height: 0.42rem;
    background: linear-gradient(270deg, #0095D0 0%, #34a0db 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  .datalists .year::after {
    width: 0.1rem;
    height: 0.1rem;
    background: #F0F9FC;
    border: 4px solid #0095D0;
    border-radius: 50%;
    position: absolute;
    bottom: -0.44rem;
    left: 50%;
    content: "";
    z-index: 1;
    margin-left: -8px;
  }

  .datalists .year.swiper-slide-thumb-active::after {
    width: 24px;
    height: 29px;
    background: url(../images/about/mark.png) no-repeat center;
    border: none;
    border-radius: 50%;
    position: absolute;
    bottom: -0.51rem;
    left: 50%;
    content: "";
    z-index: 1;
    margin-left: -8px;
  }

  .historylist .right ul li {
    height: auto;
    min-height: auto;
  }

  .historylist .right ul li .dcontent {
    font-size: 0.14rem;
    line-height: 0.20rem;
  }

  .historylist .right ul li:hover .dcontent,
  .historylist .right ul li.active .dcontent {
    line-height: 0.20rem;
  }

  .historylist .right ul li p .number {
    line-height: 1;
  }

  .ulist {
    height: auto;
    height: 50vh;
  }
}

/* 弹窗 */
#pagecontent {
  position: fixed;
  left: 50%;
  top: 20%;
  z-index: 9999999;
  display: none;
  margin-left: -720px;
}

#pagecontent .container {
  background: #ffffff;
  padding: 48px 32px 48px 48px;
  position: relative;
}

#pagecontent .container #closed {
  position: absolute;
  right: 32px;
  top: 32px;
  cursor: pointer;
}

#pagecontent .container .box {
  width: 100%;
}

#pagecontent .container .box .photo {
  width: 336px;
  height: 448px;
  float: left;
}

#pagecontent .container .box .pinto {
  width: calc(100% - 380px);
  font-size: 14px;
  height: 54%;
  float: right;
  height: 400px;
  overflow-y: auto;
  margin-top: 48px;
}

#pagecontent .container .box .pinto .name {
  font-size: 40px;
  color: #FFFFFF;
  line-height: 40px;
  background: linear-gradient(270deg, #0095D0 0%, #34a0db 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

}

#pagecontent .container .box .pinto .position {
  font-size: 24px;
  color: #0095D0;
  line-height: 24px;
  margin: 16px 0 48px 0;
}

#pagecontent .container .box .pinto .pcontent {
  line-height: 22px;

}

#pagecontent .container .box .pinto .pcontent p {
  line-height: 22px;
}

/* 滚动条样式start */

#pagecontent .container .box .pinto::-webkit-scrollbar-track-piece {
  width: 8px;
  height: 1px;
}

#pagecontent .container .box .pinto::-webkit-scrollbar {
  width: 8px;
  height: 1px;
}

#pagecontent .container .box .pinto::-webkit-scrollbar-thumb {
  width: 6px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background-color: #cccccc;
}

@media screen and (max-width: 750px) {
  #pagecontent {
    width: 90%;
    left: 5%;
    top: 5%;
    margin: 0;
    height: 90%;
  }

  #pagecontent .container .box {
    height: 85vh;
    overflow-y: auto;
  }

  #pagecontent .container .box .photo {
    width: 60%;
    height: auto;
    float: none;
    text-align: center;
    margin: 0 auto;
  }

  #pagecontent .container .box .pinto {
    width: 100%;
    float: none;
    height: auto;
    overflow-y: inherit;
  }

  #pagecontent .container {
    padding: 0.2rem;
  }

  .about .layer04 {
    padding: 0;
    margin: 0;
  }

  .about .layer04 .navbox {
    width: 100%;
  }

  .about .layer04 .navbox a {
    width: 40%;
  }

  /*.about .layer04 .itembox{*/
  /*    padding: 0 0.24rem;*/
  /*}*/
  .about .layer04 .itembox ul li .img {
    height: 2rem;
  }

  .about .layer04 .itembox ul li {
    margin-bottom: 0.24rem;
  }

  .about .layer04 .itembox ul li .img img {
    width: 100% !important;
    height: auto;
  }
  .utitle-box .right .nav, .navbox{
      margin-right: 0;
  }
  .utitle-box .right .nav a{
      width: 0.7rem;
      font-size: 0.12rem;
      margin: 0 0.02rem;
  }
}

/* 专�团队 */

/* .team {
  margin-top: 48px;
} */

.team ul {
  font-size: 0
}

.team ul li {
  display: inline-block;
  width: 312px;
  height: 438px;
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  position: relative;
  text-align: center;
  margin-right: 24px;
  margin-bottom: 24px;
}

.team.four ul li {
  width: 242px;
  height: 338px;
  margin-right: 16px;
  margin-bottom: 32px;
}

.team ul li:nth-child(4n) {
  margin-right: 0;
}

.team h2 {
  margin: 48px 0;
  height: 24px;
  font-size: 24px;
  color: #333333;
  line-height: 24px;
  font-weight: none;
}

.team ul li a {
  display: block;
  width: 100%;
  height: 100%;
  padding-top: 64px;
}

.team.four ul li a {
  padding-top: 48px;
}

.team ul li a:hover {
  background: #2f9fda;
  color: #ffffff !important;
}

.team ul li .photo {
  width: 128px;
  height: 128px;
  border-radius: 128px;
  margin: 0 auto;

  margin-bottom: 32px;
}

.team ul li a .photo img {
  width: 128px;
  height: 128px;
  border-radius: 128px;
}

.team.four ul li .photo {
  width: 80px;
  height: 80px;
}

.team.four ul li a .photo img {
  width: 80px;
  height: 80px;
}

.team ul li a .name {
  font-size: 24px;
  color: #333333;
  line-height: 24px;
}

.team.four ul li a .name {
  font-size: 18px;
  line-height: 18px;
}

.team ul li a .option {
  font-size: 14px;
  color: #333333;
  line-height: 14px;
  margin-top: 16px;
}

.team.four ul li a .option {
  font-size: 12px;
  line-height: 12px;
}

.team ul li a .arrow {
  position: absolute;
  bottom: 48px;
  left: calc(50% - 24px);
  background: #ffffff url(../images/arrow-right-top.png) no-repeat center;
  width: 48px;
  height: 48px;
  transition: all 0.5s;
  border-radius: 24px;
}

.team ul li a:hover .option,
.team ul li a:hover .name {
  color: #ffffff;
}

.team ul li a:hover .arrow {
  background: #ffffff url(../images/arrow-right.png) no-repeat center;
  transition: all 0.5s;
}

@media screen and (max-width: 768px) {
  .team {
    padding: 0.16rem;
  }

  .team ul {
    font-size: 0;

  }

  .team ul li {
    display: block;
    width: 100%;
    height: auto;
    background: #FFFFFF;
    border: none;
    border-bottom: 1px solid #CCCCCC;
    position: relative;
    text-align: center;
    margin-right: 0;
    margin-bottom: 0;
    padding: 0.16rem 0;
    background: url(../images/right-1.png) no-repeat right center;
    background-size: 0.12rem;
  }

  .team.four ul li {
    display: block;
    width: 100%;
    height: auto;
    margin-right: 0;
    margin-bottom: 0;
  }

  .team ul li:nth-child(4n) {
    margin-right: 0;
  }

  .team h2 {
    margin: 0.24rem 0;
    /* height: 24px; */
    font-size: 0.16rem;
    color: #333333;
    line-height: 1;
  }

  .team ul li a {
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 0;
  }

  .team.four ul li a {
    padding-top: 0;
  }

  .team ul li a:hover {
    background: #2f9fda;
    color: #ffffff !important;
  }

  .team ul li .photo {
    width: 0.56rem;
    height: 0.56rem;
    border-radius: 0.56rem;
    margin: 0 auto;

    margin-bottom: 0;
    float: left;
  }

  .team ul li a .photo img {
    width: 0.56rem;
    height: 0.56rem;
    border-radius: 0.56rem;
  }

  .team.four ul li .photo {
    width: 0.56rem;
    height: 0.56rem;
    border-radius: 0.56rem;
  }

  .team.four ul li a .photo img {
    width: 0.56rem;
    height: 0.56rem;
    border-radius: 0.56rem;
  }

  .team ul li a .name {
    font-size: 0.14rem;
    color: #333333;
    line-height: 0.34rem;
    text-align: left;
    padding-left: 0.7rem;
  }

  .team.four ul li a .name {
    font-size: 0.14rem;
    color: #333333;
    line-height: 0.34rem;
    text-align: left;
    padding-left: 0.7rem;
  }

  .team ul li a .option {
    font-size: 0.1rem;
    color: #333333;
    line-height: 0.1rem;
    margin-top: 0;
    text-align: left;
    padding-left: 0.7rem;
  }

  .team.four ul li a .option {
    font-size: 0.1rem;
    color: #333333;
    line-height: 0.1rem;
    margin-top: 0;
    text-align: left;
    padding-left: 0.7rem;
  }

  .team ul li a .arrow {
    display: none;

  }

  .team ul li a:hover .option,
  .team ul li a:hover .name {
    color: #ffffff;
  }
}

.zhuanjiaShow {}

.zhuanjiaShow .intro {}

.zhuanjiaShow .intro .img {
  float: left;
  width: 280px;
  height: 372px;
  overflow: hidden;
}

.zhuanjiaShow .intro .img img {
  width: 100%;
  height: 372px;
}

.zhuanjiaShow .intro .intro-txt {
  float: right;
  width: calc(100% - 340px);
}

.zhuanjiaShow .intro .intro-txt .iname {
  padding: 32px 0 16px 0;
  font-size: 24px;
  color: #333333;
  line-height: 24px;
}

.zhuanjiaShow .intro .intro-txt .option {
  width: 112px;
  font-size: 14px;
  color: #333333;
  line-height: 14px;
  margin-bottom: 32px;
}

.zhuanjiaShow .intro .intro-txt .description {
  font-size: 14px;
  color: #666666;
  line-height: 22px;
  padding: 32px 0;
}

@media screen and (max-width: 768px) {
  .zhuanjiaShow .intro {
    padding: 0.16rem;
  }

  .zhuanjiaShow .intro .img {
    float: none;
    width: 100%;
    text-align: center;
    height: auto;
    overflow: hidden;
  }

  .zhuanjiaShow .intro .img img {
    max-width: 100%;
    width: auto;
    height: auto;
  }

  .zhuanjiaShow .intro .intro-txt {
    float: none;
    width: 100%;
  }

  .zhuanjiaShow .intro .intro-txt .iname {
    padding: 32px 0 16px 0;

    text-align: center;
  }

  .zhuanjiaShow .intro .intro-txt .option {
    width: 100%;

    text-align: center;
  }

  .zhuanjiaShow .intro .intro-txt .description {
    font-size: 14px;
    color: #666666;
    line-height: 22px;
    padding: 32px 0;
  }
}

/* 首页样式 */
.utitle-box {
  position: relative;
  margin-bottom: 40px;
  /* margin-top: 40px; */
}

.utitle-box .right {
  position: absolute;
  top: 0;
  right: 0;
}

.utitle-box .right .nav {
  /* display: inline-block; */
  float: left;
  font-size: 14px;
}

.utitle-box a.right {
  display: block;
  background: url(../images/right-1.png) no-repeat right center;
  background-size: 0.12rem;
  padding-right: 0.2rem;
  font-size: 0.12rem;
  top: 0.12rem;
}

/* .utitle-box .Utitle {
  height: 24px;
  font-size: 24px;
  color: #333333;
  line-height: 24px;
  font-weight: normal;
}

.utitle-box .Uetitle {
  height: 12px;
  font-size: 12px;
  color: #999999;
  line-height: 12px;
  margin-top: 12px;
} */

.utitle-box .Utitle {
  /* width: 264px; */
  /* display: inline-block; */
  height: 40px;
  font-size: 40px;
  color: #333333;
  line-height: 40px;
  margin: 16px 0 28px 0;
  font-weight: normal;
  color: #FFFFFF;
  background: linear-gradient(270deg, #0095D0 0%, #34a0db 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.utitle-box .Uetitle {

  font-size: 16px;
  color: #666666;
  line-height: 16px;

}

.utitle-box .Uetitle i.t1 {
  background: url(../images/sline2.png) no-repeat left center;
  height: 5px;
  width: 64px;
  display: inline-block;
  margin-right: 10px;
}

.utitle-box .Uetitle i.t2 {
  background: url(../images/sline.png) no-repeat left center;
  height: 5px;
  width: 64px;
  display: inline-block;
  margin-left: 10px;
}

.CMore {
  height: 48px;
  font-size: 14px;
  color: #666666;
  line-height: 48px;
  width: 118px;
  position: relative;
  padding-left: 68px;
}

.CMore a {
  line-height: 48px;
}

.CMore span.txt {
  position: absolute;
  height: 14px;
  left: 0;
  top: 17px;
  z-index: 2;
  display: block;
}

.CMore span.icon {
  display: block;
  width: 48px;
  height: 48px;
  border: 1px solid #CCCCCC;
  text-align: center;
  line-height: 48px;
  color: #ccc;
  /* background: url(../images/arrwor-right.png) no-repeat center;
  overflow: hidden; */
  border-radius: 48px;
}

.CMore:hover {
  color: #2f9fda;
}

.CMore:hover span.icon {
  border: 1px solid #2f9fda;
  color: #2f9fda;
}

.index .container {
  width: 1440px;
  margin: 0px auto;
}

.index .banner {
  width: 100%;
  /* height: 800px; */
  /*background-color: #ccc;*/
}

.index .navlist {
  background: #2f9fda url(../images/index/navlistbg.png) no-repeat bottom center;
  height: 316px;
  position: relative;
  z-index: 9;
}

.index .navlist ul {
  display: flex;
  flex-wrap: wrap;
}

.index .navlist li {
  position: relative;
  display: inline-block;
  width: 20%;
  text-align: center;
  transition: 0.5s all;
  top: 0px;
  /* margin-bottom: 48px; */

}

.index .navlist li a {
  display: block;
  padding: 32px 0;
}

.index .navlist li a .icon {
  height: 64px;
  width: 64px;
  font-size: 64px;
  font-weight: lighter;
  margin: 0 auto;
  color: #ffffff;
}

.index .navlist li a:hover .icon {
  color: #2f9fda;
}

.index .navlist li a .nname {
  font-size: 16px;
  line-height: 1;
  margin-top: 12px;
  color: #fff;
}

.index .navlist li:hover {
  background: #ffffff;
  top: -24px;
  transition: 0.5s all;
}

.index .navlist li:hover a .nname {
  color: #2f9fda;
}

.index .navlist li .number {
  position: absolute;
  opacity: 0;
  bottom: 30px;
  right: 16px;
  color: #1583CB;
  font-size: 48px;
  font-weight: bold;
  transition: 0.5s all;
}

.index .navlist li:hover .number {
  opacity: 1;
  bottom: -25px;
  transition: 0.5s all;
}

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


  .index .navlist li a .icon {
    height: 32px;
    width: 32px;
    font-size: 0.32rem;
    font-weight: lighter;
    margin: 0 auto;
    color: #ffffff;
  }

  .index .navlist li a .nname {
    font-size: 0.1rem;
    line-height: 1;
    margin-top: 0.2rem;
    color: #fff;
  }

  .index .navlist {
    height: auto;
    padding: 0.2rem 0;
  }

  .index .navlist li .number {
    font-size: 0.24rem;
    display: none;
  }

  .index .navlist li:hover {
    top: 0;
  }

  .index .navlist li a {
    padding: 0.16rem 0;
  }
}



.page_body.about.bg {
background-color: #e3f1f7; 
}

.index .about {
    padding: 95px 0 190px 0;
    background: url(../images/wbg.png) no-repeat center -115px;
    background-size: 100%;


}






.index .about .layer_02 {
 /* margin-top: 128px;*/
}



.index .about .layer_02 .img {
  float: right;

  height: 360px;
}

.index .about .layer_02 .txtbox {
  float: left;
  width: 100%;
  margin-left: 64px;
  height: 372px;
  position: relative;
}

.index .about .layer_02 .txtbox {
  margin-left: 0px;
}

.index .about .layer_02 .txtbox h2 {
  /* width: 264px; */
  /* display: inline-block; */
  height: 40px;
  font-size: 40px;
  color: #333333;
  line-height: 40px;
  margin: 16px 0 28px 0;
  font-weight: normal;
  color: #FFFFFF;
  background: linear-gradient(270deg, #0095D0 0%, #34a0db 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.index .about .layer_02 .en {

  font-size: 16px;
  color: #666666;

}

.index .about .layer_02 .en i {
  background: url(../images/sline.png) no-repeat left center;
  height: 5px;
  width: 64px;
  display: inline-block;
  margin-left: 10px;
}

.index .about .layer_02 .txtbox .intro {
  width: 100%;
  /* height: 66px; */
  font-size: 16px;
  color: #666666;
  padding-right: 53px;
}
.index .about .layer_02 .txtbox .intro p{
  width: 100%;
  line-height: 2.0;
}

.index .about .layer_02 .txtbox .CMore {
  position: absolute;
  left: 0;
  bottom: -130px;

}

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

  .index .about {
    padding: 0.48rem 0.16rem;
    padding-top: 0;
  }

  .index .about .layer_02 {
    margin-top: 0.64rem;
    display: flex;
    flex-flow: row wrap;
  }

  .index .about .layer_02 .img {
    float: none;
    width: 100%;
    height: 2.58rem;
    /*order: 1;*/
    overflow: hidden;
  }

  .index .about .layer_02 .txtbox {
    float: none;
    width: 100%;
    margin-left: 0;
    height: auto;
    position: relative;
    padding-bottom: 0.24rem;
    border-bottom: #ccc solid 1px;
  }

  .index .about .layer_02 .txtbox {
    margin-left: 0px;
    /*order: 2;*/
    /* border-bottom: none; */
  }

  .index .about .layer_02 .txtbox h2 {
    /* width: 264px; */
    /* height: 0.12rem; */
    font-size: 0.4rem;
    color: #333333;
    /* line-height: 0.12rem; */
    margin: 0.16rem 0 0.14rem 0;
    font-weight: normal;
  }

  .index .about .layer_02 .txtbox .intro {
    width: 100%;
    /* height: 66px; */
    font-size: 0.14rem;
    line-height: 22px;
    padding-right:0 ;
  }


  .index .about .layer_02 .txtbox .CMore {
    position: absolute;
    left: auto;
    right: 0;
    bottom: auto;
    top: 25px;
    padding-left: 0.62rem;
    width: 1.1rem;
    /*display: none;*/
  }

  .pronext,
  .proprev {
    display: none;
  }



}

/* 首页产品��� */

.procatelist,
.proinfolist,
.proinfolist {
  width: 100%;
  overflow: hidden;

}

.proinfolist {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 504px;
  background-image: url(../images/index/sl1.png);
}

.procatelist {
  font-size: 24px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.productinfo,
.productinfo-wap {
  width: 100%;
  /* overflow: hidden; */
  padding-top: 120px;
  position: relative;
}

.proinfolist .swiper-slide .left {
  position: relative;
  float: left;
  padding: 37px 0 0 133px;
  width: 47%;
  margin-left: 50px;
}

.proinfolist .swiper-slide .right {
  float: left;
}

.proinfolist .swiper-slide .left .img1{
  display: flex;  
  justify-content: center; /* ˮƽ���� */  
  align-items: center; /* ��ֱ���У������Ҫ�� */  
}

.proinfolist .swiper-slide .left .img1 img {
  max-width: 350px;

}

.proinfolist .swiper-slide .left .img2 {
  position: absolute;
  left: 385px;
  top: 100px;

}

.proinfolist .swiper-slide .left.pro2 .img2 {
  left: 166px;
  top: 25px;
}

.proinfolist .swiper-slide .left.pro8 .img1 {
  left: 295px;
  top: -24px;
  position: relative;
  z-index: 8;
}

.proinfolist .swiper-slide .left.pro9 .img1 {
  position: relative;
  left: 114px;
  top: -40px;
}

.proinfolist .swiper-slide .left.pro8 .img2 {
  left: 76px;
  top: 20px;
}

.proinfolist .swiper-slide .left .img3 {
  position: absolute;
  left: 29px;
  top: 204px;

}

.proinfolist .swiper-slide .left .img4 {
  position: absolute;
  left: 329px;
  top: 324px;
}

.proinfolist .swiper-slide .right .title {
  font-size: 48px;
  color: #FFFFFF;
  line-height: 48px;
  letter-spacing: 4px;
  margin-top: 120px;
}

.proinfolist .swiper-slide .right .title i {
  font-size: 50px;
  margin-right: 32px;
}

.proinfolist .swiper-slide .right .desc {
  height: 24px;
  font-size: 24px;
  color: rgba(255, 255, 255, .6);
  line-height: 24px;
  padding-left: 82px;
  margin-top: 32px;
}

.proinfolist .swiper-slide .right .more {
  margin-top: 120px;
  padding-left: 82px;
}

.proinfolist .swiper-slide .right .more .CMore {
  padding-left: 42px;
  color: #ffffff
}

.proinfolist .swiper-slide .right .more .CMore a {
  color: #ffffff
}

.proinfolist .swiper-slide .right .more .CMore:hover {
  color: #ffffff;
}

.proinfolist .swiper-slide .right .more .CMore:hover span.icon {
  border: 1px solid #ffffff;
  color: #ffffff;
}

.slideContent {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 504px;
}

.index .keshidaohang {
  width: 100%;
  /* height: 631px; */
  background: #F5F5F5;
  padding: 95px 0;
}

.index .keshidaohang .viewImg {
  width: 496px;
  height: 372px;
  position: relative;
  float: left;
  overflow: hidden;
}

.index .keshidaohang .viewImg img {
  width: 496px;
  height: 372px;
}

.index .keshidaohang .viewImg .intor {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 24px;
  background: rgba(0, 0, 0, 0.4);
  font-size: 14px;
  color: #FFFFFF;
  line-height: 18px;
  z-index: 10;
}

.index .keshidaohang .item {
  float: right;
  width: calc(100% - 560px);
}

.index .keshidaohang .item .nav>div {

  height: 48px;
  line-height: 48px;
  background: #999999;
  width: 178px;
  display: inline-block;
  color: #ffffff;
  font-size: 18px;
  margin-right: 16px;
  text-align: center;
  cursor: pointer;
  position: relative;
}

.index .keshidaohang .item .nav>div.active::after {
  position: absolute;
  z-index: 1;
  bottom: -16px;
  left: calc(50% - 8px);
  width: 0px;
  height: 0px;
  border: 8px solid #000;
  border-top-color: #cccccc;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  content: "";
}

.index .keshidaohang .item .nav>div a {
  color: #ffffff;
}

.index .keshidaohang .item .nav>div:last-child {
  margin-right: 0;
}

.index .keshidaohang .item .nav>div.green {
  background: #2f9fda;
}

.index .keshidaohang .item .nav>div.blue {
  background: #0075C2;
}

.index .keshidaohang .item .nav>div.yellow {
  background: #FEA54D;
}

.index .keshidaohang .item .nav>div.green.active::after {
  border-top-color: #2f9fda;
}

.index .keshidaohang .item .nav>div.blue.active::after {
  border-top-color: #0075C2;
}

.index .keshidaohang .item .nav>div.yellow.active::after {
  border-top-color: #FEA54D;
}



/* .navbox .li {
  font-size: 0;
  display: inline-block;
  padding: 12px 5px;
  width: 12.5%
} */
.index .keshidaohang .item .navbox {
  font-size: 0;
  padding-top: 32px;
}

.index .keshidaohang .item .navbox .li {
  display: inline-block;
  width: 144px;
  font-size: 14px;
  color: #333333;
  /* display: block; */
  text-align: center;
  margin-right: 10px;
  /* padding: 0 36px; */
  height: 40px;
  line-height: 40px;
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  margin-bottom: 10px;
  cursor: pointer;
}

.index .keshidaohang .item .navbox .li:nth-child(5n) {
  margin-right: 0;
}

.index .keshidaohang .item .navbox:first-child .li:hover,
.index .keshidaohang .item .navbox:first-child .li.active {
  color: #ffffff;
  background: #2f9fda;
  border: 1px solid #2f9fda;
}

.index .keshidaohang .item .navbox:nth-child(2) .li:hover,
.index .keshidaohang .item .navbox:nth-child(2) .li.active {
  color: #ffffff;
  background: #0075C2;
  border: 1px solid #0075C2;
}

.index .keshidaohang .item .navbox:nth-child(3) .li:hover,
.index .keshidaohang .item .navbox:nth-child(3) .li.active {
  color: #ffffff;
  background: #FEA54D;
  border: 1px solid #FEA54D;
}


@media screen and (max-width: 750px) {
  .index .keshidaohang {
    padding: 0 0.16rem 0.48rem 0.16rem;
    background: #ffffff;
  }

  .index .keshidaohang .viewImg {
    display: none;
  }

  .index .keshidaohang .item {
    width: 100%;
    font-size: 0.1rem;
  }

  .index .keshidaohang .item .nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .index .keshidaohang .item .nav>div {
    /* height: 24px;
    line-height: 24px; */

    width: 24%;
    display: inline-block;
    color: #ffffff;
    font-size: 0.1rem;
    margin-right: 0;
    /* width: 100%; */
  }

  .index .keshidaohang .item .navbox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .index .keshidaohang .item .navbox .li {
    width: 24%;
    font-size: 0.12rem;
    text-align: center;
    overflow: hidden;
    /* padding: 0 0.16rem; */
    /* width: auto; */
    margin-right: 0.0;

  }

  /* .index .keshidaohang .item .navbox .li:nth-child(5n) {
    margin-right: 0.08rem;
  }

  .index .keshidaohang .item .navbox .li:nth-child(4n) {
    margin-right: 0;
  } */


}

/* 首页banner样式 */
/* 
.swiper-container {
  width: 100%;
  height: 100%;
} */

/* .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
} */

/* .banner .swiper-pagination-bullet {
  background: none;
  opacity: 1;
  margin: 0 6px !important;
  width: 64px;
  height: 5px;
  position: relative;
  outline: none;
  vertical-align: middle;
}

.banner .swiper-pagination-bullet span {
  width: 64px;
  height: 5px;
  background: rgba(255, 255, 255, 0.4);
  display: block;
  border-radius: 0;

  margin-left: 0px;
}

.banner .swiper-pagination-bullet i {
  background: #0075C2;
  height: 5px;
  width: 64px;
  position: absolute;
  top: 0px;
  transform: scaleX(0);
  transform-origin: left;
  z-index: 3;
  transition-timing-function: linear;
}

.banner .swiper-pagination-bullet-active span,
.banner .swiper-pagination-bullet:hover span {
  width: 64px;
  height: 5px;
  margin-top: 0;
  margin-left: 0;
  background: #ccc;
  position: relative;
  z-index: 1;
  border-radius: 0;

}

.banner .swiper-pagination-bullet-active i {
  animation: middle 6s;
}

.banner .swiper-pagination-bullet:first-child.swiper-pagination-bullet-active i {
  animation: first 6s;
}

.banner .swiper-pagination-bullet:last-child.swiper-pagination-bullet-active i {
  animation: last 6s;
} */

@keyframes first {
  0% {
    transform: scaleX(0);
    left: 0px;
  }

  /*1091*/
  100% {
    transform: scaleX(1);
    left: 0px;
  }

  /*0913*/
}

@keyframes last {
  0% {
    transform: scaleX(0);
    left: 0px;
  }

  /*1091*/
  100% {
    transform: scaleX(1);
    left: 0px;
  }

  /*0913*/
}

@keyframes middle {
  0% {
    transform: scaleX(0);
    left: 0px;
  }

  /*1091*/
  100% {
    transform: scaleX(1);
    left: 0px;
  }

  /*0913*/
}

/* 首页合作伙伴 */
.index .hezhuohuban {
  padding: 0px 0px 95px 0;
}

.index .hezhuohuban .linkList {
  width: 100%;
  overflow: hidden;
}

/* .index .hezhuohuban .linkList .swiper-slide {
  text-align: center;
}

.index .hezhuohuban .linkList .swiper-slide img {
  height: 80px;
  width: 160px;
} */

@media screen and (max-width: 750px) {
  .index .hezhuohuban {
    padding: 0 0.16rem 0.48rem 0.16rem;
  }

  .index .hezhuohuban .linkLists {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: space-between;

  }

  .index .hezhuohuban .linkLists .imglist {
    width: 48%;
    height: 0.68rem;
    text-align: center;
    line-height: 0.34rem;
    font-size: 0;
    border: 1px solid #f2f2f2;
    margin-bottom: 0.3rem;
    padding: 0.12rem;
    position: relative;
    background: #ffffff;
  }

  .index .hezhuohuban .linkLists .imglist:after {
    position: absolute;
    content: "";
    left: 0;
    top: 20px;
    height: 90%;
    width: 100%;
    background: #f00;
    z-index: -1;
    background: linear-gradient(270deg, #0095D0 0%, #34a0db 100%);
    border-radius: 12px;
    opacity: 0.16;
    filter: blur(8px);
  }

  .index .hezhuohuban .linkLists .imglist img {
    /*max-height: 96%;*/
    display: inline-block;
    vertical-align: middle;
    width: 100%;
  }

  .index .hezhuohuban .imglist {
    height: auto !important;
  }
}

/* 特色治疗 */
.index .tesezhenliao {
  padding: 95px 0 55px 0;
}

/* 首页案例 */
.index .anli .utitle-box .right .item {
  float: left;
  margin-left: 140px;
  font-size: 0;
}

.index .anli .utitle-box .right .item .number {
  font-size: 96px;
  font-weight: bold;
  color: #0095D0;
  position: relative;
}

.index .anli .utitle-box .right .item .smll {

  font-size: 16px;
  color: #0095D0;

  font-weight: normal;
}

.index .anli .utitle-box .right .item .name {
  height: 32px;
  font-size: 20px;
  color: #0095D0;
  line-height: 32px;
  border-bottom: 2px solid;
  display: inline-block;
  border-image: linear-gradient(270deg, rgba(0, 149, 208, 1), rgb(52 160 219)) 2 2;
}

.index .anli .utitle-box .right .item .number span.add {
  position: absolute;
  right: 0px;
  top: 10px;
  list-style: none;
  font-size: 30px;
  /* content: "+"; */
  z-index: 1;
  /* width: 30px;
  height: 30px; */

}

.index .anli .map {
  width: 83.3%;
  text-align: center;

  margin: 0 auto;
  margin-top: 100px;
  position: relative;
  font-size: 0;
}

.mapcontent {
  position: absolute;
  left: 0;
  top: 0;
  width: 264px;
}

.mapcontent .box {
  width: 100%;
}

.mapcontent .title {
  width: 264px;
  height: 56px;
  background: linear-gradient(270deg, #0095D0 0%, #34a0db 100%);
}

.index .anli .map>img {
  width: 100%;
}

.index .anli .map .textcontent {
  position: absolute;
  width: 264px;
  height: 380px;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0px 8px 16px 0px rgba(0, 149, 208, 0.1);
  left: 14%;
  top: 23%;
  z-index: 10;
}

.index .anli .map .textcontent .box {
  width: 100%;
}

.index .anli .map .textcontent .title {
  width: 264px;
  height: 56px;
  background: linear-gradient(270deg, #0095D0 0%, #34a0db 100%);
  font-size: 18px;
  line-height: 56px;
  text-align: left;
  color: #ffffff;
  padding-left: 24px;
  position: relative;
}

.index .anli .map .textcontent .title span {
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
}

.index .anli .map .textcontent .li {
  font-size: 14px;
  text-align: left;
  line-height: 24px;
  padding: 0px 24px;
  margin: 10px 0;
  height: 300px;
  overflow-y: auto;
}

/* 滚动条样式start */

.index .anli .map .textcontent .li::-webkit-scrollbar-track-piece {
  width: 6px;
  height: 1px;
}

.index .anli .map .textcontent .li::-webkit-scrollbar {
  width: 6px;
  height: 1px;
}

.index .anli .map .textcontent .li::-webkit-scrollbar-thumb {
  width: 6px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background-color: rgba(0, 149, 208, 0.5);
}

/* 滚动条样式end */
.index .anli .map .textcontent .li p {
  line-height: 30px;
}

.index .anli .map img:hover {
  transition: all 0.5s;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
}

.index .anli .map .mp {
  position: absolute;
  width: 48px;
  height: 20px;
  background: url(../images/index/mpbg.png) center;
  background-repeat: no-repeat;
  background-position-y: -380px;
  background-size: 100%;
  animation: smup 2s infinite step-start;
  cursor: pointer;
  z-index: 9;
}

.index .anli .map .mp.m1 {
  top: 46.45%;
  left: 34.83%;
}

.index .anli .map .mp.m2 {
  top: 60.95%;
  left: 48.43%;
}

.index .anli .map .mp.m3 {
  top: 76.5%;
  left: 45.0%;
}

.index .anli .map .mp.m4 {
  top: 62.66%;
  left: 58%;
}

.index .anli .map .mp.m5 {
  top: 28.8%;
  left: 65.5%;
}

.index .anli .map .mp.m6 {
  top: 34.11%;
  left: 72.08%;
}

.index .anli .map .mp.m7 {
  top: 44.1%;
  left: 75.28%;
}

.index .anli .map .mp.m8 {
  top: 56.67%;
  left: 75.5%;
}

.index .anli .map .mp.m9 {
  top: 64.5%;
  left: 81.11%;
  background: none;
}

.index .anli .map .mp.m10 {
  top: 23.5%;
  left: 88.11%;
}

.index .anli .map .fsd {
  position: absolute;
  /*height: 648px; */
  width: 100%;
  right: 0;
  top: 0;
  background: url(../images/index/mpx.png) center -9px;
  /*background: url(../images/index/fsdbg.png) center;*/
  /*background-position-y: 0px;*/
  /*background-size: 100%;*/
  z-index: 7;
  /*animation: bgup 1s infinite step-start;*/
  /*animation-iteration-count: 1;*/
  /*animation-fill-mode: forwards;*/
}

.index .anli .map .fsd img {
  width: 100%;
}

@-webkit-keyframes smup {
  0% {
    background-position-y: 0px;
  }

  4% {
    background-position-y: -20px;
  }

  8% {
    background-position-y: -40px;
  }

  12% {
    background-position-y: -60px;
  }

  16% {
    background-position-y: -80px;
  }

  20% {
    background-position-y: -100px;
  }

  24% {
    background-position-y: -120px;
  }

  28% {
    background-position-y: -140px;
  }

  32% {
    background-position-y: -160px;
  }

  36% {
    background-position-y: -180px;
  }

  40% {
    background-position-y: -200px;
  }

  44% {
    background-position-y: -220px;
  }

  48% {
    background-position-y: -240px;
  }

  52% {
    background-position-y: -260px;
  }

  56% {
    background-position-y: -280px;
  }

  60% {
    background-position-y: -300px;
  }

  64% {
    background-position-y: -320px;
  }

  68% {
    background-position-y: -340px;
  }

  72% {
    background-position-y: -360px;
  }

  76% {
    background-position-y: -380px;
  }

  80% {
    background-position-y: -400px;
  }

  84% {
    background-position-y: -420px;
  }

  88% {
    background-position-y: -440px;
  }

  92% {
    background-position-y: -460px;
  }

  96% {
    background-position-y: -480px;
  }

  100% {
    background-position-y: -500px;
  }
}

@keyframes smup {
  0% {
    background-position-y: 0px;
  }

  4% {
    background-position-y: -20px;
  }

  8% {
    background-position-y: -40px;
  }

  12% {
    background-position-y: -60px;
  }

  16% {
    background-position-y: -80px;
  }

  20% {
    background-position-y: -100px;
  }

  24% {
    background-position-y: -120px;
  }

  28% {
    background-position-y: -140px;
  }

  32% {
    background-position-y: -160px;
  }

  36% {
    background-position-y: -180px;
  }

  40% {
    background-position-y: -200px;
  }

  44% {
    background-position-y: -220px;
  }

  48% {
    background-position-y: -240px;
  }

  52% {
    background-position-y: -260px;
  }

  56% {
    background-position-y: -280px;
  }

  60% {
    background-position-y: -300px;
  }

  64% {
    background-position-y: -320px;
  }

  68% {
    background-position-y: -340px;
  }

  72% {
    background-position-y: -360px;
  }

  76% {
    background-position-y: -380px;
  }

  80% {
    background-position-y: -400px;
  }

  84% {
    background-position-y: -420px;
  }

  88% {
    background-position-y: -440px;
  }

  92% {
    background-position-y: -460px;
  }

  96% {
    background-position-y: -480px;
  }

  100% {
    background-position-y: -500px;
  }
}

@-webkit-keyframes bgup {
  0% {
    background-position-y: 0px;
  }

  4% {
    background-position-y: -648px;
  }

  8% {
    background-position-y: -1296px;
  }

  12% {
    background-position-y: -1944px;
  }

  16% {
    background-position-y: -2592px;
  }

  20% {
    background-position-y: -3240px;
  }

  24% {
    background-position-y: -3888px;
  }

  28% {
    background-position-y: -4536px;
  }

  32% {
    background-position-y: -5184px;
  }

  36% {
    background-position-y: -5832px;
  }

  40% {
    background-position-y: -6480px;
  }

  44% {
    background-position-y: -7128px;
  }

  48% {
    background-position-y: -7776px;
  }

  52% {
    background-position-y: -8424px;
  }

  56% {
    background-position-y: -9072px;
  }

  60% {
    background-position-y: -9720px;
  }

  64% {
    background-position-y: -10368px;
  }

  68% {
    background-position-y: -11016px;
  }

  72% {
    background-position-y: -11664px;
  }

  76% {
    background-position-y: -12312px;
  }

  80% {
    background-position-y: -12960px;
  }

  84% {
    background-position-y: -13608px;
  }

  88% {
    background-position-y: -14256px;
  }

  92% {
    background-position-y: -14904px;
  }

  96% {
    background-position-y: -15552px;
  }

  100% {
    background-position-y: -15552px;
  }
}

@keyframes bgup {
  0% {
    background-position-y: 0px;
  }

  4% {
    background-position-y: -648px;
  }

  8% {
    background-position-y: -1296px;
  }

  12% {
    background-position-y: -1944px;
  }

  16% {
    background-position-y: -2592px;
  }

  20% {
    background-position-y: -3240px;
  }

  24% {
    background-position-y: -3888px;
  }

  28% {
    background-position-y: -4536px;
  }

  32% {
    background-position-y: -5184px;
  }

  36% {
    background-position-y: -5832px;
  }

  40% {
    background-position-y: -6480px;
  }

  44% {
    background-position-y: -7128px;
  }

  48% {
    background-position-y: -7776px;
  }

  52% {
    background-position-y: -8424px;
  }

  56% {
    background-position-y: -9072px;
  }

  60% {
    background-position-y: -9720px;
  }

  64% {
    background-position-y: -10368px;
  }

  68% {
    background-position-y: -11016px;
  }

  72% {
    background-position-y: -11664px;
  }

  76% {
    background-position-y: -12312px;
  }

  80% {
    background-position-y: -12960px;
  }

  84% {
    background-position-y: -13608px;
  }

  88% {
    background-position-y: -14256px;
  }

  92% {
    background-position-y: -14904px;
  }

  96% {
    background-position-y: -15552px;
  }

  100% {
    background-position-y: -15552px;
  }
}

.index .anli {
  background: #f5f5f5;
  padding: 95px 0;
}

.index .anli .anliist {
  height: 372px;
  background-color: #ffffff;
}

.index .anli .anliist .left {
  width: 824px;
  float: left;
  padding: 0 64px 0 32px;

}

.index .anli .anliist .right {
  width: 496px;
  height: 372px;
  float: right;
  overflow: hidden;
}

.index .anli .anliist .right img {
  width: 496px;
  height: 372px;

}

.index .anli .lists ul li a {
  font-size: 16px;
  color: #333333;
  line-height: 16px;
  display: block;
  padding: 28px 0;
  border-bottom: 1px solid #E5E5E5;
  position: relative;
}

.index .anli .lists ul li:last-child a {
  border: 0;
}

.index .anli .lists ul li a:hover {
  color: #2f9fda;
}

.index .anli .lists ul li a span.icon {
  position: absolute;
  right: 0;
  top: 32;
  background: url(../images/arrow-right-top.png) no-repeat center;
  width: 16px;
  height: 16px;
  transition: all 0.5s;
}

.index .anli .lists ul li a:hover span.icon {
  background: url(../images/arrow-right.png) no-repeat center;
  transition: all 0.5s;
}

/* 首页专�样式 */
.index .zhuanjia {
  padding: 95px 0;
}

.index .zhuanjia .contbox {
  width: 100%;
  position: relative;
}

.index .zhuanjia .zhuanjiaSwipers {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.index .zhuanjia .contbox .swiper-slide {}

.index .zhuanjia .contbox .swiper-slide a {}

.index .zhuanjia .contbox .swiper-slide a:hover {}

.procatelist,
.procatelist-wap {
  padding: 20px 0;
}

.procatelist .swiper-slide,
.procatelist-wap .swiper-slide {
  border-right: solid 1px #ccc;
  position: relative;
  text-align: center;
  cursor: pointer;
}
.procatelist .swiper-slide.swiper-slide-thumb-active{
  font-weight: normal;
    color: #FFFFFF;
    background: linear-gradient(270deg, #0095D0 0%, #34a0db 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}
.procatelist .swiper-slide.swiper-slide-thumb-active::after,
.procatelist-wap .swiper-slide.swiper-slide-thumb-active::after {
  position: absolute;
  bottom: -20px;
  left: 25%;
  width: 50%;
  height: 4px;
  content: "";
  z-index: 1;
  background: linear-gradient(270deg, #0095D0 0%, #34a0db 100%);
}







.index .zhuanjia .next,
.index .zhuanjia .prev {
  position: absolute;
  right: 0;
  top: -50px;
  left: auto;
  background: none;
  width: 48px;
  height: 48px;
  border: 1px solid #CCCCCC;
  border-radius: 48px;
  color: #cccccc;
  outline: none;
}

.index .zhuanjia .prev {
  right: 72px;
}

.index .zhuanjia .next:hover,
.index .zhuanjia .prev:hover {
  color: #2f9fda;
  border-color: #2f9fda;
}

@media screen and (max-width: 750px) {
  .index .anli .container>.right {
    display: flex !important;
    justify-content: space-between;
  }

  .index .anli .right .item {
    /* float: left; */
    /* margin-left: 140px; */
    font-size: 0;
  }

  .index .anli .right .item .number {
    font-size: 0.4rem;
    font-weight: bold;
    color: #0095D0;
    position: relative;
  }

  .index .anli .right .item .smll {

    font-size: 0.1px;
    color: #0095D0;

    font-weight: normal;
  }

  .index .anli .right .item .name {
    height: 32px;
    font-size: 0.1rem;
    color: #0095D0;
    line-height: 32px;
    border: none;
    border: 0;
    border-bottom: 2px solid;
    display: inline-block;
    border-image: linear-gradient(270deg, rgba(0, 149, 208, 1), rgb(52 160 219)) 2 2;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
  }

  .index .anli .right .item .number span.add {
    position: absolute;
    right: 14px;
    top: 2px;
    list-style: none;
    font-size: 0.2px;
    /* content: "+"; */
    z-index: 1;
    /* width: 30px;
    height: 30px; */

  }

  .youshi {
    font-size: 0px;
    position: relative;
  }

  .youshi .swiper-pagination-bullet,.proinfolist .swiper-pagination-bullet {
    position: relative;
  }

  .youshi .swiper-pagination-bullet-active,.proinfolist .swiper-pagination-bullet-active{
    width: 24px;
    height: 24px;
    background: none;
  }

  .youshi .swiper-pagination-bullet-active::after,.proinfolist .swiper-pagination-bullet-active::after {
    position: absolute;
    content: "";
    z-index: 1;
    left: 0;
    top: 5px;
    width: 24px;
    height: 24px;
    background: url(../images/logo-dots-w.png) no-repeat center center;
    background-size: contain;


  }

  .youshi .swiper-pagination,.proinfolist .swiper-pagination {
    font-size: 0px;
    bottom: 20px;
  }

  .index .anli .map .fsd {
    background-size: 100%;
  }

  .index .anli .map .mp {
    position: absolute;
    width: 0.24rem;
    height: 0.1rem;
    /* background: url(../images/index/mpbg.png) center;
    background-repeat: no-repeat;
    background-position-y: -380px;
    background-size: 100%;
    animation: smup 2s infinite step-start;
    cursor: pointer;
    z-index: 9; */
  }

  .index .anli .map .mp.m1 {
    top: 46.45%;
    left: 34%;
  }

  .index .anli .map .mp.m2 {
    top: 60.95%;
    left: 47.43%;
  }

  .index .anli .map .mp.m3 {
    top: 76.0%;
    left: 44.10%;
  }

  .index .anli .map .mp.m4 {
    top: 62.66%;
    left: 57%;
  }

  .index .anli .map .mp.m5 {
    top: 28.8%;
    left: 64.5%;
  }

  .index .anli .map .mp.m6 {
    top: 34.11%;
    left: 71.08%;
  }

  .index .anli .map .mp.m7 {
    top: 44.1%;
    left: 74.28%;
  }

  .index .anli .map .mp.m8 {
    top: 56.67%;
    left: 74.5%;
  }

  .index .anli .map .mp.m9 {
    top: 64.5%;
    left: 80.11%;
    background: none;
  }

  .index .anli .map .mp.m10 {
    top: 23.5%;
    left: 87.11%;
  }

  .index .anli .map {
    width: 100%;
    ;
  }

  .anliw {
    font-size: 0px;
  }

  .anliw .swiper-pagination-bullet {
    position: relative;
    width: 10px;
    height: 10px;
    background: #FFFFFF;
    opacity: 0.6;
  }

  .anliw ul li::after {
    width: 100%;
    height: 1px;
    border: 0;
    border: none;
    border-bottom: 2px solid;
    border-image: linear-gradient(270deg, rgba(0, 149, 208, 1), rgb(52 160 219)) 2 2;
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    z-index: 1;
    border-top:0 !important;
    border-left:0 !important;
    border-right:0 !important;
  }

  .anliw ul li {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 0.23rem;
    padding-bottom: 0.12rem;
    border-bottom: #cccccc solid 1px;
  }

  .anliw .swiper-pagination-bullet-active {
    width: 24px;
    height: 24px;
    background: none;
    opacity: 1;
  }

  .anliw .title a {
    color: #333333;
    line-height: 18px;
    display: block;
    overflow: hidden;
    margin-top: 8px;
    padding: 0.16rem 0;
    font-size: 0.18rem;

  }

  .anliw .description a {
    font-size: 0.12rem;
    height: auto !important;
    padding: 0;
    line-height: 1.5 !important;
    display: flex;
  }

  .anliw .swiper-pagination-bullet-active::after {
    position: absolute;
    content: "";
    z-index: 1;
    left: 0;
    top: 5px;
    width: 24px;
    height: 24px;
    background: url(../images/logo-dots-w.png) no-repeat center center;
    background-size: contain;


  }

  .anliw .swiper-pagination {
    font-size: 0px;
    bottom: 2rem;
  }

  .index .zhuanjia {
    /* padding: 0 0.16rem 0.48rem 0.16rem; */
    padding-right: 0;
  }

  .index .zhuanjia .utitle-box a.right {
    display: block;
    background: url(../images/right-1.png) no-repeat right center;
    background-size: 0.12rem;
    padding-right: 0.14rem;
    font-size: 0.12rem;
    right: 0.16rem;
    top: 0.16rem;
  }

  .productinfo {
    padding-top: 0.6rem;
  }

  .procatelist .swiper-slide,
  .procatelist-wap .swiper-slide {
    font-size: 0.12rem;
    cursor: pointer;
  }

  .slideContent {
    display: flex;
    flex-wrap: wrap;
  }

  .proinfolist .swiper-slide .left {
    float: none;
    width: 100%;
    order: 2;
    padding: 0;
    margin: 0;
  }

  .proinfolist .swiper-slide .right {
    float: none;
    width: 100%;
    order: 1;
    padding: 0;
    height: 15%;
  }

  .proinfolist .swiper-slide .right .title {
    text-align: center;
    margin-top: 0.1rem;
    font-size: 0.24rem;
  }

  .proinfolist .swiper-slide .right .title i {
    display: block;
    margin: 0 auto;
  }

  .proinfolist .swiper-slide .right .desc {
    text-align: center;
    padding: 0;
    margin-top: 0rem;
    font-size: 0.14rem;
  }

  .proinfolist .swiper-slide .right .more {
    /* display: none; */
    position: absolute;
    left: 20%;
    bottom: 0.5rem;
   
  }

  .proinfolist .swiper-slide .left.pro2 .img1 {
    text-align: center;
  }

  .proinfolist .swiper-slide .left.pro2 .img1 img {
    width: 50%;
    /* text-align: center; */
  }

  .proinfolist .swiper-slide .left .img2 {
    font-size: 0;
    width: 100%;
    right: 0;
    left: auto;
    top: 0;
  }

  .proinfolist .swiper-slide .left.pro2 .img2 {
    width: 70%;
    top: -0.18rem;
    left: 0.58rem;
  }

  .proinfolist .swiper-slide .left.pro8 .img1 {
    width: 80%;
    left: 168px;
    top: 0px;
    position: relative;
    z-index: 8;
  }

  .proinfolist .swiper-slide .left.pro8 .img1 img {
    width: 42%;
  }

  .proinfolist .swiper-slide .left.pro9 .img1 {
    position: relative;
    left: 0;
    top: 0;
    text-align: center;
  }

  .proinfolist .swiper-slide .left.pro9 .img1 img {
    width: 32%
  }

  .proinfolist .swiper-slide .left.pro8 .img2 {
    left: 76px;
    top: 20px;
  }

  .proinfolist .swiper-slide .left .img3 {
    font-size: 0;
    width: 40%;
    left: 0;
    top: 30%;
  }

  .proinfolist .swiper-slide .left .img4 {
    font-size: 0;
    width: 40%;
    left: auto;
    right: 0;
    top: 53%;
  }

  .proinfolist .swiper-slide .left.pro9 .img2 {
    width: 24%;
    right: auto;
    left: 0.5rem;
  }

  .proinfolist .swiper-slide .left.pro9 .img3 {
    width: 24%;
    left: auto;
    right: 0.9rem;
    top: 23%;
  }

  .proinfolist .swiper-slide .left.pro9 .img4 {
    width: 24%;
    right: auto;
    left: 1rem;
    top: auto;
    bottom: 0.5rem;
  }

  .index .zhuanjia {
    padding-top: 0;
  }

  .index .zhuanjia .utitle-box {
    padding-left: 0.16rem;
  }



}


/* 新闻样式 */
.article .itembox {
  margin-top: 48px;
}
.article .itembox ul{
  /* display: flex;
  flex-wrap: wrap;
  justify-content:space-between; */
}
.article .itembox ul li {
  float: left;
  width: 32%;
  margin-right:2%;
  margin-bottom: 62px;
  padding-bottom: 24px;
  /* border-bottom: #cccccc solid 1px; */
  position: relative;
  overflow: hidden;
}
.article .itembox ul li:nth-child(3n){
  margin-right: 0;
}
.article .itembox ul li::after {
  width: 100%;
  height: 1px;
  border: 0;
  border: none;
  border-bottom: 2px solid;
  border-image: linear-gradient(270deg, rgba(0, 149, 208, 1), rgb(52 160 219)) 2 2;
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  z-index: 1;
  border-top: 0 !important;
  border-right: 0 !important;
  border-left: 0 !important;
}

.article .itembox ul li:nth-child(3n) {
  margin-right: 0px;
}

.article .itembox ul li .img {
  width: 458px;
  height: 558px;
  overflow: hidden;
}

.article .itembox ul li .img img {
  width: 100%;
  height: 100%;
  transition: all 0.5s;
}

/* .article .itembox ul li:hover .img {
  transition: all 0.5s;
  transform: scale(1.09);
  -webkit-transform: scale(1.09);
  -moz-transform: scale(1.09);
  -ms-transform: scale(1.09);
} */

img {
  transition: all 0.5s;
}

img:hover {
  transition: all 0.5s;
  transform: scale(1.09);
  -webkit-transform: scale(1.09);
  -moz-transform: scale(1.09);
  -ms-transform: scale(1.09);
}

.banner img:hover,
.logo img {
  transition: all 0.5s;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
}

.article .itembox ul li .title,
.thanks .itembox ul li .title {
  padding: 24px;
}

.article .itembox ul li .title a,
.thanks .itembox ul li .title a {
  /* width: 372px; */
  height: 18px;
  font-size: 18px;
  font-family: MicrosoftYaHei;
  color: #333333;
  line-height: 18px;
  display: block;
  overflow: hidden;
  margin-top: 8px;
}

.article .itembox ul li .description,
.thanks .itembox ul li .description {
  padding: 0px 24px 32px 24px;
  height: 36px;
  overflow: hidden;
}

.article .itembox ul li .description a,
.thanks .itembox ul li .description a {
  height: 36px;
  font-size: 0.14em;
  color: #999999;
  line-height: 18px;
  float: left;
}

.article .itembox ul li:hover,
.thanks .itembox ul li:hover {
  border-bottom-color: #2f9fda;
}

.article .itembox ul li:hover .title a,
.thanks .itembox ul li:hover .title a {
  color: #2f9fda
}

.utitle-box .right .topnav a {
  /* width: 88px; */
  height: 36px;
  line-height: 36px;
  margin-right: 0;
  margin-left: 10px;
  padding: 0 16px;
}

.index .dongtai .article .desc {
  width: 100%;
  font-size: 16px;
  color: #222222;
  line-height: 24px;
  margin-bottom: 64px;
}

.index .dongtai .article .desc p{
line-height: 2.0;
}

.index .dongtai .itembox {
  width: 100%;
}

.index .dongtai .itembox ul li {
  float: left;
  width: 25%;
  /* padding: 0 48px; */
  overflow: hidden;
  height: 384px;

  padding-top: 24px;
  transition: all 0.5s;

}

.index .dongtai .itembox ul li .box {

  width: 100%;
  height: 384px;
  background: url(../images/index/fanganbg.png) no-repeat top center;
  background-size: cover;
  padding: 0 48px;
}

.index .dongtai .itembox ul li .box>a {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
}

.index .dongtai .itembox ul li:hover {
  padding-top: 0;

}

.index .dongtai .itembox ul li:hover .box {
  height: 384px;
  /* margin-top: -40px; */
}

.index .dongtai .itembox ul li .title {
  position: absolute;
  top: 96px;
  left: 0;
  width: 90%;
  height: 64px;
  font-size: 24px;
  color: #FFFFFF;
  line-height: 32px;
}

.index .dongtai .itembox ul li .number {
  position: absolute;
  top: 64px;
  left: 0;
  font-size: 88px;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.2);
  line-height: 64px;
}

.index .dongtai .itembox ul li .line {
  position: absolute;
  width: 0%;
  height: 1px;
  background: #FFFFFF;
  top: 176px;
  left: 0;
  transition: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.index .dongtai .itembox ul li:hover .line {
  width: 100%;
  transition: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.index .dongtai .itembox ul li .more {
  position: absolute;
  top: 264px;
  left: 0;
}

.index .dongtai .itembox ul li .more .CMore {
  padding-left: 0px !important;
  transition: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.index .dongtai .itembox ul li .more .CMore span.txt {
  opacity: 0;
  transition: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.index .dongtai .itembox ul li:hover .more .CMore {
  color: #ffffff !important;
  padding-left: 42px !important;
}

.index .dongtai .itembox ul li:hover .more .CMore span.txt {
  opacity: 1;
}

/* 
.CMore:hover {
  color: #2f9fda;
} */

.index .dongtai .itembox ul li .more .CMore:hover span.icon {
  border: 1px solid #ffffff;
  color: #ffffff;
}

.index .dongtai .itembox ul li .box a>.icon {
  transform: scale(5) rotate(-45deg) translateX(-46%) translateY(44%);
  transform-origin: center center;
  transition: 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  /* width: 80px;
height: 80px; */
  color: #FFFFFF;
  /* margin-top: -6vw; */
  position: absolute;
  right: -24px;
  bottom: 300px;
  opacity: 0.2;

}

.index .dongtai .itembox ul li:hover .box a>.icon {
  transform-origin: left top;
  transition: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  right: 0px;
  bottom: 250px;
  transform: scale(1) rotate(0) translateX(20%) translateY(0);
  opacity: 1;
}

.index .dongtai .itembox ul li .box a>.icon i {
  font-size: 80px;
}


@media screen and (max-width: 750px) {
  .page_body h2.catname span {
    font-size: 0.4rem;
  }

  .page_body {
    padding-bottom: 0.48rem;
  }

  .index .dongtai .article .desc {
    width: 100%;
    font-size: 0.14rem;
  }

  .index .dongtai .itembox ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .index .dongtai .itembox ul li {
    float: none;
    width: 100%;
  }

  .index .dongtai {
    padding: 0 0.16rem 0.48rem 0.16rem;
  }

  .index .dongtai .topnav {
    display: none;
  }

  .article .itembox {
    margin-top: 48px;

  }

  .article .itembox ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .article .itembox ul li {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 0.23rem;
    padding-bottom: 0.12rem;
    border-bottom: #cccccc solid 1px;
  }

  .article .itembox ul.floats li .img {
    display: flex;  
  justify-content: center; /* ˮƽ���� */  

    width: 100%;
  }

  .article .itembox.project ul.floats li .img {
    float: none;
    width: 100%;
  }

  .article .itembox ul.floats li .title,
  .article .itembox ul.floats li .description {
    padding-right: 0.1rem;
	    display: flex;  
  justify-content: center; 
  }

  .article .itembox ul li:nth-child(3n) {
    margin-right: 0px;
  }

  .article .itembox ul li .img {
    width: 100%;
    height: auto !important;
    overflow: hidden;
  }

  .article .itembox ul li .img img {
    /* width: 100%; */
    height: 100%;
    transition: all 0.5s;
  }

  .article .itembox ul li .title,
  .thanks .itembox ul li .title {
    padding: 0.16rem 0;
    font-size: 0.14rem;
  }

  .article .itembox ul li .description,
  .thanks .itembox ul li .description {
    height: auto !important;
    padding: 0;
    line-height: 1.5 !important;
    display: flex;
  }

  .article .itembox ul li .description a,
  .thanks .itembox ul li .description a {
    height: auto !important;
    padding: 0;
    line-height: 1.5 !important;
    font-size: 0.1rem;
  }

  .index .anli {
    padding: 0 0.16rem 0.48rem 0.16rem;
    background: #fff;
  }

  /* .index .anli .anlist .article {
    padding: 100px;
  } */

  .index .anli .anlist .article .itembox ul li:first-child {
    width: 100%;
  }

  .index .anli .anlist .article .itembox ul li:first-child .img {
    height: 1.98rem;
  }

  .index .tesezhenliao {
    padding: 0 0.16rem 0.48rem 0.16rem;
  }
}

/* 首页新闻动�?*/
.index .news {
  width: 100%;
  background: url(../images/index/newbg.png) no-repeat 120px top;
  padding: 96px 0 128px 0;
  position: relative;
  margin-bottom: 128px;
}

@media screen and (max-width: 1800px) {
  .index .news {
    background: url(../images/index/newbg.png) no-repeat left top;
  }
}

.index .news::after {
  position: absolute;
  right: -100px;
  bottom: -50px;
  content: "";
  z-index: -1;
  background: url(../images/bglogo.png) no-repeat center;
  width: 612px;
  height: 514px;
  background-size: contain;
}

.index .news .article .left {
  width: 48%;
  float: left;
}

.index .news .article .left .img {
  width: 100%;
  /* min-height: 516px; */
}

.index .news .article .left .img img {
  width: 100%;
  height: 100%;
}

.index .news .article .left .title {
  height: 24px;
  font-size: 24px;
  color: #222222;
  line-height: 24px;
  margin-top: 16px;
  overflow: hidden;
}

.index .news .article .left .date {
  font-size: 14px;
  color: #999999;
  line-height: 14px;
  margin-top: 20px;
}

.index .news .article .right {
  width: 48%;
  float: right;
}

.index .news .article .right li {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border: none;
  border: 0;
  border-bottom: 1px solid;
  border-image: linear-gradient(270deg, rgba(0, 149, 208, 1), rgba(0, 179, 158, 1)) 1 1;
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
}

.index .news .article .right .img {
  width: 170px;
  min-height: 128px;
  float: left;
}

.index .news .article .right .img img {
  width: 100%;
  height: 100%;
}

.index .news .article .right .info {
  padding-left: 200px;
}

.index .news .article .right .title {
  height: 24px;

  font-size: 18px;
  color: #222222;
  line-height: 24px;
  overflow: hidden;

}

.index .news .article .right li a:hover .title {
  color: #0095D0;
}

.index .news .article .right .desc {
  font-size: 14px;
  color: #999999;
  line-height: 24px;
  margin-top: 9px;
  height: 48px;
  overflow: hidden;

}

.index .news .article .right li a:hover .desc {
  color: #666666;
}

.index .news .article .right .date {
  font-size: 14px;
  color: #999999;
  line-height: 14px;
  margin-top: 35px;
}

@media screen and (max-width: 750px) {
  .right .CMore {
    height: 0.48rem;
    font-size: 0.14rem;
    color: #666666;
    line-height: 0.48rem;
    width: 1rem;
    position: relative;
    padding-left: 0.62rem;
  }

  .index .news::after {
    position: absolute;
    right: auto;
    left: -30%;
    bottom: 0;
    content: "";
    z-index: -1;
    background: url(../images/bglogo.png) no-repeat left bottom;
    width: 70%;
    height: 3rem;
    background-size: contain;
  }

  .index .news {
    background: url(../images/index/new-bg.png) no-repeat center top;
    background-size: cover;
    margin-bottom: 0;
    padding: 0.48rem 0;

  }

  .index .news .container {
    padding: 0 0.24rem;
  }

  .index .news .article .left {
    width: 100%;
    margin-bottom: 0.6rem;
  }

  .index .news .article .right {
    width: 100%;
  }

  .index .news .article .left .img {
    float: none;
    height: auto;
    min-height: auto;
  }

  .index .news .article .right .img {
    float: right;
    height: auto;
    min-height: auto;
    width: 1rem;
  }

  .index .news .article .right .img img {
    display: block;
  }

  .index .news .article .left .title {
    margin-top: 0.2rem;
  }

  .index .news .article .right .info {
    padding-left: 0;
    padding-right: 1.2rem;
  }
}

/* 联系我们样式 */
.page_body .container .txt_body .left {
  float: left;
  line-height: 46px;
}

.page_body .container .txt_body .left p,
.page_body .container .txt_body .left div {
  line-height: 46px;
}

.page_body .container .txt_body .right {
  float: right;
  width: 608px;
}

.page_body .container .txt_body .contactTxt {}

.page_body .container .txt_body .contactTxt .htitle {
  text-align: center;
  margin-bottom: 48px;
}

.page_body .container .txt_body .contactTxt .htitle h2 {
  height: 24px;
  font-size: 24px;
  color: #333333;
  line-height: 24px;
}

.page_body .container .txt_body .contactTxt .htitle .ename {

  height: 12px;
  font-size: 12px;
  color: #999999;
  line-height: 12px;
  margin-top: 12px;
}

.page_body .container .txt_body .contactTxt .map {
  width: 100%;
  overflow: hidden;
  margin-bottom: 48px;
}

.page_body .container .txt_body .contactTxt {
  margin-top: 48px;
}

.page_body .container .txt_body .contactTxt .item {
  float: left;
  width: 30%;
}

.page_body .container .txt_body .contactTxt .item.tel-mail {
  width: 440px;
}

.page_body .container .txt_body .contactTxt .item.tel-mail .txt {
  /* height: 14px; */
  font-size: 14px;
  color: #999999;
  line-height: 14px;
  margin-bottom: 16px;
}

.page_body .container .txt_body .contactTxt .item.tel-mail .txtcode {
  /* height: 24px; */
  font-size: 32px;
  font-family: DIN-Black, DIN;
  font-weight: 900;
  color: #333333;
  line-height: 32px;
}

.page_body .container .txt_body .contactTxt .item.address {
  width: 400px;
}

.page_body .container .txt_body .contactTxt .item.vxcode {
  float: none;
  float: right;
  width: 160px;
  overflow: hidden;
  text-align: center;
  font-size: 14px;
}

.page_body .container .txt_body .contactTxt .vxcode img {
  width: 100%;
  margin-bottom: 12px;
}

.page_body .container .txt_body .contactTxt .sline {
  width: 16px;
  height: 2px;
  background: #cccccc;
  margin: 32px 0;
}

.page_body .container .txt_body .contactTxt .address h5 {
  font-size: 20px;
  color: #333333;
  line-height: 20px;
}

.page_body .container .txt_body .contactTxt .address .txt {

  font-size: 14px;
  color: rgba(51, 51, 51, 1);
  line-height: 22px;

}

.page_body .container .txt_body .contactTxt .address .txt span {
  color: rgba(153, 153, 153, 1)
}

@media screen and (max-width: 750px) {
  .page_body .container .txt_body .map {
    width: 100%;
    overflow: hidden;
    height: 1.8rem;

  }

  .page_body .container .txt_body .map img {
    object-fit: cover;
    height: 100%;
    width: 100%;
  }

  .page_body .container .txt_body .contactTxt .item {
    width: 100% !important;
  }

  .page_body .container .txt_body .htitle {
    text-align: center;
    font-size: 0.2rem;
    padding: 0.4rem 0;
  }

  .page_body .container .txt_body .contactTxt .item.tel-mail .txtcode {
    font-size: 0.2rem
  }

  .page_body .container .txt_body .contactTxt .address {
    padding-top: 0.48rem;
  }

  .page_body .container .txt_body .contactTxt .address h5 {
    font-size: 0.16rem
  }

  .page_body .container .txt_body .contactTxt .sline {
    margin: 0.24rem 0
  }

  .page_body .container .txt_body .contactTxt .vxcode {
    margin: 0.24rem 0
  }

  .page_body .container .txt_body .contactTxt .vxcode img {
    width: 1.8rem;
  }
}

/* 搜索结果页面 */

.searchPage .container {
  width: 890px;
  margin: 0px auto;
}

.searchPage .container .searchBox {
  width: 640px;
  height: 48px;
  border-radius: 32px;
  border: 1px solid #2f9fda;
  margin: 0px auto;
  overflow: hidden;

}

.searchPage .container .searchBox:hover {
  box-shadow: rgba(0, 170, 173, 0.5) 0px 0px 10px;
}

.searchPage .container .searchBox .keyword {
  width: calc(100% - 90px);
  height: 48px;
  border: 0;
  background: none;
  outline: none;
  padding: 0 20px;
}

.searchPage .container form {
  width: 100%;
  display: flex;
}

.searchPage .container .searchBox .submit {
  border: 0;
  width: 92px;
  height: 48px;
  background: #2f9fda;
  border-radius: 0px 32px 32px 0px;
  color: #FFFFFF;
  font-size: 14px;
  outline: none;
  cursor: pointer;
}

.searchPage .container .searchList ul li {
  border-bottom: 1px solid #E5E5E5;
  padding: 47px 0;
}

.searchPage .container .searchList ul li a {
  display: block;
}

.searchPage .container .searchList ul li a.stitle {

  height: 18px;
  font-size: 18px;
  color: #333333;
  line-height: 18px;
}

.searchPage .container .searchList ul li a.stitle .key {
  color: #2f9fda;
}

.searchPage .container .searchList ul li a.sinfo {
  height: 12px;
  font-size: 12px;
  color: #999999;
  line-height: 12px;
  margin: 16px 0;
}

.searchPage .container .searchList ul li a.sdescription {
  /* height: 32px; */
  font-size: 12px;
  color: #666666;
  line-height: 16px;
}

.searchPage .container .noSearchList .icon {
  background: url(../images/no-search-info.png) no-repeat top center;
  height: 96px;
  margin: 32px 0 16px 0;
}

.searchPage .container .noSearchList .tipname {
  text-align: center;
  height: 18px;
  font-size: 18px;
  color: #999999;
  line-height: 18px;
}

@media screen and (max-width: 768px) {
  .searchPage .container {
    width: 100%;
    margin: 0px auto;
    padding: 0.16rem;
  }

  .searchPage .container .searchBox {
    width: 100%;
    height: 48px;
    border-radius: 32px;
    border: 1px solid #2f9fda;
    margin: 0px auto;
    overflow: hidden;

  }

  .searchPage .container .searchBox:hover {
    box-shadow: rgba(0, 170, 173, 0.5) 0px 0px 10px;
  }

  .searchPage .container .searchBox .keyword {
    width: 100%;
    height: 48px;
    border: 0;
    background: none;
    outline: none;
    padding: 0 20px;
  }

  .searchPage .container .searchList ul li {
    padding: 0.16rem 0;
  }

  .searchPage .container .searchList ul li a.stitle {
    font-size: 0.14rem
  }
}

@media screen and (min-width: 1600px) {
  /* .container {
    width: 1200px;
  } */
}

@media screen and (min-width: 1400px) {
  /* .container {
    width: 1200px;
  } */
}

@media screen and (max-width: 1200px) {
  .ispc {
     display: none !important; 
    /*height: 1px !important;  */
    /*overflow: hidden !important;*/
    /*  opacity: 0 !important;*/
  }

  .iswap {
     display: block !important; 
    /*height: auto !important;  */
    /*overflow: hidden !important;*/
    /*  opacity: 1 !important;*/
  }
.proinfolist1.ispc, .procatelist.ispc{
         display: block !important; 
    height: 1px !important;  
    overflow: hidden !important;
      opacity: 0 !important;
}
  .header .container .logo {
    /*background: none;*/
    background-size: 1.26rem 0.36rem;
  }
}

@media screen and (max-width: 750px) {
  img {
    max-width: 100%;
  }





  body {
    /* font-size: 16px; */
    min-width: 100% !important;
    background-color: #ffffff;
  }

  .container {
    width: 100% !important;
  }

  .index .banner {
   /* height: 4.8rem;*/
   height: 100%;
  }

  .index .banner .swiper-container {
    height: 100%;
  }

  .home-ban .txt-area,
  .home-ban-wap .txt-area {
    left: 2%;
  }

  .home-ban .txt-area .en,
  .home-ban-wap .txt-area .e {
    font-size: 0.3rem;
    margin-left: 0;
  }

  .home-ban-wap .txt-area,
  .home-ban .txt-area {
    left: 2%;
  }

  .home-ban-wap .txt-area .en,
  .home-ban .txt-area .en {
    font-size: 0.3rem;
    margin-left: 0;
  }

  .index .banner img {
    /*height: 100%;*/
  }

  .header,
  .header .container {
    height: 0.48rem;
    border-bottom: rgba(255, 255, 255, 0.2) solid 1px;
  }

  .header .container .logo {
    left: 0.16rem;
    top: 0.02rem;
    background-size:  2.5rem;
  }

  .header .container .logo img {
    width: 2.4rem;
    float: left
  }

  .page_body .container .txt_body {
    width: 100%;
    float: none;
    padding: 0.4rem .16rem;
    font-size: 0.14rem;
    /* line-height: 22px; */
  }

  .topnav {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    /*border-bottom: #ccc solid 1px;*/
    padding: 0 0.16rem;
  }

  .topnav a {
    font-size: 0.14rem;
    width: auto;
    padding: 0;
    border: none;
  }

  .topnav a.active {
    background: none;
    color: #2f9fda;
    border-bottom: #2f9fda solid 1px;
  }

  .topnav a:hover {
    background: none;
    color: #666;
    /* border-bottom: #2f9fda solid 1px; */
  }

  .article .itembox {
    padding: 0 0.16rem;
  }

  #pages {
    padding: 0.2rem 0;
    font-size: 0.12rem;
  }

  #pages li {
    width: 36px;
    height: 36px;
    border: 1px solid #CCCCCC;
    display: inline-block;
    margin-right: 10px;
    text-align: center;
    line-height: 36px;
  }

  #pages li a {
    color: #000000;
    font-size: 0.12rem;
  }

  #pages li:hover a {
    color: #ffffff;
  }

  #pages li.active,
  #pages li:hover {
    border: 1px solid #2f9fda;
    background: #2f9fda;
    color: #ffffff;
    font-size: 0.12rem;
  }
}

.wrapper04 {
  position: relative;
  height: 0.4rem;
  width: 56%;
  overflow: hidden;
  margin: 0;
  margin-bottom: 0.2rem
}

.wrapper04 .scroller {
  position: absolute
}

.wrapper04 .scroller li {
  height: 0.4rem;
  color: #333;
  float: left;
  line-height: 0.4rem;
  font-size: .14rem;
  text-align: center
}

.wrapper04 .scroller li a {
  color: #ffffff;
  display: block;
  margin: 0 .22rem;
  line-height: 0.39rem
}

/*.wrapper04 .scroller li.cur{background:#1cbb9b}*/
.wrapper04 .scroller li.cur a {
  color: #fff;
  border-bottom: #ffffff solid 1px
}
/* .wrapper04 .scroller li a.active {
  color: #fff;
  border-bottom: #ffffff solid 1px
} */

@media screen and (max-width: 768px) {
  .utitle-box .Utitle {
    font-size: 0.3rem;

  }

  .wrapper04 {
    position: relative;
    height: 0.4rem;
    width: 96%;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 0.2rem
  }

  .wrapper04 .scroller {
    position: absolute
  }

  .wrapper04 .scroller li {
    height: 0.4rem;
    color: #333;
    float: left;
    line-height: 0.4rem;
    font-size: .14rem;
    text-align: center
  }

  .wrapper04 .scroller li a {
    color: #ffffff;
    display: block;
    margin: 0 .22rem;
    line-height: 0.39rem
  }

  /*.wrapper04 .scroller li.cur{background:#1cbb9b}*/
  .wrapper04 .scroller li.cur a {
    color: #fff;
    /* border-bottom: #ffffff solid 1px */
  }

  .zjSearch {
    height: 0.48rem;

    background: #F5F5F5;
  }

  .zjSearch form {
    /* float: left; */
    display: flex;
    width: 100%;
    height: 0.48rem;
  }

  .zjSearch form input {
    height: 0.48rem;
    top: 0;
    left: 0;
    width: 100%;
    border: none;
    background: none;
    float: left;
    background: url(../images/searchicon.png) no-repeat 0.1rem center;
    background-size: 0.24rem;
    padding-left: 0.4rem;
    outline: none;

  }

  .wap {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .firstLevel {
    width: 35%;
    font-size: 0.14rem;
    height: 100%;
    height: 4.8rem;

    background: #F5F5F5;
  }

  .firstLevel a {
    display: block;
    padding: 0.2rem 0.16rem;
    color: #333333;
    position: relative;
  }

  .firstLevel a.active::after {
    position: absolute;
    left: 0;
    top: 0.2rem;
    height: 0.14rem;
    width: 0.02rem;
    content: "";
    background: #2f9fda;
    z-index: 1;
  }

  .firstLevel a.active {
    display: block;
    /* padding: 0.2rem 0.2rem; */
    background: #ffffff;
    color: #2f9fda
  }

  .secondLevel {
    width: 65%;
    font-size: 0.14rem;
    padding: 0 0.16rem;
    overflow: hidden;
    overflow-y: auto;
    height: 4.8rem;

  }

  .secondLevel a {
    display: block;
    padding: 0.2rem 0rem;
    color: #333333;
    position: relative;
    border-bottom: #ccc solid 1px;
    background: url(../images/right-1.png) no-repeat right center;
    background-size: 0.12rem;
  }
}

.kefu {
  position: fixed;
  right: 0;
  top: 70%;
  z-index: 900;
  width: 70px;
  background: #fff;
  border: #f2f2f2 solid 1px;

}

.kefu li a {
  text-decoration: none;
}

.kefu li {
  margin-top: 1px;
  clear: both;
  height: 80px;
  position: relative;
  border-bottom: #E5E5E5 solid 1px;
  cursor: pointer;
}

.kefu li .kefu-left i {

  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  text-align: center;
  font-size: 32px;
  color: #999;
}

.kefu li .kefu-left p {
  height: 20px;
  font-size: 12px;
  line-height: 20px;
  overflow: hidden;
  text-align: center;
  color: #999999;
  margin: 0;
}

.kefu .kefu-qq i {
  background-position: 0px 0px;
}

.kefu .kefu-tel i {
  background-position: 0 -80px;

}

.kefu .kefu-liuyan i {
  background-position: 4px -53px;
}

.kefu .kefu-weixin i {
  background-position: -0px -160px;
}

.kefu .kefu-weibo i {
  background-position: -30px -22px;
}

.kefu .kefu-ftop {
  display: none;
}

.kefu .kefu-ftop i {

  background-position: 0px -240px;
  font-size: 16px;
}

.kefu .kefu-left {
  float: left;
  width: 70px;
  height: 47px;
  position: relative;
}

.kefu .kefu-tel-right {
  font-size: 16px;
  color: #fff;
  float: left;
  height: 24px;
  line-height: 22px;
  padding: 0 15px;
  border-left: 1px solid #fff;
  margin-top: 14px;
}

.kefu .kefu-right {
  width: 20px;
}

.kefu .kefu-tel-main {
  /*background: #666;*/
  color: #fff;
  height: 80px;
  width: 247px;
  padding: 9px 0 6px;
  float: left;
}

.kefu .kefu-main {
  /*background: #666;*/
  width: 97px;
  height: 80px;
  position: relative;
  padding: 9px 0 6px;
  float: left;
  z-index: 100;
}

/*.kefu .kefu-main:hover{background: #38affd;}*/
.kefu .kefu-weixin-pic {
  position: absolute;
  left: -115px;
  bottom: -5px;
  display: none;
  z-index: 333;
}

.kefu-weixin-pic img {
  width: 115px;
  height: 115px;
}

.kefu li.kefu-ftop {
  width: 70px;
  height: 40px;
  background: linear-gradient(270deg, #0095D0 0%, #34a0db 100%);
}

.kefu li.kefu-ftop i {
  color: #ffffff;
  font-size: 18px;
}

.kefu li.kefu-ftop a:hover i {
  color: #ffffff;
}

.kefu .kefu-ftop .kefu-main,
.kefu-ftop .kefu-main .kefu-left {
  height: 32px !important;
}

.kefu li a:hover,
.kefu li:hover .kefu-left i,
.kefu li:hover .kefu-left p {
  color: #2f9fda;
}

#telwindonw,#wxwindonw {
  position: fixed;
  width: 188px;
  height: 102px;
  background: #FFFFFF;
  z-index: 99;
  right: 0;
  top: calc(70% - 80px);
  font-size: 14px;
  /*display: none ;*/
  right: -200px;
  transition: all 0.5s;
  opacity: 0;
}
#openWxs:hover #wxwindonw{
    right: 80px;
    transition: all 0.5s;
    opacity: 1;
}
#opentel:hover #telwindonw{
    right: 80px;
    transition: all 0.5s;
    opacity: 1;
}
#wxwindonw{
    height: auto;
    text-align: center;
    padding: 20px;
    top: 70%;
}
#wxwindonw p{
    margin-top: 10px;
}
#wxwindonw img{
    max-width: 100%;
}
#telwindonw .box,#wxwindonw .box  {
  position: relative;
  font-size: 14px;
}

#telwindonw span#closeds {
  position: absolute;
  right: 20px;
  top: 16px;
  cursor: pointer;
}

#telwindonw .box .txt {
  height: 56px;
  line-height: 56px;
  padding-left: 16px;
}

#telwindonw .box .telnumber {
  padding-left: 16px;
  height: 56px;
  background: #E5E5E5;
  font-size: 18px;
  line-height: 56px;
}

#telwindonw .box .telnumber i {
  font-size: 24px;
  margin-right: 8px;
}

#mark {
  background: rgba(0, 0, 0, 0.6);
  height: 100%;
  width: 100%;
  z-index: 99999;
  position: fixed;
  top: 0;
  left: 0;
  transition: all 0.5s;
  display: none;
}

.win_vx,
#qrcode1 {
  background: #ffffff;
  /*height: 160px;*/
  width: 220px;
  height: 220px;
  z-index: 9999999;
  position: fixed;
  top: calc(50% - 110px);
  left: calc(50% - 110px);
  transition: all 0.5s;
  display: none;
  text-align: center;
  padding: 10px;
  font-size: 14px;

}

.win_vx img {
  width: 180px;
}



.home-ban,
.home-ban-wap {
  position: relative;
}

.home-ban .txt-area,
.home-ban-wap .txt-area {
  position: absolute;
  bottom: 20vw;
  left: 12.5%;
  width: 87%;
  z-index: 10;
  color: #fff;
  font-size: 0.77rem;
}

.home-ban .txt-area .cn,
.home-ban-wap .txt-area .cn {
  font-size: 1em;
  letter-spacing: 0.105em;
  margin-bottom: 0.2em;
  color: #ffffff;
}

/* .home-ban .txt-area .cn.color span {
  background-image: -webkit-linear-gradient(left, #41a7df, #22a39c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
} */
.home-ban .txt-area .lines,
.home-ban-wap .txt-area .lines {
  width: 93px;
  height: 4px;
  background: linear-gradient(270deg, #0095D0 0%, #34a0db 100%);
  margin-top: 64px;
  margin-bottom: 56px;
}

.home-ban .txt-area .en,
.home-ban-wap .txt-area .en {
  font-size: 0.65em;
  /* margin-left: 1.4em;
  padding-left: 1.4em; */
  position: relative;
  line-height: 1em;
  text-transform: uppercase;

  font-size: 32px;
  color: #ffffff;
}


.home-ban-wap .txt-area .en1 {
  font-size: 0.60em;
  margin-bottom: 0.4em;
  /* padding-left: 1.4em; */
  position: relative;
  line-height: 1em;
  text-transform: uppercase;
  font-weight: bold;  
  background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);  
  -webkit-background-clip: text;  
  color: transparent;  
  background-clip: text; 
}


/* .home-ban .txt-area .en:before {
  position: absolute;
  content: '';
  left: 0;
  height: 1px;
  width: 1.2em;
  top: 0.5em;
  background: rgb(65, 167, 224);
  background: -moz-linear-gradient(left, rgba(65, 167, 224, 1) 0%, rgba(33, 163, 155, 1) 100%);
  background: -webkit-linear-gradient(left, rgba(65, 167, 224, 1) 0%, rgba(33, 163, 155, 1) 100%);
  background: linear-gradient(to right, rgba(65, 167, 224, 1) 0%, rgba(33, 163, 155, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#41a7e0', endColorstr='#21a39b', GradientType=1);
} */

@media(min-width:1025px) {

  .home-ban .txt-area .en,
  .home-ban-wap .txt-area .en {
    letter-spacing: 0.05em;
  }
}

@media(max-width:1024px) {

  .home-ban .txt-area,
  .home-ban-wap .txt-area {
    bottom: auto;
    top: 1rem;
  }

  .home-ban .txt-area,
  .home-ban-wap .txt-area {
    font-size: 0.4rem;
  }

  .home-ban .txt-area .en,
  .home-ban-wap .txt-area .en {
    font-size: 0.21rem;
    margin-left: 0em;
  }

  .home-ban .txt-area .en br,
  .home-ban-wap .txt-area .en br {
    display: none;
  }

  .home-ban-wap .txt-area .lines {
    width: 294px;
    height: 1px;
    background: linear-gradient(270deg, #a3e3ffb3 0%, #d7efff82 100%);
    margin-top: 0.1rem;
    margin-bottom: 0.2rem;
  }
}

.home-ban .txt-area aside,
.home-ban-wap .txt-area aside {
  opacity: 0;
  transition: opacity 1s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transform: translateX(50px);
}

.home-ban img {
  /*transform: scale(1) rotate(0deg);*/
  width: 100%;
}

.home-ban .swiper-slide-active img {
 /* transform: scale(2) rotate(20deg);*/
  transition: transform 50s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.home-ban .swiper-slide-active .txt-area aside,
.home-ban-wap .swiper-slide-active .txt-area aside {
  opacity: 1;
  transform: translateX(0);
}

.home-ban .pagess,
.home-ban-wap .pagess {
  position: absolute;
  z-index: 20;
  left: 12.5%;
  width: 87.5%;
  bottom: 3.125vw;
  padding: 0;
  text-align: left;
}

@media(max-width:1024px) {

  .home-ban .pagess,
  .home-ban-wap .pagess {
    bottom: 5.47%;
  }
}

.home-ban .btn,
.home-ban-wap .btn {
  position: relative;
  display: inline-block;
  margin-right: 25px;
  list-style: none;
  font-size: 0;
  transition: 0.3s;
}

.home-ban .btn:before,
.home-ban-wap .btn:before {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.6);
  border: 0;
  padding: 0;
  font-size: 0;
  content: '';
  display: block;
  margin-top: 14px;
}

.home-ban .btn.active,
.home-ban-wap .btn.active {
  margin-right: 44px;
}

.home-ban .btn.active:before,
.home-ban-wap .btn.active:before {
  opacity: 0;
}

.home-ban .btn.active:after,
.home-ban-wap .btn.active:after {
  position: absolute;
  content: '';
  width: 24px;
  height: 24px;
  background: url("../images/logo-dots.png") no-repeat center center;
  background-size: contain;
  left: 0;
  top: 50%;
  margin-top: -6px;
}

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

  .index .container,
  .container,
  .page_body .container,
  .subbanner>.container,.header .container, .footer .container {
    width: 1320px;
  }
  .footer .container .navboxs{
    display: flex;
    justify-content: space-between;
  }
  .footer .container .navboxs .left {
    display: flex;
    width: 80%;
    justify-content: space-around;
  }
  .footer .container .navboxs .left dl{
    margin-right: 0;
  }
}

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

  .index .container,
  .container,
  .page_body .container,
  .subbanner>.container,
  .header .container, .footer .container {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
.searchList{
    min-height: 4rem;
}
  .footer .container .navboxs{
      width: 100%;
      display: block;
  }
  .footer .container .navboxs .left{
      width: 100%;
  }
   .footer .container .navboxs .left .ispc{
       display: none !important;
   }
.footer .container .navboxs .left dl dt {
    font-size: 12px;
    color: #FFFFFF;
    margin-bottom: 30px;
}
 
  
}


.inner div{
    font-size: 0.16rem;
    line-height: 2.5;
}

.title{
margin-bottom:10px;
}