@charset "UTF-8";
.header {
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 22;
  color: #fff;
  transition: all .3s ease;
}

.header .d1 {
  padding: .32rem 0;
}

.header .d1 .wp1 {
  padding-left: .46rem;
}

.header .logo img {
  width: 2.86rem;
}

.header .logo img.logo2 {
  display: none;
}

.header .nav > ul {
  position: relative;
}

.header .nav > ul > li {
  margin-right: .6rem;
}

.header .nav > ul > li > a {
  color: rgba(255, 255, 255, 0.8);
  transition: all ease .3s;
  position: relative;
}

.header .nav > ul > li.on > a, .header .nav > ul > li:hover > a {
  font-weight: bold;
  color: white;
}

.header .nav > ul > li .drop {
  position: absolute;
  top: 100%;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  transition: .5s;
  width: 7.72rem;
  left: 50%;
  z-index: 10000;
  transform: translateX(-50%) scaleY(0);
  transform-origin: top;
  visibility: hidden;
}

.header .nav > ul > li .cont {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  border-radius: .04rem;
  background: #fff;
  border-radius: .2rem;
  position: relative;
  margin-top: .15rem;
  padding: .3rem .3rem .3rem 0;
}

.header .nav > ul > li .cont .col1 {
  width: 52%;
  max-width: 4.32rem;
  margin-right: .66rem;
}

.header .nav > ul > li .cont .col1 li {
  margin: .015rem 0;
}

.header .nav > ul > li .cont .col1 li a {
  padding: .2rem .3rem;
  display: block;
}

.header .nav > ul > li .cont .col1 li.on {
  background: #0A6EB8;
  border-radius: 0 .35rem .35rem 0;
}

.header .nav > ul > li .cont .col1 li.on a {
  color: #fff;
}

.header .nav > ul > li .cont .col2 img {
  max-width: 2.28rem;
}

.header .nav > ul > li:hover .drop {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) scaleY(1);
}

.header .nav > ul > li:last-child a::after {
  display: none;
}

.header .switch a {
  width: .34rem;
  height: .34rem;
  background: #0A6EB8;
  color: #fff;
  border-radius: 50%;
  margin-left: .3rem;
}

.header .switch a:nth-child(1) {
  margin-left: 0;
}

.header .searchdown {
  display: none;
}

.header.fix, .header.fix1 {
  background: #fff;
}

.header.fix .logo img.logo1, .header.fix1 .logo img.logo1 {
  display: none;
}

.header.fix .logo img.logo2, .header.fix1 .logo img.logo2 {
  display: inline-block;
}

.header.fix .nav > ul > li > a, .header.fix1 .nav > ul > li > a {
  color: rgba(51, 51, 51, 0.8);
}

.header.fix .nav > ul > li.on > a, .header.fix .nav > ul > li:hover > a, .header.fix1 .nav > ul > li.on > a, .header.fix1 .nav > ul > li:hover > a {
  color: #0A6EB8 !important;
}

.header.fix {
  box-shadow: 0rem 0rem 0.1rem 0rem rgba(0, 0, 0, 0.1);
}

/* 搜索 */
.layer {
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-out 0s;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.layer .close {
  position: absolute;
  right: 2rem;
  top: 2rem;
  width: .8rem;
  height: .8rem;
  text-align: center;
  cursor: pointer;
  color: #ccc;
}

.layer .close i {
  font-size: .4rem;
}

.layer .search_box {
  height: 45px;
  line-height: 45px;
  width: 90%;
  max-width: 550px;
  display: -ms-flexbox;
  display: flex;
  transform: translateY(-50px);
  opacity: 0;
  margin-top: -100px;
  transform: none;
  transition: all 0.5s ease-out 0s;
  opacity: 1;
}

.layer .search_box .kw {
  background: #fff;
  -ms-flex: 1;
  flex: 1;
  padding: 0 12px;
  font-size: 16px;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
}

.layer .search_box .ok {
  background: #0A6EB8;
  color: #fff;
  width: 85px;
  text-align: center;
  font-size: 18px;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
}

.layer.showdiv {
  opacity: 1;
  visibility: visible;
}

/* footer */
.footer {
  background: url(../img/bg_ft.jpg) no-repeat center;
  background-size: cover;
  color: #fff;
  padding: 1.1rem 0 .85rem;
}

.footer .tech {
  max-width: 10.6rem;
}

.footer .tech .tit {
  font-size: .24rem;
  margin-bottom: .3rem;
}

.footer .tech .cont {
  line-height: 2;
}

.footer .qrcode .tel .icon {
  width: .32rem;
  margin-right: .1rem;
  flex-shrink: 0;
  margin-top: .1rem;
}

.footer .qrcode .tel .icon img {
  width: 100%;
}

.footer .qrcode .tel .info .tit {
  color: rgba(255, 255, 255, 0.6);
  margin-top: .05rem;
}

.footer .qrcode .tel .info .phone {
  color: #fff;
  font-weight: bold;
}

.footer .qrcode .ewm {
  margin-top: .18rem;
  width: .97rem;
  text-align: center;
}

.footer .qrcode .ewm img {
  width: 100%;
}

.footer .qrcode .ewm p {
  margin-top: .05rem;
}

.bottom {
  background: #000;
  color: rgba(255, 255, 255, 0.6);
  padding: .23rem 0;
}

.bottom a {
  color: rgba(255, 255, 255, 0.6);
}

.bottom a:hover {
  color: rgba(255, 255, 255, 0.8);
}

.bottom .quicknav a {
  margin: 0 .12rem;
}

.bottom .quicknav a:last-child {
  margin-right: 0;
}

.bgt {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.banner {
  position: relative;
}

.banner img {
  display: block;
}

.banner .slide-txt {
  width: 100%;
  position: absolute;
  color: #fff;
  left: 0;
  top: 35%;
  transform: translateY(-50%);
  z-index: 1;
}

.banner .slide-txt .txt1 {
  margin-top: .12rem;
}

/* 首页 */
.section1 {
  padding: 1.1rem 0;
}

.section1 .sec-type {
  margin-bottom: 1.1rem;
}

.section1 .wrap {
  position: relative;
}

.section1 .wrap .col1 {
  width: 40%;
  max-width: 5.24rem;
  flex-shrink: 0;
}

.section1 .wrap .col1 .list {
  display: none;
}

.section1 .wrap .col1 .list:nth-child(1) {
  display: block;
}

.section1 .wrap .col1 li {
  margin: .2rem 0;
}

.section1 .wrap .col1 li a {
  position: relative;
  padding-left: .17rem;
}

.section1 .wrap .col1 li a::before {
  content: "";
  width: .07rem;
  height: .11rem;
  background: url("../img/jt1.png") no-repeat left center;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.section1 .wrap .col1 .vmore {
  margin-top: 1.76rem;
}

.section1 .wrap .col2 .slides .swiper-slide {
  border-radius: 0.1rem;
}

.section1 .wrap .col2 .slides .item {
  background: #B4B9BF;
  border-radius: 0.1rem;
  padding: .89rem .64rem 1.16rem 1.4rem;
  color: #fff;
}

.section1 .wrap .col2 .slides .item .pic {
  width: 3.9rem;
  flex-shrink: 0;
  margin-left: .65rem;
}

.section1 .wrap .col2 .slides .item .info .cont {
  line-height: 2;
  margin-top: .28rem;
}

.section1 .jt {
  width: 1.9rem;
  position: absolute;
  left: 4.22rem;
  z-index: 1;
  top: 65%;
  transform: translateY(-50%);
}

.section1 .jt .line {
  width: 0.81rem;
  height: 0.02rem;
  background: #E2E3E4;
}

.section1 .jt a {
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  border: .02rem solid #fff;
}

.section1 .jt a.next {
  color: #fff;
}

.section1 .jt a.prev {
  border-color: #ccc;
  color: #ccc;
}

.vmore a {
  height: 0.4rem;
  background: #0A6EB8;
  border-radius: 0.04rem;
  padding: 0 .285rem;
  color: #fff;
}

.vmore a i {
  font-size: .12rem;
  margin-left: .15rem;
}

.vmore a::before {
  border-radius: .04rem;
}

/* section2 */
.section2 {
  padding: .9rem 0 1.1rem;
  background-attachment: fixed;
}

.section2 .box1 {
  margin-bottom: .84rem;
}

.section2 .box1 .sec-type {
  margin-right: 2.09rem;
}

.section2 .box1 .tabs li {
  cursor: pointer;
  margin-left: .38rem;
  color: rgba(0, 0, 0, 0.8);
}

.section2 .box1 .tabs li .icon {
  height: .35rem;
  margin-bottom: .13rem;
}

.section2 .box1 .tabs li .icon img {
  max-height: 100%;
}

.section2 .box1 .tabs li .icon .s2 {
  display: none;
}

.section2 .box1 .tabs li.on .tit {
  color: #0A6EB8;
  font-weight: bold;
}

.section2 .box1 .tabs li.on .icon .s1 {
  display: none;
}

.section2 .box1 .tabs li.on .icon .s2 {
  display: inline-block;
}

.section2 .tablist .tab-cont {
  position: relative;
}

.section2 .tablist .tab-cont .vmore {
  position: absolute;
  bottom: .4rem;
  left: .93rem;
  z-index: 1;
}

/* section3 */
.section3 {
  color: #fff;
  padding: 1rem 0;
}

.section3 .sec-type {
  text-align: center;
}
.section0 {
  padding-top: 1rem;
  padding-bottom: 1rem;
  background-color: #f1f1f1;
}

.section0 .sec-type{
  text-align: center;
}

.tedian{
  color: #0A6EB8;
}

.section0 ul{
  display: flex;
  justify-content: space-between;
  margin-top: .5rem;
}

.section0 ul li{
  width: 48%;
  border: 1px solid #BFBFBF;
  padding: 1rem 1.5rem;
  background-color:#fff ;
  
}
.section0 ul li p{
  font-size: .2rem;
  line-height: 2;
  font-weight: 500;
  color: #333;
  text-align: center;
}

.section01 {
  padding-top: 1rem;
}

.section01 .sec-type{
  text-align: center;
  margin-bottom: 0.6rem;
}
.section01 p{
  text-align: center;
  font-size: 0.24rem;
  font-weight: 500; 
  line-height: 2;
}
.section02{
  margin-top: 0.6rem;
}
.section02 ul{
  display: flex;
  justify-content: space-between;
  margin-top: 0.5rem;
  margin-bottom: .5rem;

}

.protop{
  display: flex;
  margin-top: 0.5rem;
}
.protop img{
  width: 6rem;
  display: block;
  margin: 0 auto;
  padding: 0.5rem;
}

.protop div{
  margin-left: 10%;
  display: flex;
  flex-direction: column;
    justify-content: center;  
}

.protop h4{
  font-size: .24rem;
  line-height: 2;
  padding-left: .4rem;
  padding-right: .4rem;
}

.protop p{
  font-size: .18rem;
  line-height: 2;
  padding-left: .4rem;
  padding-right: .4rem;

}
.section02 ul img:hover{
  border: 1px solid #BFBFBF;
  border-radius: 5px;

}

.section3 .gbox1 {
  padding: 1rem 0 1.27rem;
}

.section3 .gbox1 .item-pic {
  width: 48%;
  max-width: 5.65rem;
  margin-left: 1.2rem;
}

.section3 .gbox1 .item-info {
  line-height: 1.8;
}

.section3 .btns a {
  height: .51rem;
  padding: 0 .39rem;
  margin: 0 .2rem;
  color: #22408B;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}

.section3 .btns a:hover {
  color: #fff;
}

.kefu {
  width: 1.24rem;
  height: 6.24rem;
  background: url("../img/bg_kf.png") no-repeat top center;
  background-size: 100% 100%;
  position: fixed;
  right: 0;
  bottom: 10%;
  z-index: 5;
}

.kefu .icon {
  width: 1.24rem;
  height: 1.3rem;
}

.kefu .icon img {
  width: .73rem;
}

.kefu .cont {
  color: #D2AA7F;
}

.kefu .cont span {
  width: .22rem;
  line-height: 1.53;
  font-family: 'hyk2gj';
}

/* 关于我们 */
.inner-slide {
  padding: 1.05rem 0;
}

.inner-slide .type-cn {
  color: #000;
}

.inner-slide .type-en {
  color: #999;
  letter-spacing: .03rem;
  margin-top: .05rem;
}

.about .ab-type {
  margin-bottom: .6rem;
}

.about .ab-type .en {
  margin-bottom: .08rem;
  color: rgba(0, 0, 0, 0.5);
}

.about .about1 {
  padding: .8rem 0;
}

.about .about1 .box1 .col1 .bimg img {
  width: 100%;
  display: block;
}

.about .about1 .box1 .col1 .item {
  height: 5rem;
}

.about .about1 .box1 .col2 {
  width: 2.25rem;
  flex-shrink: 0;
  margin-left: .6rem;
}

.about .about1 .box1 .col2 .swiper-container {
  height: 5rem;
}

.about .about1 .box1 .col2 .swiper-container .item {
  height: 100%;
}

.about .about1 .box2 {
  margin-top: .4rem;
}

.about .about1 .box2 .content {
  width: calc(100% - 2.85rem);
  color: #5D5D5D;
  line-height: 1.8;
}

.about .about2 .map {
  height: 4.43rem;
  border-radius: .2rem;
}

.about .about2 .list {
  padding: .44rem 0 .9rem;
}

.about .about2 .list .msg {
  max-width: 9.5rem;
}

.about .about2 .list .msg li .icon {
  width: .38rem;
  height: .38rem;
  background: #152235;
  border-radius: 50%;
  margin-top: .25rem;
}

.about .about2 .list .msg li .icon img {
  max-width: .2rem;
}

.about .about2 .list .msg li .tit {
  margin: .18rem 0 .04rem;
  color: #152235;
}

.about .about2 .list .msg li .cont {
  color: rgba(21, 34, 53, 0.8);
}

.about .about2 .list .qrcode {
  width: 5rem;
  flex-shrink: 0;
  position: relative;
}

.about .about2 .list .qrcode::before {
  content: "";
  width: 1px;
  height: 1.23rem;
  background: #eee;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.about .about2 .list .qrcode ul {
  justify-content: flex-end;
}

.about .about2 .list .qrcode ul li {
  text-align: center;
  margin-left: .82rem;
  width: 1.15rem;
  color: rgba(21, 34, 53, 0.8);
}

.about .about2 .list .qrcode ul li img {
  width: 100%;
}

.about .about2 .list .qrcode ul li:nth-child(1) {
  margin-left: 0;
}

.mapcard {
  background: url("../img/icon_send.png") no-repeat right center;
  background-size: .45rem;
  padding-right: .6rem;
}

.mapcard .txt .tit {
  color: #0A6EB8;
}

.mapcard .txt .dz {
  color: rgba(21, 34, 53, 0.5);
  margin-top: .05rem;
}

/* 产品 */
.product .pro1 {
  position: relative;
}

.product .pro1 .swiper-slide .slide-txt {
  position: absolute;
  left: 0;
  width: 100%;
  top: 21.2%;
}

.product .pro1 .swiper-slide .txt1 {
  color: #999;
  text-transform: uppercase;
}

.product .pro1 .swiper-slide .txt2 {
  margin: .3rem 0 .2rem;
  color: #0A6EB8;
}

.product .pro1 .swp-dot {
  position: absolute;
  bottom: .88rem;
  left: 0;
  width: 100%;
}

.product .pro2 {
  padding: 1rem 0 .85rem;
}

.product .pro2 .col1 {
  max-width: 7.6rem;
}

.product .pro2 .col1 .txt1 {
  color: rgba(0, 0, 0, 0.5);
  margin-bottom: .18rem;
}

.product .pro2 .col1 .attr {
  margin: .5rem 0 .8rem;
}

.product .pro2 .col1 .attr li {
  padding-left: .17rem;
  position: relative;
  color: #333;
  margin: .15rem 0;
}

.product .pro2 .col1 .attr li::before {
  content: "";
  width: 0.08rem;
  height: 0.08rem;
  background: #0A6EB8;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.product .pro2 .col2 {
  width: 5.33rem;
  flex-shrink: 0;
}

.product .pro2 .col2 .swiper-wrapper {
  padding-bottom: .9rem;
}

.product .pro2 .col2 .item img {
  max-width: 100%;
}

.product .pro3 {
  padding: .6rem 0;
  background: #eee;
}

.product .pro3 .list {
  text-align: center;
}

.product .pro3 .list li {
  transition: all ease .3s;
}

.product .pro3 .list li .icon {
  height: .58rem;
  margin-bottom: .3rem;
}

.product .pro3 .list li .icon img {
  max-height: 100%;
}

.product .pro3 .list li .icon img.i2 {
  display: none;
}

.product .pro3 .list li .tit {
  color: #333;
}

.product .pro3 .list li:hover .icon img.i1 {
  display: none;
}

.product .pro3 .list li:hover .icon img.i2 {
  display: inline-block;
}

.product .pro3 .list li:hover .tit {
  color: #0A6EB8;
}

.product .pro4 {
  padding: 1rem 0 .8rem;
}

.product .pro4 .pro-type {
  margin-bottom: 1.2rem;
}

.product .pro4 .list {
  padding-bottom: .8rem;
}

.product .pro4 .list li .item {
  height: 4.3rem;
  border-radius: 0.1rem;
  position: relative;
  z-index: 1;
  color: #fff;
}

.product .pro4 .list li .item .item-txt {
  position: relative;
  z-index: 1;
  height: 100%;
}

.product .pro4 .list li .item .item-txt .icon, .product .pro4 .list li .item .item-txt .link {
  opacity: 0;
}

.product .pro4 .list li .item .item-txt .tit {
  position: absolute;
  bottom: .3rem;
  left: 0;
  width: 100%;
  text-align: center;
  margin: 0;
}

.product .pro4 .list li .item .item-txt:before {
  content: "";
  width: 100%;
  height: 0;
  background: rgba(10, 110, 184, 0.7);
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  transition: all ease .3s;
  border-radius: .1rem;
}

.product .pro4 .list li .item::after {
  content: "";
  width: 100%;
  left: 0;
  height: .8rem;
  position: absolute;
  bottom: 0;
  z-index: -1;
  background: url("../img/bg_tc1.png") no-repeat center bottom;
  background-size: 100% .100%;
}

.product .pro4 .list li .item:hover {
  transform: translateY(-0.5rem);
}

.product .pro4 .list li .item:hover .item-txt .icon, .product .pro4 .list li .item:hover .item-txt .link {
  opacity: 1;
}

.product .pro4 .list li .item:hover .item-txt .tit {
  position: unset;
  margin: .2rem 0 .8rem;
}

.product .pro4 .list li .item:hover .item-txt::before {
  height: 100%;
}

.product .pro4 .list li .item .icon img {
  width: .46rem;
}

.product .pro4 .list li .item .link span {
  width: 0.71rem;
  height: 0.71rem;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
}

.product .pro4 .list li .item .link span img {
  width: .3rem;
}

.product .pro4 .scroll-down {
  -webkit-animation: bounceDown 8s linear infinite;
  -moz-animation: bounceDown 8s linear infinite;
  -o-animation: bounceDown 8s linear infinite;
  animation: bounceDown 8s linear infinite;
}

.product .pro4 .scroll-down img {
  width: 0.18rem;
  margin-right: .1rem;
}

.product .pro5 {
  background: #eee;
  padding: .6rem 0;
}

.product .pro5 li .item {
  border-radius: .1rem;
  padding: .73rem .2rem;
  text-align: center;
}

.product .pro5 li .item .icon {
  margin-bottom: .35rem;
}

.product .pro5 li .item .icon img {
  width: .55rem;
}

.product .pro6 {
  padding: 1rem 0 1.4rem;
}

.product .pro6 .cont {
  overflow-x: auto;
  padding-bottom: .15rem;
}

.product .pro6 .cont table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #C7DAE5;
}

.product .pro6 .cont table td {
  border: 1px solid #C7DAE5;
  padding: .2rem .3rem;
  color: #333;
  white-space: nowrap;
}

.product .pro6 .cont table td:nth-child(2n+1) {
  padding-left: .63rem;
  background: #e6edf5;
}

.pro-type {
  text-align: center;
  margin-bottom: .6rem;
}

.pro-type .desc {
  color: rgba(0, 0, 0, 0.5);
  margin-top: .2rem;
}

.swp-dot .swiper-pagination-bullet {
  width: .1rem;
  height: .1rem;
  background: #BFBFBF;
  border-radius: 50%;
  opacity: 1;
  margin-right: .12rem;
}

.swp-dot .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #0A6EB8;
}


.jiguang{
  color: #0584d1!important;
}
.jg{
  height: 5.5rem!important;
}

/* 技术参数 */
.img2{
  margin-top: .44rem;
}
.qubie{
  display: flex;
  justify-content: space-between;
  align-items: flex-end;

}
.qubie p{
  color: #ababab;
}
.jspara{
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #C7DAE5;
}
.para{
  display: flex;
  justify-content:space-between;
  margin-top: 0.55rem;
}

.para li{
  padding: 0.5rem;
  background-color: #fafafa;
  width: 48%;
}

.para li img{
  display: block;
  margin: 0 auto;
  margin-top: -0.7rem;
  margin-bottom: 0.5rem;
}

.para2{
  margin-top: .5rem;
  margin-bottom: 1rem;
}

.para2 li{
  display: flex;

}
.para2 li p:nth-child(1){
  width: 30%;
  
}
.para2 li p:nth-child(2){
  width: 40%;
}
.para2 li p:nth-child(3){
  width: 40%;
}
.tabtit p{
  background-color: #edf4fc;
  font-size: .2rem;
  font-weight: 600;
}

.tabtit p:nth-child(1){
  border-top-left-radius: 10px;
  border-right: 0px solid;
}

.tabtit p:nth-child(2){

  border-left: 0px solid;
}

.tabtit p:nth-child(3){
  border-top-right-radius: 10px;
}

.para2 li p{
  font-size: .18rem;
    height: 0.6rem;
    color: rgb(39, 39, 39);
    text-align: center;
    border: 1px solid #c7dae5;
    line-height: 3;

}

.fc{
  text-align: center;
}

.pk{
  
  background-color: rgb(245, 245, 245);
  padding-top: 0.5rem;
  padding-bottom: 0.8rem;
}
.pk h4{
  font-size: .24rem;
  text-align: center;
}
.pk .pkright{
  padding: 0.3rem;
  background-color: #edf4fc;
  border-radius: 0.15rem;
  width: 50%;
  position: relative;


}

.pk .pkright img{
  width: .4rem;
  height: .4rem;
  margin-left: .2rem;
}
.pk .pkwrong img{
  width: .4rem;
  height: .4rem;
  margin-right: 0.2rem;
}
.pkright ul{
  padding-right: 1.2rem;
}
.pkright ul li{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 0.8rem;

}

.pkright ul li p{
  font-size: .18rem;
  line-height: 2;
  text-align: right
}

.pkright{
  width: 50%;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* 添加投影效果 */
}

.pkwrong{

  position: absolute;
  background-color: white;
  padding-left: 3rem;
  padding-right: 1rem;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
  bottom: 0;
  right: 0;
  width: 60%;
  z-index: -11;
  border-radius: 0.1rem;
  
}

.pkwrong .item p{
  line-height: 2;

}

.pkwrong h4{
  line-height: 3.6;
}
.pkwrong ul li{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 0.8rem;

}
.pkwrong ul li p{
  font-size: .18rem;
  line-height: 2;
}

.pkimg{
  width: 7%;
    height: auto;
    max-width: 50%;
    z-index: 21;
    right: 47%;
    position: absolute;
    top: 25%;

}
.pcrw .pkright{
  padding-bottom: 0.3rem;
  padding-top: .3rem;
  justify-content: flex-start;
  margin-bottom: 0.5rem;
}

.pcrw{
  position: relative;
            display: flex;
            justify-content: space-between;
            width: 100%;
}
.pking{
  max-width: 100%;
  max-height: 100%;
  z-index: 22;

 
}
.duibi{
  position: relative;
   
}

.type-cn-w{
  color: white!important;
}

/* 案例展示 */
.nav2 a{
  font-size: 0.18rem;
  color: #999;
  margin-right: .3rem;
  line-height: 3;

}

.nav2s{
  display: flex;
  justify-content: space-between;
  align-items: center;
 
}

.nav2s div  {
  display: flex;
  justify-content: flex-end;
}

.nav2s div  a{
  display: block;
}
.ok2{
  margin-right: 0.2rem;
  background-color: white;
}
.kw2{
  padding-right: 0.55rem;
}
.active{
  border-bottom: 2px solid #0584d1;
  font-weight: 500;
  color: #0584d1!important;
}

.itemlist{
  background-color: #f0f0f0;
  padding-top: 0.22rem;
  padding-bottom: 0.22rem;
}
.itembg{
  background-color: #fff;
  padding: 0.42rem;
  
 

}
.search2{
  border: 1px solid #999;
  border-radius: .4rem;
  height: 0.4rem;
  width: 3rem;
    
}

.itemlist ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  justify-content: flex-start;

}

.itemlist ul li{
  position: relative;
  margin: 0 0.12rem 0.6rem;
  
  

}
.bofang{
  position: absolute;
  Z-INDEX: 33;
    top: 33%;
    left: 40%;
}

.itembg ul a li p{
  line-height: 2;
}

.itembg ul li{
  width: 18%;
}

.fenye{
  display: flex;
  justify-content: flex-end;
 
  
}
.goto{
  display: flex;
  align-items: center;
  margin-right: 0.2rem;
}
.goto input{
  border: 1px solid #999;
  height: 0.35rem;
  border-radius: 3px;
  width: 0.35rem;
  text-align: center;
  margin: 0 0.1rem;
}

.pagenavgation{
  display: flex;

}
.pagenavgation a{
  border: 1px solid #999;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.05rem;
  width: 0.3rem;
  margin-right: 0.1rem;
  border-radius: 0.05rem;

}
.fyon{
  background-color: #0584d1;
  color: #ffffff;
}

.modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  justify-content: center;
  align-items: center;
}
.modal-content img{
    display: block;
   
}




.modal-content {
     position: relative;

    margin: 0 auto;
    max-width: 90%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* 确保视频容器保持比例 */
video {
    max-width: 100%;
    height: auto;
}