.dqwz{width: 85%;margin: 90px 7.5% 35px 7.5%;}
.dqwz a{font-size:16px; color:#333;font-family: "方正兰亭纤黑简体";}
.dqwz span{background: url(/ciicbj/uiFramework/commonResource/image/2022111613550642282.png) no-repeat left center;padding-left: 50px;height: 24px;line-height: 30px;display: inline-block;}
body{
  background: url(/ciicbj/uiFramework/commonResource/image/2022112110480739086.png) no-repeat;
  background-color: #f3f3f3;
  overflow-x:hidden;
}
*{
  margin: 0;
  padding: 0;
}

.swiper-pagination2,.swiper-pagination3{display: none;}
.swiper-pagination{display: none;}


.demo{
  width: 85%;
  margin: 50px auto;
  height: 580px;
  position: relative;
  overflow: hidden;
}
.demo_top{
  height: 500px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;text-align: justify;
}
.demo_top>div:first-child{
  flex: 1;
  padding: 0 40px;
}
.demo_top>div:first-child>h2{
  margin-top: 55px;
  font-size: 44px;
  color: #333;font-family: "方正兰亭中黑简体";
}
.demo_top>div:first-child>p{
  margin-top: 90px;
  font-size: 18px;
  line-height: 30px;
  color: #666;
  font-family: "方正兰亭纤黑简体";
}
.demo_top>div:first-child>ul{
  list-style-type: none;
  margin-top: 100px;
  display: flex;
  position: relative;
z-index: 2;
}
.demo:first-child>.demo_top>div:first-child>ul{
  margin-top: 25px;
}
.demo_top>div:first-child>ul>li{
width:50px;outline: none;
   
    
}
.demo_top>div:first-child>ul>li a{outline: none;}
.ul_icon>li{   
  width: 80px !important;
  height: 40px;
}
.demo_top>div:first-child>ul>li>a{
display:block;
margin-top:5px
}
.demo:first-child>.demo_top>div:first-child>ul>li{


}
.popup1{
  position: relative;
}

.popup1 img{width:32px;}

.popup_pictrue{
  position: absolute;
  top: 40px;
  left: 0px;
  width: 80px;
  height: 80px;
  background-color: #50b674;
  border-radius: 3px;
  text-align: center;
  display: none;
}
.popup_pictrue>img{
  width: 75px;
  height: 75px;
  margin-top: 2px;
}
.popup_pictrue::before{
  position: absolute;
  top: -20px;
  left: 30px;
  content: "";
  border-top: 10px solid transparent;
  border-bottom: 10px solid #55ba78;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}

.demo_top>div:last-child{
  flex: 2.2;
}

.last_p{margin-top: 30px !important;}



.demo_top>div:last-child>img{
  width: 100%;
  height: 100%;
}
.demo:nth-last-child(2)>.demo_top>div:last-child{
  background-image: none;
}
.demo_bottom{
  height: 435px;
  margin-top:145px;
  background-color: #fff;
}

.demo1{
  width: 85%;
  margin: 50px auto;
  height: 580px;
  position: relative;
  overflow: hidden;
}
.demo_top1{
  height: 500px;
  display: flex;
  flex-direction: row-reverse;
  position: absolute;
  top: 0;
  left: 0;
}
.demo_top1>div:first-child{
  flex: 1;
  padding: 0 40px;
}
.demo_top1>div:first-child>h2{
  margin-top: 55px;
  font-size: 44px;
  color: #333;font-family: "方正兰亭中黑简体";
}
.demo_top1>div:first-child>p{
  margin-top: 90px;
  font-size: 18px;
  line-height: 30px;
  color: #666;
  font-family: "方正兰亭纤黑简体";
}
.demo_top1>div:first-child>ul{
  list-style-type: none;
  margin-top: 100px;
  display: flex;
}
.demo_top1>div:first-child>ul>li{
  width: 50px;
}
.demo_top1>div:last-child{
  flex: 2.2;
}
.swiper-wrapper{
  position: absolute !important;
}
.swiper {
  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;
}
.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.pictrue_pos{
  height: 60px;
  position: absolute;
  bottom: 85px;
}
.pictrue_pos>img:first-child{
  margin-right: 85px;
}



@media screen and (max-width:1000px){
body{background: none;}
.ppzq_box{background: url(/ciicbj/uiFramework/commonResource/image/2023020109293319586.png) no-repeat left bottom;background-size: cover;}
.swiper-pagination,.swiper-pagination2,.swiper-pagination3{display:block;}
.swiper-pagination2,.swiper-pagination3{position: absolute;text-align: center;transition: 300ms opacity;transform: translate3d(0, 0, 0);z-index: 10;bottom: 10px !important;left: 0;width: 100%;}
#brand_display2,#brand_display3{padding-bottom:20px;}

.demo_top1 > div:first-child > ul{display:none;}
.demo_w1400_zyh:first-child > .demo_top > div:first-child > ul{display:none;}


.demo_top > div:last-child > img{background: #D8D8D8;border-radius: 10px;}

.dqwz{width: 90%;margin: 0 auto;padding: 20px 0px 0px 0px;}
.dqwz a{font-size: 0.85rem;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #666666;}
.dqwz span{background-size: 20px;padding-left: 30px;line-height: 26px;}
#106990e502024bbbbc3e4052cf160e3b{background: #fff;}

.demo{width: 90%;overflow: inherit;height: auto;margin: 0 auto;}
.demo_top{height: auto;display: inherit;position: relative;}
.demo_top > div:first-child > h2{font-size: 1.3rem;padding-top: 30px;margin-top: 0px;font-family: PingFang-SC-Bold, PingFang-SC;font-weight: bold;color: #333333;}
.demo_top > div:first-child > p{margin-top: 30px;font-size: 1.05rem;line-height: 1.5rem;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #666666;margin-bottom: 20px;}
.demo:first-child > .demo_top > div:first-child > ul{justify-content: center;}
.demo_top > div:first-child{padding:0;}
.bt_tu{padding-bottom:20px;}
.demo_bottom{display:none;}


.demo1{width: 90%;height: auto;overflow: inherit;margin: 0 auto; margin-bottom:20px;}
.demo_top1{height: auto;display: inherit;position: relative;}
.demo_top1 > div:first-child{padding:0;}
.demo_top1 > div:first-child > h2{font-size: 1.3rem;font-family: PingFang-SC-Bold, PingFang-SC;font-weight: bold;color: #333333; padding-top:30px; margin-top:0px;}
.demo_top1 > div:first-child > ul{margin-top: 30px;margin-bottom: 30px;}
.swiper-wrapper{position: relative!important;}
.demo:first-child > .demo_top > div:first-child > ul{justify-content: left;  margin-top: 20px;margin-bottom: 20px;}
.demo:first-child > .demo_top > div:first-child > ul > li{padding-right:0px;}
.pictrue_pos{display: none;}

.demo_top1 > div:first-child > p{margin-top:30px;font-size: 1.05rem;line-height: 1.5rem;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #666666;margin-bottom: 20px;}
.swiper-slide img{background: #D8D8D8;border-radius: 10px;}


}


@media screen and (min-width:1401px) and (max-width:1600px){
.demo_top1 > div:first-child > p{line-height:25px;}
.demo_top > div:first-child > h2{font-size: 32px;}
.demo_w1400 > .demo_top > div:first-child > p{margin-top: 60px;font-size: 16px; line-height:25px;}
.demo_top > div:last-child > img{height:auto;}
.demo_w1400 .demo_bottom{height: 350px;margin-top: 115px;}
.demo_top > div:first-child{padding:0 40px;}
.pictrue_pos > img:first-child{margin-right:40px;}

.demo_top1 > div:first-child{padding:0 40px;}

.ul_icon > li{width: 66px !important;}

}


@media screen and (min-width:1001px) and (max-width:1399px){
.demo{height:480px;}
.demo_top > div:first-child > h2{margin-top: 35px;font-size: 30px;}
.demo_top > div:first-child > p{margin-top: 40px;font-size: 14px;line-height: 24px;}
.demo_bottom{height: 335px;margin-top: 85px;}
.demo_top{height: 350px;}
.demo1{height:480px;}
.demo_top1{height: 350px;}
.demo_top1 > div:first-child > h2{margin-top: 35px;font-size: 30px;text-align: center;}
.demo_top1 > div:first-child > p{margin-top: 60px;font-size: 14px;line-height: 24px;}
.demo_top1 > div:first-child > ul{margin-top: 50px;}
.demo_top > div:first-child{padding: 0 40px;}
.pictrue_pos img{width:20%;}
.pictrue_pos{bottom:5px;}
.ul_icon > li{width: 60px !important;}
}