#header {
  position: fixed;
  width: 100%;
  z-index: 2;
  transition: all .3s;
}

#header .marginAuto {
  display: flex;
  justify-content: space-between;
  height: 1.17rem;
  align-items: center;
  transition: all .5s ease 0s;
}

#header.postion-absolute {
  position: relative;
}

#header.on {
  background: #fff;
}

#header.on .marginAuto,#header.postion-absolute .marginAuto{
  height: .9rem;
}

#header.on .nav a ,#header.postion-absolute .nav a{
  color: #333;
}
#header.on .nav a:hover,#header.postion-absolute .nav a:hover,#header.postion-absolute .nav .on2>a{
  color: #47a0ec;
}

#header.postion-absolute .nav .on2>a{
    font-weight: bold;
}


#header.on .handle .select .t ,#header.postion-absolute .handle .select .t {
  color: #333;
}

#header .logo img {
  height: .5rem;
}

#header .nav {
  display: flex;
  line-height: .9rem;
  align-items: center;
  padding-bottom: 4px;
}

#header .nav ul {
  display: flex;
}

#header .nav ul li {
  margin-right: .33rem;
  position: relative;
  border-bottom: 3px solid transparent;
}

#header .nav ul li.on2 {
  border-bottom: 3px solid #fff;
}

#header .nav ul li:hover {
  border-bottom: 3px solid #47a0ec;
}


#header .nav ul li:last-child {
  margin-right: 0;
}

#header .nav ul li .menu {
  display:none;overflow: hidden;transition: all 0.3s;
  position: absolute;
  top: calc(.9rem + 4px);
  left: 50%;
  opacity: 0;
  background: #fff;
  transform: translate(-50%, 0);
  line-height: .5rem;
}

#header .nav ul li .menu a {
  padding: 0 .3rem;
  white-space: nowrap;
}

#header .nav ul li.on .menu{
  display: block;opacity: 1;
}


#header .nav a {
  font-size: .16rem;
  color: #ffffff;
}

#header .handle {
  display: flex;
  align-items: center;
}

#header .handle .select {
  display: flex;cursor: pointer;
  position: relative;align-items: center;
}
#header .handle .select:hover .alert-lang{
    visibility: visible;
}

#header .handle .select .t {
  margin-left: .07rem;
  background: none;
  border: 0;
  font-size: .16rem;
  color: #ffffff;
}
#header .handle .select .alert-lang{
    position: absolute;right:0px;top:100%;
   visibility: hidden;
    padding:10px 0;min-width:130px;
}
#header .handle .select .alert-lang .list{
     background:#fff;border-radius: 10px;
     padding:10px 0;
}
#header .handle .select .alert-lang .it{
    display:flex;
    padding:6px 15px;font-size: .16rem;align-items: center;
}
#header .handle .select .alert-lang .it img{margin-right:10px;width:25px}
#header .handle .search {
  margin: 0 .43rem;
}

#header .handle .menu {
  display: none;
}

#header.postion-absolute.on .marginAuto {
  height: 1.17rem;
}

.home {
  position: relative;
}

.home .swiper {
  width: 100%;
  height: 100%;
}

.home .swiper-container-horizontal > .swiper-pagination-bullets {
  line-height: auto;
  font-size: 0;
  bottom: .53rem;
}

.home .banner-swiper-container {
  height: 100%;
}

.home .banner-swiper-container .swiper-pagination-bullet {
  width: .51rem;
  height: .04rem;
  background: #0061ab;
  opacity: 1;
  border-radius: 0;
  margin: 0 .04rem;
}

.home .banner-swiper-container .swiper-pagination-bullet-active {
  background: #fff;
}

.home .banner-swiper-container .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home .banner-swiper-container .swiper-slide .main {
  position: absolute;
  left: 1.46rem;
  top: 40%;
  text-align: left;
}

.home .banner-swiper-container .swiper-slide .main .tit {
  font-size: .56rem;
  line-height: .56rem;
  color: #ffffff;
  font-weight: bold;
  margin-bottom: .7rem;
}

.home .banner-swiper-container .swiper-slide .main a {
  display: inline-block;
  font-size: .16rem;
  color: #fff;
  border: 1px solid #ffffff;
  box-sizing: border-box;
  line-height: .47rem;
  width: 1.63rem;
  border-radius: .05rem;
  padding-left: .26rem;
  background: url(../images/icon5.png) no-repeat 80% center;
}

.home .section.active .product .title {
  opacity: 1;
  transform: translateY(0rem);
}

.home .section.active .product .list {
  opacity: 1;
  transform: translateY(0rem);
}

.home .section.active .about .title, .home .section.active .about .main {
  transform: translateY(0rem);
}

.home .title {
  margin-bottom: .73rem;
}

.home .title .en {
  font-size: .16rem;
  color: #666666;
  margin-bottom: .14rem;
}

.home .title h1 {
  font-size: .36rem;
  color: #333333;
  font-weight: bold;
}

.home .title h1 span {
  display: inline-block;
  padding-right: .34rem;
  background: url(../images/icon6.png) no-repeat right top/0.17rem auto;
}

.home .product {
  height: 100%;
  display: flex;
  align-items: center;
  background: url(../images/product13.jpg) no-repeat center bottom/100% auto;
}

.home .product .title {
  opacity: 0;
  transform: translateY(0.3rem);
  transition: all 1s ease .5s;
}

.home .product .list {
  display: flex;
  opacity: 0;
  transform: translateY(0.3rem);
  transition: all 1s ease .7s;
}

.home .product .list .item {
  width: 3.89rem;
  margin-right: .23rem !important;
  position: relative;
}

.home .product .list .item .num {
  position: absolute;
  top: .3rem;
  left: .3rem;
  font-size: .24rem;
  color: #2a2d3e;
  font-weight: bold;
  transition: all .3s ease-out;
}

.home .product .list .item:hover .num {
  color: #fff;
}

.home .product .list .item:hover .bg::after {
  background: linear-gradient(120deg, #2e8dee 0%, #0061ab 72%, #3400ab 100%);
  opacity: .7;
}

.home .product .list .item:hover .text {
  top: 30%;
}

.home .product .list .item:hover:nth-child(3) .icon {
  background: url(../images/product9.png) no-repeat center center/cover;
}

.home .product .list .item:hover:nth-child(2) .icon {
  background: url(../images/product10.png) no-repeat center center/cover;
}

.home .product .list .item:hover:nth-child(1) .icon {
  background: url(../images/product11.png) no-repeat center center/cover;
}

.home .product .list .item:hover:nth-child(4) .icon {
  background: url(../images/product12.png) no-repeat center center/cover;
}

.home .product .list .item:hover .text h1, .home .product .list .item:hover .text p {
  color: #fff;
}

.home .product .list .item:hover .text h2 {
  color: rgba(255, 255, 255, 0.4);
}

.home .product .list .item:nth-child(3) .icon {
  background: url(../images/product5.png) no-repeat center center/cover;
}

.home .product .list .item:nth-child(2) .icon {
  background: url(../images/product6.png) no-repeat center center/cover;
}

.home .product .list .item:nth-child(1) .icon {
  background: url(../images/product7.png) no-repeat center center/cover;
}

.home .product .list .item:nth-child(4) .icon {
  background: url(../images/product8.png) no-repeat center center/cover;
}

.home .product .list .item:last-child {
  margin-right: 0 !important;
}

.home .product .list .item .bg {
  position: relative;
}

.home .product .list .item .bg::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  transition: all .3s ease-out;
  width: 100%;
  height: 100%;
  background: linear-gradient(120deg, #e4ecf2 100%, #ffffff 100%);
  opacity: .9;
}

.home .product .list .item .bg img {
  width: 100%;
}

.home .product .list .item .text {
  position: absolute;
  width: 100%;
  top: 38%;
  box-sizing: border-box;
  padding: 0 .4rem;
  text-align: left;
  transition: all .5s ease 0s;
}

.home .product .list .item .text .icon {
  width: .57rem;
  height: .66rem;
  margin-bottom: .5rem;
  transition: all .3s ease 0s;
}

.home .product .list .item .text h1 {
  font-size: .24rem;
  color: #333333;
  margin-bottom: .1rem;
}

.home .product .list .item .text h2 {
  font-size: .14rem;
  color: rgba(102, 102, 102, 0.4);
  margin-bottom: .16rem;
}

.home .product .list .item .text p {
  font-size: .16rem;
  color: #333333;
  line-height: .3rem;
}

.home .about {
  height: 100%;
  background: url(../images/about.jpg) no-repeat center center/cover;
  align-items: flex-start;
  box-sizing: border-box;
  padding-top: 1.5rem;
}

.home .about .title {
  margin-bottom: 1rem;
  transform: translateY(0.3rem);
  transition: all 1s ease .5s;
}

.home .about .title .en {
  color: rgba(255, 255, 255, 0.8);
}

.home .about .title h1 {
  color: #fff;
}

.home .about .title h1 span {
  background: url(../images/icon7.png) no-repeat right top/0.17rem auto;
}

.home .about .main {
  width: 6.89rem;
  transform: translateY(0.3rem);
  transition: all 1s ease .5s;
}

.home .about .main h2 {
  font-size: .36rem;
  color: #fff;
  margin-bottom: .3rem;
}

.home .about .main h1 {
  font-size: .42rem;
  color: #ffffff;
  margin-bottom: .3rem;
}

.home .about .main p {
  font-size: .16rem;
  color: rgba(255, 255, 255, 0.6);
  line-height: .24rem;
  margin-bottom: .42rem;
}

.home .about .main .links {
  display: flex;
  justify-content: space-between;
}

.home .about .main .links a {
  text-align: center;
  margin-right: .53rem;
}

.home .about .main .links a img {
  width: auto;
  height: .41rem;
  margin-bottom: .12rem;
}

.home .about .main .links a .text {
  font-size: .18rem;
  color: #ffffff;
}

.home .news {
  height: 100%;
  box-sizing: border-box;
  padding-top: 2rem;
  background: url(../images/news.jpg) no-repeat center center/cover;
  padding-bottom: 1.78rem;
}

.home .news .main {
  display: flex;
}

.home .news .main .swiper-box {
  width: 7.22rem;
  /*height: 5.22rem;*/
  margin-right: .32rem;
}

.home .news .main .swiper-box .swiper-slide a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}

.home .news .main .swiper-box .swiper-slide .tit {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  font-size: .2rem;
  color: #ffffff;
  line-height: .64rem;
  background: rgba(42, 45, 62, 0.8);
  box-sizing: border-box;
  padding: 0 .26rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.home .news .main .swiper-box .swiper-slide img {
  width: 100%;
  height: 100%;
}

.home .news .main .swiper-box .swiper-container-horizontal > .swiper-pagination-bullets {
  right: .24rem;
  left: auto;
  width: auto;
  bottom: .25rem;
}

.home .news .main .swiper-box .swiper-pagination-bullet {
  width: .12rem;
  height: .12rem;
  background: #0061ab;
  opacity: 1;
  border-radius: .12rem;
  margin: 0 .04rem;
}

.home .news .main .swiper-box .swiper-pagination-bullet-active {
  background: #fff;
}

.home .news .main .list {
  flex: 1;
  display: flex;
}

.home .news .main .list .tips {
  width: 4.26rem;
  margin-right: .23rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.home .news .main .list .tips a {
  display: block;
  background: #fff;
  height:48.5%;
  padding: .33rem .35rem .45rem;
  box-shadow: 0 0 3px 0 rgba(3, 3, 3, 0.15);
  /*margin-bottom: .12rem;*/
  box-sizing:border-box;
  transition: all .3s ease 0s;
}

.home .news .main .list .tips a:last-child {
  margin-bottom: 0;
}

.home .news .main .list .tips a:hover {
  background: #0061ab;
}

.home .news .main .list .tips a:hover h1, .home .news .main .list .tips a:hover p {
  color: #fff;
}

.home .news .main .list .tips a:hover .btn .time .day, .home .news .main .list .tips a:hover .btn .time .yaer {
  color: #fff;
}

.home .news .main .list .tips a:hover .btn .more {
  color: #fff;
  background: url(../images/icon8.png) no-repeat right center/0.24rem auto;
}

.home .news .main .list .tips a h1 {
  font-size: .2rem;
  color: #333333;
  margin-bottom: .16rem;
  overflow:hidden;

                white-space: nowrap;

                text-overflow: ellipsis;

                -o-text-overflow:ellipsis;
}

.home .news .main .list .tips a p {
  font-size: .14rem;
  line-height: .24rem;
  height:.48rem;
  color: #666666;
  
  margin-bottom: .2rem;
  overflow: hidden;

/*white-space: nowrap;*/

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;
}

.home .news .main .list .tips a .btn {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-top:.2rem;
  border-top: 1px solid #e0e0e0;
}

.home .news .main .list .tips a .btn .time .day {
  font-size: .3rem;
  font-weight: bold;
  color: #828181;
  margin-bottom: .05rem;
}

.home .news .main .list .tips a .btn .time .yaer {
  font-size: .16rem;
  color: #999999;
}

.home .news .main .list .tips a .btn .more {
  transition: all .3s ease 0s;
  font-size: .14rem;
  color: #666666;
  background: url(../images/icon8_1.png) no-repeat right center/0.24rem auto;
  padding-right: .34rem;
}

.home .news .main .list .three {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.home .news .main .list .three a {
  padding: .43rem .29rem .4rem .39rem;
  box-shadow: 0 0 3px 0 rgba(3, 3, 3, 0.15);
  display: flex;
  /*width: 100%;*/
  background: #fff;
  /*margin-bottom: .06rem;*/
  box-sizing:border-box;
  height:31.3%;
}

.home .news .main .list .three a:last-child {
  margin-bottom: 0;
}

.home .news .main .list .three a:hover {
  background: #0061ab;
}

.home .news .main .list .three a:hover .time .day, .home .news .main .list .three a:hover .time .yaer {
  color: #fff;
}

.home .news .main .list .three a:hover .tit h1 {
  color: #fff;
}

.home .news .main .list .three a:hover .tit .more {
  color: #fff;
  background: url(../images/icon8.png) no-repeat right center/0.24rem auto;
}

.home .news .main .list .three a .time {
  width: .93rem;
  border-right: 1px solid #e0e0e0;
  margin-right: .2rem;
}

.home .news .main .list .three a .time .day {
  font-size: .3rem;
  font-weight: bold;
  color: #828181;
  margin-bottom: .18rem;
}

.home .news .main .list .three a .time .yaer {
  font-size: .16rem;
  color: #999999;
}

.home .news .main .list .three a .tit {
  flex: 1;
}

.home .news .main .list .three a .tit h1 {
  font-size: .18rem;
  line-height: .24rem;
  height:.48rem;
  color: #333333;
  margin-bottom: .2rem;
}

.home .news .main .list .three a .tit .more {
  display: inline-block;
  transition: all .3s ease 0s;
  font-size: .14rem;
  color: #666666;
  background: url(../images/icon8_1.png) no-repeat right center/0.24rem auto;
  padding-right: .34rem;
}

.home .cooperation {
  background: url(../images/cooperation.jpg) no-repeat center center/cover;
  height: 3.16rem;
  text-align: center;
  color: #fff;
  box-sizing: border-box;
  padding-top: .68rem;
}

.home .cooperation h1 {
  font-size: .3rem;
  margin-bottom: .12rem;
  font-weight: bold;
}

.home .cooperation h2 {
  font-size: .18rem;
  margin-bottom: .4rem;
}

.home .cooperation .btn {
  display: flex;
  justify-content: center;
}

.home .cooperation .btn a {
  font-size: .18rem;
  color: #fff;
  width: 2.4rem;
  line-height: .54rem;
  box-sizing: border-box;
  border: .02rem solid #ffffff;
  text-align: center;
  margin: 0 .14rem;
  font-weight: bold;
}

.home .cooperation .btn a.tel img {
  width: .28rem;
  margin-right: .1rem;
}

.footer {
  background: #2a2d3e;
  padding-top: .57rem;
}

.footer .marginAuto {
  display: flex;
  justify-content: space-between;
}

.footer .nav {
  display: flex;
}

.footer .nav .item {
  margin-right: .6rem;
}

.footer .nav .item:last-child {
  margin-right: 0;
}

.footer .nav .tit {
  margin-bottom: .08rem;
}

.footer .nav .tit a {
  font-size: .16rem;
  color: #ffffff;
}

.footer .nav a {
  display: block;
  font-size: .14rem;
  color: #cccccc;
  line-height: .3rem;
}

.footer .company {
  display: flex;
  background: url(../images/footer1.png) no-repeat left 0.05rem/0.31rem auto;
  padding-left: .6rem;
}

.footer .company .main {
  color: #ffffff;
}

.footer .company .main h1 {
  font-size: 16px;
  line-height: 30px;
}

.footer .company .main p {
  font-size: 14px;
  line-height: 30px;
}

.footer .company .qrcode {
  display: flex;
}

.footer .company .qrcode .item {
  margin-left: .16rem;
  text-align: center;
}

.footer .company .qrcode .item img {
  width: 1.2rem;
  height: 1.2rem;
  margin-bottom: .14rem;
}

.footer .company .qrcode .item h1 {
  font-size: .14rem;
  color: #ffffff;
}

.footer .copyright {
  font-size: 14px;
  color: #cccccc;
  border-top: 1px solid #595b68;
  line-height: .84rem;
  margin-top: .52rem;
  position: relative;
}

.footer .copyright .foot-logo {
  position: absolute;
  right: 0;
  top: -.3rem;
  width: 4.33rem;
  background: #2a2d3e;
  padding-left: .1rem;
}

.footer .copyright .marginAuto {
  justify-content: flex-start;
}

.footer .copyright a {
  color: #cccccc;
  margin-left: .2rem;
}

.layer-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  z-index: 9000;
  display: none;
}

.fixed-form {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9001;
  width: 12rem;
  height: 7.17rem;
  background: #fff;
  box-shadow: 0 0 3px 0 rgba(3, 3, 3, 0.15);
  box-sizing: border-box;
  padding: .8rem 1.19rem 0;
}

.fixed-form .close {
  position: absolute;
  top: .64rem;
  right: .56rem;
  width: .45rem;
  height: .45rem;
  cursor: pointer;
}

.fixed-form .title {
  font-size: .36rem;
  color: #333333;
  font-weight: bold;
  text-align: center;
  padding-bottom: .4rem;
  border-bottom: 1px solid #0161ab;
  margin-bottom: .4rem;
}

.fixed-form form .item .label {
  font-size: .18rem;
  font-weight: bold;
  color: #333333;
  margin-bottom: .26rem;
}

.fixed-form form .item .input-box {
  display: flex;
  margin-bottom: .36rem;
}

.fixed-form form .item .input-box input[type=text] {
  flex: 1;
  height: .46rem;
  box-sizing: border-box;
  border: 1px solid #e5e5e5;
  margin-right: .19rem;
  padding: 0 .18rem;
  font-size: .14rem;
  color: #333333;
}

.fixed-form form .item .input-box input[type=text]:last-child {
  margin-right: 0;
}

.fixed-form form .item .input-box textarea {
  flex: 1;
  height: 1.2rem;
  box-sizing: border-box;
  border: 1px solid #e5e5e5;
  padding: .18rem;
  font-size: .14rem;
  color: #333333;
}

.fixed-form form .btn input[type=submit] {
  width: 100%;
  height: .64rem;
  border: 0;
  background: linear-gradient(120deg, #0061ab 0%, #0f87e7 100%);
  font-size: .2rem;
  color: #fff;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
}

.kv {
  width: 100%;
  height: 6.44rem;
  position: relative;
}

.kv > img {
  width: 100%;
  object-fit: cover;
  height: 100%;
}

.kv .positon {
  position: absolute;
  left: 0;
  bottom: .16rem;
  width: 100%;
}

.kv .positon .marginAuto {
  display: flex;
  justify-content: flex-end;
}

.kv .positon a {
  display: flex;
  align-items: center;
  margin-right: .1rem;
  font-size: .14rem;
  color: #ffffff;
}

.kv .positon a::after {
  content: ">";
  padding-left: .1rem;
  line-height: .14rem;
  font-size: .2rem;
}

.kv .positon a:last-child::after {
  display: none;
  margin-right: 0;
}

.kv .positon a img {
  width: .36rem;
  margin-right: .2rem;
}

.product-tab {
  display: flex;
  justify-content: center;
}

.product-tab a {
  line-height: .63rem;
  font-size: .16rem;
  color: #333333;
  margin: 0 .18rem;
  position: relative;
}

.product-tab a::after {
  display: none;
  content: "";
  position: absolute;
  bottom: -1px;
  left: 50%;
  transform: translate(-50%, 0);
  width: .16rem;
  border-bottom: 2px solid #0061ab;
}

.product-tab a:hover, .product-tab a.on {
  color: #0061ab;font-weight: bold;
}

.product-tab a:hover::after, .product-tab a.on::after {
  display: block;
}

.product-list {
  padding: .5rem 0 .79rem;
  background: #f4f4f4;
}

.product-list .tips {
  display: flex;
  margin-bottom: .66rem;
}

.product-list .tips .img {
  width: 8.13rem;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 5.07rem;
  background: url(../images/cp5.jpg) no-repeat center center/cover;
}

.product-list .tips .img.new {
  position: relative;overflow: hidden;
}

.product-list .tips .img.new::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: .77rem;
  height: .35rem;
  background: url(../images/cp4.png) no-repeat center center/cover;
}

.product-list .tips .img img {
  width: 100%;
  transition: all 0.3s;
}
.product-list .tips .img:hover img {
  transform: scale(1.1,1.1);
}

.product-list .tips .text {
  flex: 1;
  background: #fff;
  box-sizing: border-box;
  padding: .77rem 0 0 .85rem;
}

.product-list .tips .text h1 {
  font-size: .3rem;
  color: #333333;
  font-weight: bold;
  margin-bottom: .2rem;
}

.product-list .tips .text h2 {
  font-size: .18rem;
  color: #1775be;
  font-weight: bold;
  margin-bottom: .3rem;
}

.product-list .tips .text p {
  font-size: .16rem;
  line-height: .3rem;
  color: #666666;
  margin-bottom: .96rem;
}

.product-list .tips .text a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .16rem;
  color: #1775be;
  border: 1px solid #1775be;
  width: 1.37rem;
  line-height: .47rem;
  text-align: center;
  transition: all 0.3s;
}
.product-list .tips .text a:hover{
  color: #fff;background: #1775be;
}
.product-list .tips .text a:hover img{
  filter: brightness(0) invert(1)
}


.product-list .tips .text a img {
  width: .15rem;
  margin-left: .12rem;
}

.product-list .list {
  display: flex;
  flex-wrap: wrap;
}

.product-list .list .item {
  width: 5.11rem;
  margin-bottom: .63rem;
  margin-right: .45rem;
  
}
.product-list .list .item:hover .img img{
  transform: scale(1.1,1.1);
}

.product-list .list .item:nth-child(3n) {
  margin-right: 0;
}

.product-list .list .item .img {
  height: 3.19rem;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  background: url(../images/cp5.jpg) no-repeat center center/cover;
}

.product-list .list .item .img img {
  width: 100%;
  transition: all 0.3s;
}

.product-list .list .item .text {
  background: #fff;
  position: relative;
  height: 2.84rem;
  box-sizing: border-box;
  padding: .46rem .5rem 0;
}

.product-list .list .item .text h1 {
  font-size: .3rem;
  color: #333333;
  font-weight: bold;
  margin-bottom: .2rem;
  transition: all 0.3s;
}
.product-list .list .item:hover .text h1{
  color: #1775be;
}

.product-list .list .item .text h2 {
  font-size: .18rem;
  color: #1775be;
  font-weight: bold;
  margin-bottom: .3rem;
}

.product-list .list .item .text p {
  font-size: .14rem;
  line-height: .24rem;
  color: #666666;
}

.product-list .list .item .text .link {
  position: absolute;
  right: .49rem;
  bottom: .4rem;
}

.product-list .list .item .text .link img {
  width: .15rem;
}

.product-list .more {
  display: flex;
  justify-content: center;
}

.product-list .more a {
  background: #1775be;
  font-size: .16rem;
  color: #ffffff;
  line-height: .39rem;
  width: 1.48rem;
  text-align: center;
  border-radius: .39rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-list .more a img {
  width: .12rem;
  margin-left: .14rem;
}

.product-details-kv {
  height: 100%;
  position: relative;
}

.product-details-kv .positon {
  bottom: .23rem;
}

.product-details-kv .marginAuto {
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  justify-content: center;
  align-items: center;
}

.product-details-kv .marginAuto .text {
  width: 5.77rem;
  margin-right: 1.3rem;
  color: #ffffff;
}

.product-details-kv .marginAuto .text h1 {
  font-size: .42rem;
  font-weight: bold;
  margin-bottom: .41rem;
}

.product-details-kv .marginAuto .text h2 {
  font-size: .3rem;
  margin-bottom: .48rem;
}

.product-details-kv .marginAuto .text p {
  font-size: .16rem;
  line-height: .3rem;
  margin-bottom: .87rem;
}

.product-details-kv .marginAuto .text a {
  width: 1.63rem;
  line-height: .47rem;
  box-sizing: border-box;
  border: 1px solid #fff;
  border-radius: .05rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .16rem;
  font-weight: bold;
  color: #fff;
}

.product-details-kv .marginAuto .text a img {
  width: .15rem;
  margin-left: .32rem;
}

.product-details-kv .marginAuto .img img {
  height: 6.2rem;
}

.product-details {
  background: #f4f4f4;
  padding: .51rem 0 .76rem;
}

.product-details .marginAuto {
  background: #fff;
  padding-bottom: .86rem;
}

.product-details .tips-tab {
  display: flex;
  background: #e7f1f8;
  margin-bottom: .4rem;
}

.product-details .tips-tab a {
  flex: 1;
  font-size: .16rem;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  line-height: .7rem;
  color: #333333;
}

.product-details .tips-tab a:hover, .product-details .tips-tab a.on {
  background: #0061ab;
  color: #fff;
}

.product-details .tab-content {
  padding: 0 .36rem;
}

.product-details .tab-content .tab-content-title {
  margin-bottom: .2rem;
}

.product-details .tab-content .tab-content-title h1 {
  font-size: .24rem;
  color: #0061ab;
  font-weight: bold;
  display: flex;
  align-items: center;
  margin-bottom: .08rem;
}

.product-details .tab-content .tab-content-title h1 img {
  width: .17rem;
  margin-left: .1rem;
}

.product-details .tab-content .tab-content-title h2 {
  font-size: .14rem;
  color: #666666;
}

.product-details .tab-content .characteristic .list {
  display: flex;
  flex-wrap: wrap;
}

.product-details .tab-content .characteristic .list .item {
  width: 48%;
  height: 1.6rem;
  box-sizing: border-box;
  border: 1px solid #9ac9ed;
  background: #f6fbfe;
  margin-right: .32rem;
  margin-bottom: .29rem;
  display: flex;
  align-items: center;
}

.product-details .tab-content .characteristic .list .item:nth-child(2n) {
  margin-right: 0;
}

.product-details .tab-content .characteristic .list .item .img {
  width: 2.02rem;
  text-align: center;
}

.product-details .tab-content .characteristic .list .item .img img {
  width: .72rem;
}

.product-details .tab-content .characteristic .list .item .text {
  flex: 1;
}

.product-details .tab-content .characteristic .list .item .text h1 {
  font-size: .24rem;
  color: #333333;
  margin-bottom: .1rem;
}

.product-details .tab-content .characteristic .list .item .text p {
  font-size: .16rem;
  color: #666666;
}

.product-details .tab-content .principle-topology {
  margin-bottom: .3rem;
}

.product-details .tab-content .principle-topology .main {
  border: 1px solid #e9e8e8;
  height: 3.86rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 .25rem;
}

.product-details .tab-content .principle-topology .main img {
  max-width: 100%;
}

.product-details .tab-content .application-scenario .swiper-box {
  padding-bottom: .48rem;
  position: relative;
}

.product-details .tab-content .application-scenario .swiper-box .swiper-pagination {
  bottom: 0;
  line-height: auto;
  font-size: 0;
  width: 100%;
}

.product-details .tab-content .application-scenario .swiper-box .swiper-pagination .swiper-pagination-bullet {
  width: .5rem;
  height: .04rem;
  background: #c7c7c7;
  opacity: 1;
  border-radius: 0;
  margin: 0 .04rem;
}

.product-details .tab-content .application-scenario .swiper-box .swiper-pagination .swiper-pagination-bullet-active {
  background: #0061ab;
}

.product-details .tab-content .application-scenario .swiper-box .swiper-slide {
  display: block;
}

.product-details .tab-content .application-scenario .swiper-box .swiper-slide img {
  width: 100%;
}

.product-details .tab-content .application-scenario .swiper-box .swiper-slide h1 {
  line-height: .76rem;
  font-size: .18rem;
  color: #333333;
  background: #f0f8fe;
  text-align: center;
}

.product-center {
  background: #f4f4f4;
  padding: .5rem 0 .98rem;
}

.product-center .list .item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  padding: .65rem .69rem .69rem .69rem;
  margin-bottom: .57rem;
}

.product-center .list .item .text {
  width: 4.5rem;
}
.product-center .list .item .menu {
  width: 2rem;
  margin-left: 0.3rem;height:100%;
}
.product-center .list .item .menu p{border-bottom: 1px solid #ebebeb}
.product-center .list .item .menu a{color: #666;line-height: 0.5rem;font-size: .15rem;}
.product-center .list .item .text .num {
  font-size: .24rem;
  font-weight: bold;
  color: #0061ab;
  margin-bottom: .38rem;
}

.product-center .list .item .text .icon {
  margin-bottom: .37rem;
}

.product-center .list .item .text .icon img {
  height: .63rem;
}

.product-center .list .item .text h1 {
  font-size: .24rem;
  color: #333333;
  font-weight: bold;
  margin-bottom: .1rem;
}

.product-center .list .item .text h2 {
  font-size: 12px;
  color: #999999;
  margin-bottom: .35rem;
}

.product-center .list .item .text p {
  font-size: .16rem;
  color: #666666;
  line-height: .3rem;
  margin-bottom: .5rem;
}

.product-center .list .item .text .link {
  font-size: .16rem;
  color: #1775be;
  display: flex;
  align-items: center;
}
.product-center .list .item .text .link:hover h1{
  color: #1775be;
}

.product-center .list .item .text .link img {
  width: .15rem;
  margin-left: .18rem;
}

.product-center .list .item .img {
  display: flex;
  width:9.2rem
}

.product-center .list .item .img .img-item {
  width: 3.4rem;
  height: 2rem;
  background: url(../images/cpzx1.jpg) no-repeat center center/cover;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: .28rem;
}
.product-center .list .item .img .img-item a{
  display: block;
  width: 100%;
}
.product-center .list .item .img .img-item img {
  /*max-height: 2.65rem;*/
  width: 100%;transition: all 0.3s;
}
.product-center .list .item .img .img-item img:hover {
  /*max-height: 2.65rem;*/
  transform: scale(1.1,1.1);
}

.engineering-case {
  background: #f4f4f4;
  padding: .82rem 0 .74rem;
}

.engineering-case .list {
  display: flex;
  flex-wrap: wrap;
}

.engineering-case .list .item {
  width: 7.82rem;
  margin-right: .62rem;
  box-sizing: border-box;
  margin-bottom: .74rem;
}

.engineering-case .list .item:nth-child(2n) {
  margin-right: 0;
}

.engineering-case .list .item .img {
  width: 100%;
}

.engineering-case .list .item .img img {
  width: 100%;
}

.engineering-case .list .item .text {
  background: #fff;
  padding: .76rem .2rem .65rem .74rem;
}

.engineering-case .list .item .text h1 {
  font-size: .3rem;
  font-weight: bold;
  color: #333333;
  margin-bottom: .46rem;
}

.engineering-case .list .item .text .project {
  margin-bottom: .63rem;
}

.engineering-case .list .item .text .project .project-item {
  display: flex;
  font-size: .16rem;
  line-height: .3rem;
  color: #666666;
}

.engineering-case .list .item .text .project .project-item h2 {
  font-weight: bold;
}

.engineering-case .list .item .text .project .project-item p {
  flex: 1;
  overflow: hidden;

text-overflow: ellipsis;

white-space: nowrap; 
}

.engineering-case .list .item .text .link {
  font-size: .16rem;
  color: #1775be;
  display: flex;
  align-items: center;
}

.engineering-case .list .item .text .link img {
  width: .13rem;
  margin-left: .2rem;
}

.engineering-case .more {
  display: flex;
  justify-content: center;
}

.engineering-case .more a {
  background: #1775be;
  font-size: .16rem;
  color: #ffffff;
  line-height: .39rem;
  width: 1.48rem;
  text-align: center;
  border-radius: .39rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.engineering-case .more a img {
  width: .12rem;
  margin-left: .14rem;
}

.news-center {
  background: #f4f4f4;
  padding: .81rem 0 .74rem;
}

.news-center .tips {
  display: flex;
  margin-bottom: .59rem;
}

.news-center .tips .img {
  width: 8.14rem;
}

.news-center .tips .img img {
  width: 100%;
  height: 4.77rem;
}

.news-center .tips .text {
  flex: 1;
  background: #fff;
  box-sizing: border-box;
  padding: .82rem .71rem .7rem .73rem;
}

.news-center .tips .text h1 {
  font-size: .24rem;
  color: #333333;
  font-weight: bold;
  padding-bottom: .37rem;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: .39rem;
}

.news-center .tips .text p {
  font-size: .16rem;
  color: #666666;
  line-height: .3rem;
  margin-bottom: .6rem;
}

.news-center .tips .text .time-num {
  display: flex;
  align-items: center;
  font-size: .14rem;
  color: #999999;
  margin-bottom: .9rem;
}

.news-center .tips .text .time-num .time-num-item {
  display: flex;
  align-items: center;
  margin-right: .14rem;
}

.news-center .tips .text .time-num img {
  width: .22rem;
  margin-right: .1rem;
}

.news-center .tips .text .link {
  font-size: .16rem;
  color: #1775be;
  display: flex;
  align-items: center;
}

.news-center .tips .text .link img {
  width: .15rem;
  margin-left: .18rem;
}

.news-center .list {
  display: flex;
  flex-wrap: wrap;
}

.news-center .list .item {
  width: 5.14rem;
  margin-right: .43rem;
  margin-bottom: .61rem;
}

.news-center .list .item:nth-child(3n) {
  margin-right: 0;
}

.news-center .list .item .img {
  width: 100%;overflow: hidden;
}

.news-center .list .item .img img {
  width: 100%;transition: all 0.3s;
}
.news-center .list .item:hover .img img{
  
  transform: scale(1.1,1.1);
}


.news-center .list .item .text {
  background: #fff;
  padding: .38rem .3rem .36rem;
  box-sizing: border-box;
}

.news-center .list .item .text h1 {
  font-size: .18rem;
  color: #333333;
  font-weight: bold;
  padding-bottom: .37rem;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: .16rem;
  transition: all 0.3s;
}
.news-center .list .item:hover .text h1 {
  color: #1775be;
}

.news-center .list .item .text p {
  font-size: .14rem;
  line-height: .24rem;
  height:.48rem;
  color: #666666;
  margin-bottom: .26rem;
  display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -webkit-line-clamp: 2;
}

.news-center .list .item .text .time-num {
  display: flex;
  align-items: center;
  font-size: .14rem;
  color: #999999;
  margin-bottom: .3rem;
}

.news-center .list .item .text .time-num .time-num-item {
  display: flex;
  align-items: center;
  margin-right: .14rem;
}

.news-center .list .item .text .time-num img {
  width: .22rem;
  margin-right: .1rem;
}

.news-center .list .item .text .link {
  font-size: .16rem;
  color: #1775be;
  display: flex;
  align-items: center;
}

.news-center .list .item .text .link img {
  width: .15rem;
  margin-left: .18rem;
}

.news-center .more {
  display: flex;
  justify-content: center;
}

.news-center .more a {
  background: #1775be;
  font-size: .16rem;
  color: #ffffff;
  line-height: .39rem;
  width: 1.48rem;
  text-align: center;
  border-radius: .39rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.news-center .more a img {
  width: .12rem;
  margin-left: .14rem;
}

.news-center-content {
  background: #f4f4f4;
  padding: .81rem 0 .74rem;
}

.news-center-content .marginAuto {
  position: relative;
}

.news-center-content .content {
  background: #fff;
  box-sizing: border-box;
  padding: .84rem .75rem .6rem;
  margin-bottom: .3rem;
  font-size: .16rem;
  line-height: .38rem;
}

.news-center-content .fx {
  position: absolute;
  right: .28rem;
  top: .34rem;
  display: flex;
}

.news-center-content .fx a {
  margin-left: .14rem;
}

.news-center-content .tit {
  text-align: center;
  border-bottom: 1px solid #ebebeb;
  padding-bottom: .25rem;
  margin-bottom: .39rem;
}

.news-center-content .tit h1 {
  font-size: .3rem;
  font-weight: bold;
  color: #333333;
  margin-bottom: .34rem;
}

.news-center-content .tit .time-num {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .14rem;
  color: #999999;
}

.news-center-content .tit .time-num .time-num-item {
  display: flex;
  align-items: center;
  margin-right: .14rem;
}

.news-center-content .tit .time-num img {
  width: .22rem;
  margin-right: .1rem;
}

.news-center-content .container p {
  font-size: .16rem;
  line-height: .3rem;
  color: #666666;
  margin-bottom: .4rem;
}

.news-center-content .container img {
  max-width: 100%;
  margin-bottom: .69rem;
}

.news-center-content .more {
  display: flex;
  justify-content: center;
}

.news-center-content .more a {
  background: #1775be;
  font-size: .16rem;
  color: #ffffff;
  line-height: .39rem;
  width: 1.48rem;
  text-align: center;
  border-radius: .39rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.news-center-content .more a img {
  width: .12rem;
  margin-left: .14rem;
}

.news-center-content .page {
  border-top: 1px solid #ebebeb;
  display: flex;
  justify-content: space-between;
  padding-top: .36rem;
}

.news-center-content .page a {
  font-size: .16rem;
  color: #333333;
  display: flex;
  align-items: center;
}

.news-center-content .page a h2 {
  color: #1775be;
}

.development-history {
  border-top: 1px solid #f1f1f1;
  padding: .91rem 0 0;
}

.development-history .list {
  position: relative;
  padding-top: .53rem;
}

.development-history .list::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
  width: 1px;
  height: 100%;
  border-left: 1px solid #1775be;
}

.development-history .list .item {
  display: flex;
  margin-bottom: .95rem;
}

.development-history .list .item.on .text .tit::after,.development-history .list .item:hover  .text .tit::after{
  border-top: 1px solid #1775be;
}

.development-history .list .item.on .text .tit h1 ,.development-history .list .item:hover .text .tit h1{
  font-weight: bold;
  color: #1775be;
}

.development-history .list .item.flex-start {
  justify-content: flex-start;
}

.development-history .list .item.flex-start .text {
  text-align: right;
  padding-right: .3rem;
}

.development-history .list .item.flex-start .text::after {
  right: -.09rem;
}

.development-history .list .item.flex-start .text .tit {
  justify-content: flex-end;
  padding-right: 1.6rem;
}

.development-history .list .item.flex-start .text .tit::after {
  right: 0;
}

.development-history .list .item.flex-start .text .tit h1 {
  right: .66rem;
}

.development-history .list .item.flex-start .text .tit span {
  border-right: 1px solid #e5e5e5;
  padding-right: .28rem;
  margin-right: .6rem;
  font-weight: bold;
}

.development-history .list .item.flex-start .text .img {
  padding-right: 1.8rem;
}

.development-history .list .item.flex-start .text .img .close {
  left: -.18rem;
}

.development-history .list .item.flex-end {
  justify-content: flex-end;
}

.development-history .list .item.flex-end .text {
  text-align: left;
  padding-left: .3rem;
}

.development-history .list .item.flex-end .text::after {
  left: -.09rem;
}

.development-history .list .item.flex-end .text .tit {
  justify-content: flex-start;
  padding-left: 1.6rem;
}

.development-history .list .item.flex-end .text .tit::after {
  left: 0;
}

.development-history .list .item.flex-end .text .tit h1 {
  left: .66rem;
}

.development-history .list .item.flex-end .text .tit span {
  border-left: 1px solid #e5e5e5;
  padding-left: .28rem;
  margin-left: .6rem;
  line-height: 0.24rem;

  font-weight: bold;
}

.development-history .list .item.flex-end .text .img {
  padding-left: 1.8rem;
}

.development-history .list .item.flex-end .text .img .close {
  right: -.18rem;
}

.development-history .list .item .text {
  width: 50%;
  position: relative;
  box-sizing: border-box;
}

.development-history .list .item .text::after {
  content: "";
  top: 0;
  position: absolute;
  width: .18rem;
  height: .18rem;
  border-radius: .18rem;
  border: 1px solid #237dd4;
  background: linear-gradient(120deg, #33ccff 0%, #daecfd 100%);
  z-index: 1;
}

.development-history .list .item .text .tit {
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: .2rem;
  cursor: pointer;
}

.development-history .list .item .text .tit::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  width: .44rem;
  border-top: 1px solid #e5e5e5;
}

.development-history .list .item .text .tit h1 {
  font-size: .36rem;
  color: #333333;
  position: absolute;
}

.development-history .list .item .text .tit span {
  font-size: .16rem;
  color: #333333;
  width: 4rem;
}

.development-history .list .item .text .img {
  display: none;
  position: relative;
}

.development-history .list .item .text .img .close {
  position: absolute;
  cursor: pointer;
  top: -.18rem;
}

.development-history .list .item .text .img .close img {
  width: .37rem;
  height: .37rem;
}

.development-history .list .item .text .img img {
  width: 100%;
}

.video-kv {
  position: relative;
  overflow: hidden;
}

.video-kv::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(../images/play_03.png) no-repeat center center/cover;
  width: .61rem;
  height: .61rem;
  border-radius: .61rem;
  cursor: pointer;
}

.video-kv.on::after {
  display: none;
}

.video-kv.on > img {
  display: none;
}

.video-kv.on > video {
  display: block;
}

.video-kv video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  vertical-align: middle;
}

.company-profile {
  border-top: 1px solid #f1f1f1;
  padding-top: 1rem;
}

.company-profile .about {
  margin-bottom: .85rem;
}

.company-profile .about .marginAuto {
  position: relative;
  padding-top: .35rem;
}

.company-profile .about .text {
  width: 8.91rem;
  box-shadow: 0 0 3px 0 rgba(3, 3, 3, 0.15);
  box-sizing: border-box;
  padding: .71rem 1.45rem 1.2rem .52rem;
}

.company-profile .about .text h2 {
  font-size: .16rem;
  margin-bottom: .16rem;
}

.company-profile .about .text .tit {
  font-size: .36rem;
  color: #333333;
  display: flex;
  align-items: center;
  margin-bottom: .35rem;
}

.company-profile .about .text .tit img {
  width: .18rem;
  margin-left: .17rem;
}

.company-profile .about .text .tag {
  font-size: .18rem;
  display: flex;
  align-items: center;
  margin-bottom: .3rem;
}

.company-profile .about .text .tag h1 {
  color: #0061ab;
  font-weight: bold;
}

.company-profile .about .text .tag span {
  color: #333333;
  margin-left: .2rem;
  font-weight: bold;
}

.company-profile .about .text .p {
  font-size: .16rem;
  color: #666666;
  line-height: .3rem;
  margin-bottom: .4rem;
}

.company-profile .about .img {
  position: absolute;
  top: 0;
  right: 0;
}

.company-profile .about .img img {
  width: 8.12rem;
  height: 5.22rem;
}

.company-profile .service {
  background: url(../images/gsjj_02.jpg) no-repeat center top/auto 8.81rem;
  padding: 1.86rem;
}

.company-profile .service .top {
  display: flex;
  background: rgba(23, 117, 190, 0.5);
  padding: .46rem 0;
  margin-bottom: 4.36rem;
}

.company-profile .service .top .item {
  flex: 1;
  color: #ffffff;
  padding-left: .94rem;
  border-left: 1px solid #599fd3;
}

.company-profile .service .top .item:first-child {
  border-left: 0;
}

.company-profile .service .top .item .tit {
  font-size: .3rem;
  display: flex;
  align-items: flex-end;
  margin-bottom: .18rem;
}

.company-profile .service .top .item .tit h1 {
  font-size: .48rem;
  font-weight: bold;
  margin-right: .15rem;
}

.company-profile .service .top .item p {
  font-size: .18rem;
}

.company-profile .service .list {
  display: flex;
}

.company-profile .service .list .item {
  flex: 1;
  margin-right: .47rem;
  background: #fff;
  box-shadow: 0 0 3px 0 rgba(3, 3, 3, 0.15);
  padding: .87rem .85rem .99rem;
  cursor: pointer;
  text-align: center;
}

.company-profile .service .list .item:last-child {
  margin-right: 0;
}

.company-profile .service .list .item:hover .icon span {
  background: #e9f2fa;
}

.company-profile .service .list .item .icon {
  margin-bottom: .48rem;
}

.company-profile .service .list .item .icon span {
  display: inline-block;
  width: 1.71rem;
  background: none;
  border-radius: 1.71rem;
  overflow: hidden;
}

.company-profile .service .list .item .icon span img {
  width: 100%;
}

.company-profile .service .list .item h1 {
  font-size: .3rem;
  font-weight: bold;
  padding-bottom: .25rem;
  position: relative;
  margin-bottom: .25rem;
}

.company-profile .service .list .item h1::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0);
  width: .33rem;
  border: 2px solid #0061ab;
}

.company-profile .service .list .item p {
  font-size: .16rem;
  color: #666666;
  line-height: .3rem;
}

.company-profile .mission {
  position: relative;
}

.company-profile .mission > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.company-profile .mission .marginAuto {
  position: absolute;
  top: .87rem;
  left: 50%;
  transform: translate(-50%, 0);
}

.company-profile .mission .title {
  margin-bottom: 1rem;
}

.company-profile .mission .title .en {
  font-size: .16rem;
  color: #fff;
  margin-bottom: .14rem;
}

.company-profile .mission .title h1 {
  font-size: .36rem;
  color: #fff;
  font-weight: bold;
}

.company-profile .mission .title h1 span {
  display: inline-block;
  padding-right: .34rem;
  background: url(../images/icon7.png) no-repeat right top/0.17rem auto;
}

.company-profile .mission .text {
  width: 9rem;
}

.company-profile .mission .text h1 {
  font-size: .56rem;
  color: #ffffff;
  font-weight: bold;
  margin-bottom: .42rem;
}

.company-profile .mission .text p {
  font-size: .16rem;
  color: #ffffff;
  line-height: .3rem;
}

.join-us .list-head {
  height: .68rem;
  display: flex;
  align-items: center;
  background: #ebebeb;
}

.join-us .list-head span {
  flex: 1;
  box-sizing: border-box;
  padding-left: .35rem;
  font-size: .16rem;
  color: #333333;
}

.join-us .list-head span:first-child {
  font-weight: bold;
}

.join-us .list {
  box-sizing: border-box;
  border: 1px solid #e5e5e5;
}

.join-us .list .item {
  cursor: pointer;
}

.join-us .list .item.on .tit {
  background: #1775be;
  color: #fff;
}

.join-us .list .item.on .tit::after {
  content: '-';
}

.join-us .list .item .tit {
  border-bottom: 1px solid #e5e5e5;
  height: .66rem;
  align-items: center;
  display: flex;
  color: #333333;
  position: relative;
}

.join-us .list .item .tit::after {
  content: "+";
  position: absolute;
  right: .22rem;
}

.join-us .list .item .tit span {
  flex: 1;
  box-sizing: border-box;
  padding-left: .35rem;
  font-size: .16rem;
}

.join-us .list .item .tit span:first-child {
  font-size: .18rem;
  font-weight: bold;
}

.join-us .list .item .main {
  display: none;
  border-bottom: 1px solid #e5e5e5;
}

.join-us .list .item .main .flex {
  padding: .24rem 0 .33rem .31rem;
  display: flex;
  align-items: center;
}

.join-us .list .item .main .text h2 {
  font-size: .16rem;
  color: #333333;
  font-weight: bold;
  margin-bottom: .35rem;
}

.join-us .list .item .main .text p {
  font-size: .14rem;
  color: #666666;
  line-height: .3rem;
}

.join-us .list .item .main .email {
  font-size: .16rem;
  color: #333333;
  margin-left: 1.42rem;
}

.join-us .list .item .main .email span {
  color: #0066cc;
}

.corporate-culture {
  position: relative;
}

.corporate-culture > img {
  height: 9.69rem;
}

.corporate-culture .marginAuto {
  position: absolute;
  top: 1.56rem;
  left: 50%;
  transform: translate(-50%, 0);
}

.corporate-culture .list {
  display: flex;
}

.corporate-culture .list .item {
  flex: 1;
  color: #fff;
  border-right: 1px solid #fff;
  padding-left: .44rem;
}

.corporate-culture .list .item:last-child {
  border-right: 0;
}

.corporate-culture .list .item img {
  height: .68rem;
  margin-bottom: .5rem;
}

.corporate-culture .list .item .tit {
  font-size: .3rem;
  font-weight: bold;
  margin-bottom: .2rem;
}

.corporate-culture .list .item p {
  font-size: .16rem;
  line-height: .3rem;
}

.qualification {
  padding-bottom: 1.13rem;
  margin-top: 0.4rem;
}

.qualification .list {
  flex-wrap: wrap;
  display: flex;
}

.qualification .list .item {
  width: 3.64rem;
  margin-right: .55rem;
  margin-bottom: .75rem;
}

.qualification .list .item:nth-child(4n) {
  margin-right: 0;
}

.qualification .list .item .img {
  border: 1px solid #e6e6e6;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 4.6rem;
  border-radius: .1rem;
  margin-bottom: .3rem;
}

.qualification .list .item .img img {
  width: 2.78rem;
}

.qualification .list .item h1 {
  text-align: center;
  font-size: .16rem;
  color: #333333;
}

.qualification .more {
  display: flex;
  justify-content: center;
}

.qualification .more a {
  background: #1775be;
  font-size: .16rem;
  color: #ffffff;
  line-height: .39rem;
  width: 1.48rem;
  text-align: center;
  border-radius: .39rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.qualification .more a img {
  width: .12rem;
  margin-left: .14rem;
}

.promotional-video {
  border-top: 1px solid #f1f1f1;
  padding-top: .57rem;
}

.promotional-video .marginAuto {
  background: #f7fafd;
  padding-bottom: 1.18rem;
}

.promotional-video .tit {
  font-size: .3rem;
  color: #333333;
  line-height: 2.07rem;
  text-align: center;
}

.promotional-video .video {
  height: 6.92rem;
  margin-bottom: .5rem;
}

.promotional-video .video .img {
  position: relative;
}

.promotional-video .video .img img {
  width: 100%;
  height: 100%;
}

.promotional-video .video .img::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(../images/play_03.png) no-repeat center center/cover;
  width: .61rem;
  height: .61rem;
  border-radius: .61rem;
  cursor: pointer;
}

.promotional-video .video .object-cover {
  display: none;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  vertical-align: middle;
}

.promotional-video .tips {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: .16rem;
  color: #333333;
  margin-bottom: .43rem;
}

.promotional-video .tips img {
  width: .31rem;
  margin-right: .2rem;
}

.promotional-video p {
  font-size: .16rem;
  color: #333333;
  line-height: .3rem;
  text-align: left;
  width: 10rem;
  margin: 0 auto;
}
.join-us{padding-top: 0.4rem;padding-bottom: 0.4rem}

.cooperation-service {
  background: #f4f4f4;
  padding: 1.13rem 0;
}

.cooperation-service .marginAuto {
  position: relative;
}

.cooperation-service .marginAuto .btn {
  padding: 0 .82rem;
  display: flex;
  justify-content: space-between;
}

.cooperation-service .marginAuto .btn a {
  font-size: .3rem;
  font-weight: bold;
  line-height: 1.01rem;
  color: #fff;
  background: #1775be;
  width: 4.79rem;
  text-align: center;
  border-radius: 1.01rem;
}

.cooperation-service .marginAuto .cooperation-form {
  position: absolute;
  left: 0;
  bottom: 1.01rem;
  width: 7.92rem;
  background: #fff;
  border-radius: .2rem;
  padding: .57rem 0 .54rem;
  display: none;
}

.cooperation-service .marginAuto .cooperation-form .close {
  position: absolute;
  top: .22rem;
  right: .26rem;
  width: .36rem;
  z-index: 1;
  cursor: pointer;
}

.cooperation-service .marginAuto .cooperation-form .close img {
  width: 100%;
}

.cooperation-service .marginAuto .cooperation-form h1 {
  text-align: center;
  font-size: .3rem;
  color: #333333;
  font-weight: bold;
  position: relative;
  padding-bottom: .19rem;
  margin-bottom: .4rem;
}

.cooperation-service .marginAuto .cooperation-form h1::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0);
  width: .64rem;
  border-bottom: 2px solid #1775be;
}

.cooperation-service .marginAuto .cooperation-form form {
  display: block;
  width: 4.7rem;
  margin: 0 auto;
}

.cooperation-service .marginAuto .cooperation-form form .item {
  display: flex;
  align-items: center;
  margin-bottom: .21rem;
}

.cooperation-service .marginAuto .cooperation-form form .item .label {
  width: .9rem;
  font-size: .18rem;
  color: #666666;
}

.cooperation-service .marginAuto .cooperation-form form .item .main {
  flex: 1;
  font-size: .18rem;
  color: #666666;
}

.cooperation-service .marginAuto .cooperation-form form .item .main input[type=text] {
  width: 100%;
  border: 1px solid #1775be;
  height: .44rem;
  padding: 0 .2rem;
  font-size: .18rem;
  color: #666666;
}

.cooperation-service .marginAuto .cooperation-form form .input-btn {
  text-align: center;
}

.cooperation-service .marginAuto .cooperation-form form .input-btn input[type=submit] {
  width: 2.88rem;
  height: .55rem;
  font-size: .24rem;
  color: #ffffff;
  font-weight: bold;
  background: #1775be;
  border: 0;
  border-radius: .55rem;
}

.contactUs {
  background: #f4f4f4;
  padding-top: .52rem;
}

.contactUs .marginAuto {
  width: 12rem;
}

.contactUs .contactUs-main {
  margin-bottom: .59rem;
}

.contactUs .contactUs-main .item {
  margin-bottom: .12rem;
  background: #fff;
  padding: .24rem 0 .36rem .47rem;
}

.contactUs .contactUs-main .item.top h2 {
  font-size: .18rem;
  color: #333333;
  margin-bottom: .19rem;
}

.contactUs .contactUs-main .item.top h1 {
  font-size: .3rem;
  color: #333333;
  font-weight: bold;
  margin-bottom: .22rem;
}

.contactUs .contactUs-main .item.top p {
  display: flex;
  align-items: center;
  font-size: .18rem;
  color: #666666;
}

.contactUs .contactUs-main .item.top p img {
  width: .33rem;
  margin-right: .18rem;
}

.contactUs .contactUs-main .item.tag {
  display: flex;
  justify-content: space-between;
}

.contactUs .contactUs-main .item.tag .tag-item {
  display: flex;
  align-items: center;
  flex: 1;
}

.contactUs .contactUs-main .item.tag .tag-item img {
  width: .44rem;
  margin-right: .24rem;
}

.contactUs .contactUs-main .item.tag .tag-item p {
  font-size: .16rem;
  line-height: .24rem;
}

.contactUs .contactUs-main .item.tag .tag-item.ewm p img {
  width: .87rem;
  height: .87rem;
  margin-left: .35rem;
}

.contactUs .message {
  background: url(../images/lxwm6.png) no-repeat center center/cover;
  height: 6.37rem;
  box-sizing: border-box;
  padding-top: .73rem;
}

.contactUs .message h1 {
  font-size: .24rem;
  font-weight: bold;
  color: #ffffff;
  margin-bottom: .4rem;
}

.contactUs .message form {
  display: block;
}

.contactUs .message form .item {
  display: flex;
  margin-bottom: .24rem;
}

.contactUs .message form .item .input-box {
  flex: 1;
  display: flex;
  align-items: center;
  border: 1px solid #dce3ec;
  background: #fff;
  margin-right: .16rem;
  height: .66rem;
  box-sizing: border-box;
  padding-left: .25rem;
}

.contactUs .message form .item .input-box.name .label {
  background: url(../images/lxwm_03.png) no-repeat left center/0.17rem auto;
}

.contactUs .message form .item .input-box.phone .label {
  background: url(../images/lxwm_06.png) no-repeat left center/0.15rem auto;
}

.contactUs .message form .item .input-box.email .label {
  background: url(../images/lxwm_09.png) no-repeat left center/0.19rem auto;
}

.contactUs .message form .item .input-box.textarea .label {
  background: url(../images/lxwm_15.png) no-repeat left center/0.16rem auto;
}

.contactUs .message form .item .input-box .label {
  width: 1.2rem;
  font-size: .18rem;
  line-height: .66rem;
  color: #333333;
  box-sizing: border-box;
  padding-left: .33rem;
}

.contactUs .message form .item .input-box input[type=text] {
  height: 100%;
  flex: 1;
  font-size: .18rem;
  color: #333333;
  border: 0;
}

.contactUs .message form .item .input-box textarea {
  flex: 1;
  border: 0;
}

.contactUs .message form .item .input-box:last-child {
  margin-right: 0;
}

.contactUs .message form .item .textarea {
  height: 1.74rem;
  align-items: flex-start;
}

.contactUs .message form .item .textarea textarea {
  height: 100%;
  box-sizing: border-box;
  font-size: .18rem;
  color: #333333;
  line-height: .3rem;
  padding: .18rem 0;
  resize: none;
}

.contactUs .message form .item .code {
  flex: none;
  display: flex;
}

.contactUs .message form .item .code .input-box {
  width: 4.01rem;
}

.contactUs .message form .item .code .label {
  background: url(../images/lxwm_17.png) no-repeat left center/0.19rem auto;
}

.contactUs .message form .item .code-conver {
  width: 1.86rem;
  height: .68rem;
  margin-right: .34rem;
}

.contactUs .message form .item .code-conver img {
  width: 100%;
  height: 100%;
}

.contactUs .message form .item input[type=submit] {
  width: 3.33rem;
  height: .68rem;
  background: #0061ab;
  font-size: .24rem;
  color: #ffffff;
  font-weight: bold;
  border: 0;
}

.contactUs .map {
  height: 5.07rem;
}

.contactUs .map > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.solution {
  background: url(../images/jjfa_02.jpg) no-repeat center top/100% auto #f4f4f4;
  padding: .82rem 0 .96rem;
}

.solution .list a {
  display: flex;
  position: relative;
  margin-bottom: .39rem;
  padding: .19rem 0 .17rem;
}

.solution .list a:nth-child(even) {
  justify-content: flex-end;
}

.solution .list a:nth-child(even) .img {
  left: 0;
}

.solution .list a:nth-child(odd) .img {
  right: 0;
}

.solution .list a .text {
  width: 8.46rem;
  height: 4.4rem;
  background: #fff;
  box-shadow: 0 0 3px 0 rgba(3, 3, 3, 0.15);
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  padding: 1rem 1.4rem 0 .78rem;
}

.solution .list a .text h1 {
  font-size: .24rem;
  color: #333333;
  font-weight: bold;
  margin-bottom: .43rem;
}

.solution .list a .text p {
  font-size: .16rem;
  color: #666666;
  line-height: .3rem;
}

.solution .list a .text .link {
  position: absolute;
  bottom: .69rem;
  left: .78rem;
  font-size: .16rem;
  color: #1775be;
  display: flex;
  align-items: center;
}

.solution .list a .text .link img {
  width: .15rem;
  margin-left: .18rem;
}

.solution .list a .img {
  position: absolute;
  width: 8.13rem;
  height: 4.76rem;
  top: 50%;
  transform: translate(0, -50%);
}

.solution .list a .img img {
  width: 100%;
  height: 100%;
}

.solution-detial {
  background: #f4f4f4;
  padding: .55rem 0;
}

.solution-detial .marginAuto {
  background: #fff;
  width: 12rem;
  max-width: 1200px;
  padding-bottom: .64rem;
}

.solution-detial .top-title {
  font-size: .3rem;
  font-weight: bold;
  line-height: .77rem;
  background: #0d8dd2;
  text-align: center;
  color: #fff;
  margin-bottom: .34rem;
}

.solution-detial .content {
  padding: 0 .38rem 0 .42rem;
}

.solution-detial .content .solution-detial-title {
  margin-bottom: .2rem;
}

.solution-detial .content .solution-detial-title h1 {
  font-size: .24rem;
  color: #0061ab;
  font-weight: bold;
  display: flex;
  align-items: center;
  margin-bottom: .08rem;
}

.solution-detial .content .solution-detial-title h1 img {
  width: .17rem;
  margin-left: .1rem;
}

.solution-detial .content .solution-detial-title h2 {
  font-size: .14rem;
  color: #666666;
}

.solution-detial .content .overview {
  display: flex;
  margin-bottom: .34rem;
}

.solution-detial .content .overview .text {
  flex: 1;
  background: #f3f9fe;
  box-sizing: border-box;
  padding: .39rem .43rem 0 .55rem;
}

.solution-detial .content .overview .text p {
  font-size: .16rem;
  color: #333333;
  line-height: .3rem;
}

.solution-detial .content .overview .img {
  width: 5.19rem;
  height: 3.4rem;
}

.solution-detial .content .principle-topology {
  margin-bottom: .3rem;
}

.solution-detial .content .principle-topology .main {
  border: 1px solid #e9e8e8;
  height: 3.86rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 .25rem;
}

.solution-detial .content .principle-topology .main img {
  max-width: 100%;
}

.solution-detial .content .characteristic .list {
  display: flex;
  flex-wrap: wrap;
}

.solution-detial .content .characteristic .list .item {
  width: 48%;
  height: 1.6rem;
  box-sizing: border-box;
  border: 1px solid #9ac9ed;
  background: #f6fbfe;
  margin-right: .32rem;
  margin-bottom: .29rem;
  display: flex;
  align-items: center;
}

.solution-detial .content .characteristic .list .item:nth-child(2n) {
  margin-right: 0;
}

.solution-detial .content .characteristic .list .item .img {
  width: 2.02rem;
  text-align: center;
}

.solution-detial .content .characteristic .list .item .img img {
  width: .72rem;
}

.solution-detial .content .characteristic .list .item .text {
  flex: 1;
}

.solution-detial .content .characteristic .list .item .text h1 {
  font-size: .24rem;
  color: #333333;
  margin-bottom: .1rem;
}

.solution-detial .content .characteristic .list .item .text p {
  font-size: .16rem;
  color: #666666;
}

.solution-detial .content .application-scenario .swiper-box {
  padding-bottom: .48rem;
  position: relative;
}

.solution-detial .content .application-scenario .swiper-box .swiper-pagination {
  bottom: 0;
  line-height: auto;
  font-size: 0;
  width: 100%;
}

.solution-detial .content .application-scenario .swiper-box .swiper-pagination .swiper-pagination-bullet {
  width: .5rem;
  height: .04rem;
  background: #c7c7c7;
  opacity: 1;
  border-radius: 0;
  margin: 0 .04rem;
}

.solution-detial .content .application-scenario .swiper-box .swiper-pagination .swiper-pagination-bullet-active {
  background: #0061ab;
}

.solution-detial .content .application-scenario .swiper-box .swiper-slide {
  display: block;
}

.solution-detial .content .application-scenario .swiper-box .swiper-slide img {
  width: 100%;
}

.solution-detial .content .application-scenario .swiper-box .swiper-slide h1 {
  line-height: .76rem;
  font-size: .18rem;
  color: #333333;
  background: #f0f8fe;
  text-align: center;
}

.new-contactUs {
  margin-top: 80px;
}

.new-contactUs .marginAuto {
  width: 14.4rem;
}

.new-contactUs .top {
  display: flex;
  margin-bottom: .4rem;
}

.new-contactUs .top .img img {
  width: 7.2rem;
  height: 4.65rem;
}

.new-contactUs .top .text {
  width: 7.21rem;
  background: #fff;
  padding: .9rem .51rem 0;
}

.new-contactUs .top .text .tit {
  padding-bottom: .12rem;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: .14rem;
}

.new-contactUs .top .text .tit h1 {
  font-size: .3rem;
  color: #333333;
  margin-bottom: .07rem;
}

.new-contactUs .top .text .tit h2 {
  font-size: .16rem;
  color: #666666;
}

.new-contactUs .top .text .tag .item {
  font-size: .16rem;
  color: #333333;
  line-height: .5rem;
  padding-left: .35rem;
}

.new-contactUs .top .text .tag .item:nth-child(1) {
  background: url(../images/new-contactUs1.png) no-repeat left center;
}

.new-contactUs .top .text .tag .item:nth-child(2) {
  background: url(../images/new-contactUs2.png) no-repeat left center;
}

.new-contactUs .top .text .tag .item:nth-child(3) {
  background: url(../images/new-contactUs3.png) no-repeat left center;
}

.new-contactUs .top .text .tag .item:nth-child(4) {
  background: url(../images/new-contactUs4.png) no-repeat left center;
}

.new-contactUs .list {
  display: flex;
  flex-wrap: wrap;
}

.new-contactUs .list .item {
  width: 4.62rem;
  background: #fff;
  margin-right: .27rem;
  margin-bottom: .38rem;
  box-sizing: border-box;
  padding: .34rem .39rem .3rem;
}

.new-contactUs .list .item:nth-child(3n) {
  margin-right: 0;
}

.new-contactUs .list .item .tit {
  font-size: .24rem;
  color: #333333;
  padding-bottom: .16rem;
  margin-bottom: .16rem;
  border-bottom: 1px solid #ebebeb;
}

.new-contactUs .list .item .tag .tag-item {
  font-size: .16rem;
  color: #333333;
  margin-bottom: .2rem;
  padding-left: .35rem;
  line-height: .25rem;
}

.new-contactUs .list .item .tag .tag-item:nth-child(1) {
  background: url(../images/new-contactUs1.png) no-repeat left center;
}

.new-contactUs .list .item .tag .tag-item:nth-child(2) {
  background: url(../images/new-contactUs2.png) no-repeat left center;
}

.new-contactUs .list .item .tag .tag-item:nth-child(3) {
  background: url(../images/new-contactUs3.png) no-repeat left center;
}

.new-contactUs .list .item .tag .tag-item:nth-child(4) {
  background: url(../images/new-contactUs4.png) no-repeat left center;
}
#page{display: justify-content: center;}
#page .pagination{display: flex;justify-content: center;}
#page .pagination li a,#page .pagination li span{display: block; transition: all 0.3s;border-radius: 0.05rem;
  padding:0 .15rem; border:1px solid #1775be;height:.4rem;line-height: .4rem;text-align: center;margin:0 0.05rem;
  color:#1775be;
}
#page .pagination li a:hover{
  color:#fff;background: #1775be;
}
#page .pagination li.disabled span{
  color:#dedede;border:1px solid #dedede;
}
#page .pagination li.active span{
  color:#fff;background: #1775be;
}
.mob{
  display: none;
}


.qualification.tid9  .list .item .img{height:auto;}
.qualification.tid9 .list .item .img img{width:100%;}