body {
}
img{width:100%;}
*{    box-sizing: border-box;}
.topmargin {
margin-top: 70px;
}
.bompmargin{margin-bottom: 70px;}

.label-box {
margin: 0 0 40px 0;
}

.label-box h2 {
font-size: 34px;
margin:30px 0;
}

.label-box h3 {
font-size: 30px;
}

.label-box h4 {
font-size: 20px;
}

.two {
background: #0049B6;
padding: 50px 0 35px 0;
}

.two .label-box {
color: #fff;
}

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

.advlist .advitem {
background: #fff;
padding: 52px 18px;
width: 24%;
}.advlist .advitem  img{width:auto}
.advlist .advitem p{color:#888888}

.serlist {
 position:relative;
overflow: hidden;   
display:flex;
    justify-content: space-between;
 
}

.serlist .advitem {
color: #fff;
background: #0049B6;
padding: 58px 48px;
position: relative;
width:49.8%;
}

.serlist .advitem img {
position: absolute;
right: 0;
bottom: 0;
width: 100%;
z-index: 0;
}

.serlist .advitem h4, .serlist .advitem p {
position: relative;
}
.citymap{position:relative}
.citymap .map{width:742px;}
.citlist li.hover .pingtaiinfo{display:block;}
.citlist li.hover h3  {  	
	  box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
}
 @keyframes shadowAnimation { 
            0% {
               box-shadow: 0 0 10px rgba(0, 0, 0, 0.7); /* 阴影大小和不透明度变化到最大值 */
            }
			
        }
.pingtaiinfo{width:390px;    position: absolute;left:810px;  top:130px;;display:none;}
.pingtaiinfo .info{padding:22px 34px;color:#fff;background:#0049B6;position:relative;top:-10px;border-radius:0 0 14px 14px }
	.pingtaiinfo img{width:100%;}
	.citlist li h3{position:absolute; border-radius: 50%;
    overflow: hidden; box-shadow: none; /* 初始状态没有阴影 */
	transition: all 0.2s  linear;
}
.citlist li:nth-child(1) h3{top:238px ;left:503px}
.citlist li:nth-child(2) h3{top:395px ;left:587px}
.citlist li:nth-child(3) h3{top:287px ;left:205px}
.citlist li:nth-child(4) h3{top:360px ;left:363px}
.citlist li:nth-child(5) h3{top:481px ;left:467px}

.fourcity.topmargin{margin-top:100px;}
.fourcity .left{ background-size: contain; background-repeat: no-repeat; margin-right: 5%; }
.fourcity .swiper1{    width: 475px;}
.ten_card_grid{display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;}

.ulcom{font-size:24px;color:#888888;margin-top:28px;}
.ulcom li {
    padding-left: 20px;
    position: relative;
}
.ulcom li::after {
    content: "";
    left: 0;
    top: 16px;
    position: absolute;
    width: 6px;
    height: 6px;
    background: #888888;
}
.hangye .ten_main{width:1140px;  }
.twohang{height:525px;}
.twohang .ten_main{    
    color: #fff;
    position: relative;}
	.twohang .bg{background: #0049B6;width:1280px;height:525px; position: absolute;
    left: 50%;
    margin-left: -640px;}
.twohang .ten_main	.label-box h2{margin:40px 0}
.twohang .fourflex div{position:relative}
.twohang .fourflex h3{position:absolute;left:26px;top:24px;} 
.fourflex img{margin:5px;width:auto;}
/*企业购页面的*/
.two {
background:url(../img2023/buyone.png) no-repeat;background-size:cover}
.comone {display:flex;  align-items: center;
}
.comone .left {
width:50%;}
.comone .right {
width:40%;}
.comone .right ul li {padding:17px  28px; margin-bottom:24px;overflow:hidden;
background:#fff;position:relative;}
.comone .right ul li:nth-child(2) {position:relative;left:50px;
}
.comone .right ul li h5 {    font-weight: 600;
font-size:26px;color:#0049B6}
.comone .right ul li p {margin:12px 0;color:#888888;
font-size:16px;}
.comone .right ul li em {font-style:normal;font-weight:bold;    font-family: fantasy;
position:absolute;right:5px;top:-20px;font-size:60px;color:#cad3ea}
.line {height:2px;width:45px; background-color:#fff;margin:14px 0;
}
.comone .btmbtn {
margin-top:40px;}

.fourflex {display:flex;justify-content:space-between;
}
.fourflex .swiper-slide { text-align:center;
width: 24%;}
.fourflex .swiper-slide p {
text-align:left;}
.threebuy  .swiper-slide { border-radius:18px; border:solid 2px #0049B6;padding:32px 16px;box-sizing:border-box;height:auto;
    margin: 5px; 
}
.fourflex .swiper-slide p {color:#888888
}

.twoflex {display:flex; align-items: center;}
.twoflex .left {position:relative; width:45%;   
}
.twoflex .right { flex:1; margin-left:17px;
}
.twoflex .left img {
   /* width:100%; 因为产品页的播放按钮去掉 */}
.twoflex  .left .txt {position:absolute;left:50px;bottom:35px;right:50px;
    }


.fourbuy {background:#0049B6;padding:30px 0;color:#fff;background:url('../img2023/yygbj.png');background-repeat: no-repeat;
    background-size: cover;
}
    .fourbuy .left {
    width:40%}
.fourbuy .left li {    padding: 17px 6px;
    text-align:right;
 
    }
.fourbuy .comone .right ul li {
    background:none;margin:0;padding:2px;}
.fourbuy .comone .right ul li p {
   
    color: #fff;
  
}
.fourbuy .comone .mid {padding:20px;
}

.mingthree .twoflex {
color:#fff;}
.mingthree .left, .mingthree .right .txt {border-radius:10px; overflow:hidden;
    }
.mingthree .right .txt { background:#0049B6;padding:19px 34px;
}
.mingtwo .list {display:flex;    flex-wrap: wrap;color:#fff;
}
    .mingtwo .list .advitem {height:194px;background:#0049B6;box-sizing:border-box;
    width:25%;}
        .mingtwo .list .advitem .itempad {
 padding:38px 20px;       }
        .mingtwo .list .advitem img {
        width:100%;height:100%;}
.fourlist {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}.fourlist .advitem {
    padding:0 5% 5%  5%    ;
    width: 20%;
    box-sizing:border-box;
}
    .fourlist .advitem img {
    width:100%;}
 
       /*供应链*/
.linktwo { background:#0049B6;color:#fff;padding:48px;
}
    .linktwo .swiper1 {
    height:265px;}
 
 

.swiper1 .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}
.swiper-slide {  overflow:hidden;    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
	 
  
 }
.swiper1 .swiper-slide img { 
    width:100%;}

.fourlink .comone { display:flex; align-items: stretch; height:460px;
}
.fourlink .comone .item {position:relative; margin:5px;  padding:36px 32px; color:#fff;background:#0049B6; 
                             box-sizing: border-box;    
    overflow: hidden;

}
    .fourlink .comone .item * {z-index:9;
    position:relative;}
.fourlink .comone .item .bj {position:absolute; left:0;right:0; width:100%;bottom:0;z-index:0
}
    .fourlink .comone .item p {
    position:relative;z-index:99;}
.fourlink .comone>.item:nth-child(1) {    flex-shrink: 0;
 width:400px;}
.fourlink .comone>.item:nth-child(2) {    flex-shrink: 0;
 width:300px;}
.fourlink .comone .item:nth-child(3) {    
 }

/*优选*/
.Yoneright h5 {color:#0049B6;  
font-size:26px;}
.btmbtn {
    
    margin-top: 47px;
}.btmbtn img{width:auto;}
.Yoneblock { display:flex;    color: #fff;
}
.Yoneleft { width:300px;flex-grow:0;margin-right:40px;
}
.Yoneright {width:726px;height:400px; box-sizing:border-box; background:#fff;border-radius:25px;padding:22px 35px; color:#000000;overflow:hidden;
}


.yxserlist .advitem {background:#EFEFEF;border-radius:17px;box-sizing: border-box;padding:25px 16px;position:relative;
}
    .yxserlist .advitem img {top:30px;
    position:absolute;}
    .yxserlist .advitem h4 {margin:0;
    padding-left:36px;}
.yxfourlist { 
height:600px;}
.yxxmlist {flex-wrap:wrap;justify-content: space-between;
display:flex; }
.yxxmlist a { color:#343434; text-align:center;
    width:33%;display:block;}
.yxxmlist a img {height:200px;
        width:100%;}
    .yxxmlist em {margin:10px 0 15px 0;display:block;
    font-style:normal;    font-size: 17px;}
.Yoneright .tabs{overflow: hidden;}
.Yoneright .tabs a {
  display: block;
  float: left;
  width:20%;
  color: #333;
  text-align: center; 
  line-height: 40px; 
  text-decoration: none;
   opacity: 0.6;  
 
}
.Yoneright .tabs a img{display: block;margin:auto; width:auto;
    object-fit: cover;}
.Yoneright .tabs a.active { 
  opacity: 1;  
}	

/* 供应链 */
.twolink>.ten_main{height:500px;background:#0049B6; padding:40px;color:#fff;    position: relative;}
.linklist{ position: relative; }
 .linklist>li{ width:260px; padding-left:24px;} 
 .linklist>li.hover .linkpard{display:flex; } 
 .linklist>li.hover>h2{color: #fffce1; }
  .linklist>li.hover{border-left:solid 1px #ffffff}
 .linklist>li h2{font-size:20px; margin-bottom: 15px; }
 .linklist>li h2 img{position:relative;top: -3px;left: -5px;width:30px;height:30px;}
  .linklist>li h3{font-size:20px; margin-bottom: 27px;  }
 
 
.linklist>li .linkpard{position:absolute;left:238px;top:0; width:820px;padding:0 30px;display:none  ;}
.piclist img{width:120px;height:50px}
.classlist{width:548px;    flex-shrink: 0;height: 423px;
    overflow-x: hidden;
    overflow-y: auto;
     }
 
.classlist::-webkit-scrollbar {
	   width: 5px;
	 }
	  
.classlist::-webkit-scrollbar-track {
	   background-color: #bababa21;
	 }
	  
.classlist::-webkit-scrollbar-thumb {
	   background-color: #ececec21;
	 }
.classlist::-webkit-scrollbar-thumb:hover {
  background-color: #ececec55;
}	 
.classlist>li{margin-bottom:5px;}
.classlist>li h2{ margin-bottom: 4px;}
.classword{margin-bottom:20px;   }
.classword { overflow: hidden; width: 500px;
    word-wrap: break-word; 
       word-break: keep-all;
	word-spacing:18px;    line-height: 1.8;
  } 
  .classword img{width:10px;}
.classword span,.classword a{display:inline-block; padding:0 10px 5px 0 ;color:#fff;}
.piclist {width:312px; flex-shrink: 0; padding-left:30px;}
.showall{position:absolute;left: 53px;bottom: 21px; color:#0049B6;   border-radius: 14px;
    background: #fff;width:170px;line-height:30px;text-align:center}
.showall a{color:#0049B6}	
.plist img{float:left;margin:0 10px 10px 1px;border: solid 1px #ffffff;}


/* 产品 */
.productclass{display: flex;
    justify-content: space-between;}
.productclass .item {width:19%;background: #F1F1F1;padding:20px;}
.productclass .item h5{font-size:18px;color:#000;margin:0}.productclass .item p{font-size:12px;margin:0}

.tabsbox{width:1000px;margin:auto}
.tabsbox .tabs {
width: 900px;
margin: 0 auto;
 
 text-align:center;
 display: flex;
     justify-content: space-between;
     margin-bottom: 27px;
}
.tabsbox .tabs a {
display: block;
float: left;
line-height: 40px;
font-size: 20px;
text-decoration: none;

}
.tabsbox .tabs a.active {
color: #0049B6;
border-bottom: 2px solid #FFD600;
}

.tabsswiper-container {
width:1000px;
height: 450px; overflow: hidden;
 
color: #fff;
}
.tabsswiper-container .swiper-wrapper{  }
.tabsswiper-container .swiper-slide { 
text-align: left;
}
.tabsswiper-container .swiper-slide img{width:auto;height:100%;margin: auto;
    display: block;}
 
 .mySwiper2 { position: relative;}   
 .mySwiper2 .swiper-slide { background: #fff;}
 .mySwiper2 .swiper-button{position:absolute; left:52%;bottom:23px;width:112px;height:50px;}
.mySwiper2 .swiper-button-next:after{content: url(../img2023/right.svg);}
.mySwiper2 .swiper-button-prev:after{content: url(../img2023/left.svg);}
.caselist{margin-bottom:75px;}
.caselist .yxxmlist .linear-box{position:absolute; left:0;right:0;top:0;    background: #0000006b;
    z-index: 999;
    bottom: 0;}
 .caselist .yxxmlist a{margin-bottom:7px;position: relative;}
.caselist .yxxmlist img{}
.ten_subbanner .label-box{position:absolute; padding: 8vw 6vw;color:#fff;}