/* 125% 缩放 */
@media screen and (resolution: 120dpi),
       screen and (device-pixel-ratio: 1.25) {
  :root, html, body {
    font-size: 100% !important;
  }
}

/* 150% 缩放 */
@media screen and (resolution: 144dpi),
       screen and (device-pixel-ratio: 1.5) {
  :root, html, body {
    font-size: 100% !important;
  }
}

/* 全局禁止字体自动放大 */
* {
  -webkit-text-size-adjust: none !important;
  text-size-adjust: none !important;
}


html { scroll-behavior: smooth; }
body{color:#333; font-size: 16px; font-family: 'Poppins', system-ui, sans-serif; padding: 0; margin: 0; min-width:1300px;  }
/*font-weight: 400; /* Regular */
/*font-weight: 500; /* Medium */
/*font-weight: 600; /* SemiBold */
/*font-weight: 700; /* Bold */
li {	list-style: none;}
a {	color: #252525; text-decoration:none;}
i, em{ font-style:normal;}
a:hover {	text-decoration: none;}
p, dl, dt, dd,span, ul, h1,h2,h3,h4,h5,h6{ font-weight: normal;	margin: 0px;	padding: 0px;}
.container{ margin:auto; width:1300px;}
.clear,.clearfix{ clear:both;}
*{box-sizing: border-box;}


.header{   width:100%;  padding: 0px 20px; background:#fff;   border-bottom:2px solid #ddd;   position:sticky;   top:0;   z-index:99;}
.header .container{    height:110px;   display:flex;   align-items:center;   justify-content:space-between;}

.logo img{display: block;}

.nav-box{display:flex;   align-items:center;   justify-content:space-between;}
.nav ul{  display:flex;   align-items:center;   gap:60px;}
.nav ul li{display: flex;   justify-content: center;   align-items: center;}
.nav ul li a.nav-link{font-size:1.625rem;  height: 110px;   display: flex;   align-items: center;  color:#5d6e80;   transition:.3s; text-transform: uppercase;}
.nav ul li:hover a.nav-link,
.nav ul li.active a.nav-link{   color:#099ca2;}

.nav .downmune{position: absolute; top: 100px;  display: none; z-index: 9; width: -webkit-max-content; width:max-content; 
background: rgba(255,255,255,1); }
.nav .downmune dl{padding: 0px 30px; position: relative;}  
.nav .downmune dl a{ display: block; line-height: 46px; font-size: 1.125rem; padding: 0px 0px; color: #333;}
.nav ul li:hover .downmune{ display: block;-webkit-animation-duration: .3s;
    -webkit-animation-fill-mode: both;  animation-duration: .3s;   animation-fill-mode: both;  -webkit-animation-name: layui-upbit;   animation-name: layui-upbit;}
.nav .downmune dl a:hover{color:#099ca2; }
.nav .downmune dl a.active{color:#099ca2;}
@-webkit-keyframes layui-upbit{from{-webkit-transform:translate3d(0,15px,0);opacity:.3}to{-webkit-transform:translate3d(0,0,0);opacity:1}}
@keyframes layui-upbit{from{transform:translate3d(0,15px,0);opacity:.3}to{transform:translate3d(0,0,0);opacity:1}}

.search-trigger {width: 60px; height: 60px; margin: 0px 0px 0px 100px; display: flex; justify-content: center; align-items: center; cursor: pointer;}
.search-modal { display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.7);  justify-content: center; align-items: center; z-index: 9999;}
.search-box { position: relative;  max-width: 500px; background: #000; padding: 20px 30px;  border-radius: 8px; }
.close {display: flex;  display: flex;    justify-content: center;    align-items: center;    color: #fff;
    cursor: pointer;font-size: 2rem;    font-weight: lighter;    z-index: 2;    position: absolute;    right: -50px;    top: -50px;
    width: 50px;   height: 50px;    border: 1px solid #eee;    border-radius: 100%;color: #fff; cursor: pointer; z-index: 2;} 	
.search-form input{ background: none; border:1px solid #3d3d3d; padding: 0px 20px; font-size: 1rem;   height: 40px;color: #fff;}
.search-form button{background: none;color: #fff; font-size: 20px;cursor: pointer;}


.product-01{padding:100px 0; background:url(../images/productbg01.webp) no-repeat; background-position: center; min-height: 965px;}
.product-01 .product-title{  margin: 0px 0px; text-align: center;}
.product-01 .product-title h2{    color:#1e1e1e;   font-size:3rem;font-weight: 700;}
.product-01 .product-title h2 font{margin-left: 50px; font-weight: 600;}
.product-01 .product-title p{font-size: 1.625rem; color: #343434; font-weight: 400;}



/* ================= VALUES ================= */
.product-02{padding:140px 0; background:url(../images/productbg02.webp) no-repeat; background-position: center; min-height: 965px;}
.product-title{  margin: 0px 100px;}
.product-title h2{    color:#1e1e1e;   font-size:3rem;font-weight: 700;}
.product-title p{font-size: 2rem; color: #343434; font-weight: 700;}
.product-title span{font-size: 1.625rem; color: #343434; font-weight: 400;}

/* ================= PRODUCT ================= */
.product-03{padding:140px 0; position: relative; background:url(../images/productbg03.webp) no-repeat; background-position: center; min-height: 965px;}
.product-title{  margin: 0px 100px;}
.product-title h2{    color:#1e1e1e;   font-size:3rem;font-weight: 700;}
.product-title p{font-size: 2rem; color: #343434; font-weight: 700;}
.product-title span{font-size: 1.625rem; color: #343434; font-weight: 400;}

@keyframes ripple{
	0%{opacity:0;transform:scale(.1)}
	5%{opacity:1}
	to{opacity:0;transform:scale(1)}
}
.product-list .xiand{border-radius: 50%; height:15px; width:15px; background-image: linear-gradient(-258deg,#219acf 25%,#219acf); opacity:1;
position: relative;}
.product-list .xiand .one,.product-list .xiand .two {    position: absolute;   border-radius: 50%;   opacity: .3;  background-image: linear-gradient(-258deg,#219acf 7%,#219acf);   animation: ripple 4.5s ease-out 225ms infinite;}
.product-list .xiand .one {      top: -13px;   left: -13px;   width: 40px;  height: 40px;}
.product-list .xiand .two{      width: 60px;   height: 60px;    top: -23px;   left: -23px;}
.product-list .li1{position: absolute; top: -10px;  left: 700px;}
.product-list .li2{position: absolute; top: 150px;  left: 710px;}
.product-list .li3{position: absolute; top: 190px;  left: 1130px;}
.product-list .li4{position: absolute; top: 330px;  left: 900px;}
.product-list .li5{position: absolute; top: 410px;  left: 280px;}
.product-list .li6{position: absolute; top: 420px;  left: 1000px;}
.product-list .li7{position: absolute; top: 620px;  left: 1110px;}


.product-04{padding:140px 0; position: relative; background:url(../images/productbg04.webp) no-repeat; background-position: center; min-height: 965px;}
.product-04 .product-title{  margin: 0px 100px;}
.product-04 .product-title h2{    color:#fff;   font-size:3rem;font-weight: 700;}
.product-04 .product-title span{font-size: 1.625rem; color: #fff; font-weight: 400;}


/* ================= ABOUT ================= */
.about{   padding:180px 0 0px 0px;    background:#fff;}
.about-wrap{    align-items:center;}
.about-img{ width: 100%;margin:0px auto 0px auto;padding-top: 180px;}
.about-img img{ width: 100%; object-fit: cover; display: block;}
.about-text{width: 60%; margin:0 auto 0px auto; }
.about-text p{   margin-bottom:25px; line-height: 2;    font-size: 1.25rem;   color:#333;text-align: justify;}

.values{margin: 150px 0px 150px 0px;}
.values .section-title h2{  text-align: center; text-transform: uppercase;   color:#1e1e1e;   font-size:3rem;font-weight: 700;}
.values .section-title span{ background: #016bee; height: 2px; width: 70px; display: block; margin: auto; }

.valueslist{margin: 100px 20px 0px 20px;}
.valueslist ul{display: flex; justify-content: space-between;}
.valueslist ul li{width: calc(100%/3 - 30px); padding: 30px 30px 100px 60px; background: #fff; position: relative; border-radius: 30px; box-shadow: 10px 20px 20px #eee;}
.valueslist ul li p{font-size: 1.25rem; color: #343434; font-weight: 400; margin: 30px 0px 0px 0px;}
.valueslist ul li:after{display: block; font-family: Arial; font-weight:bold; font-size: 9rem; color:#f5f7f8; position: absolute;top: 0px; right: 30px;}
.valueslist ul li:first-child:after{content: "01"; }
.valueslist ul li:nth-child(2):after{content: "02"; }
.valueslist ul li:last-child:after{content: "03"; }
/* ================= FOOTER ================= */
.footer{    background:#f1f1f1;   padding:130px 20px 100px;    color:#fff;}
.footer-wrap{   display:flex;   justify-content:space-between; flex-wrap: wrap;   margin-bottom:100px;}
.footer-col h3{   margin-bottom:20px;position: relative; display: flex; align-items: center;   }
.footer-col:first-child h3:after,.footer-col:nth-child(2) h3:after{content: "|"; display: block; color: #343434; position: relative; right: -60px; top: 0;}

.footer-col h3 a{font-size:1.875rem; color: #1e1e1e; font-weight: 500; text-transform: uppercase;}
.footer-col ul li{    margin-bottom:10px;}
.footer-col ul li a{   color:#343434;   font-size:1.375rem;}
.footer-col ul li:hover a{   color:#099ca2;}

.footer-contact{width: 40%; padding-left: 60px; border-left: 2px solid #343434;}
.footer-contact li{margin-bottom: 40px;}
.footer-contact li:last-child{margin: 0;}
.footer-contact h3{font-size:1.875rem; color: #1e1e1e; font-weight: 500; text-transform: uppercase;}
.footer-contact p{   color:#343434;   font-size:1.25rem;}
.copyright{    text-align:center;   font-size:1.375rem;    color:#1e1e1e;}



.product-picsli{margin: 200px 0px 100px 0px;}
.product-picsli ul.pics-list{display: flex; flex-wrap: wrap;}
.product-picsli ul.pics-list li{width: calc(100%/3 - 30px); margin: 0px 15px 80px 15px; text-align: center;}
.product-picsli ul.pics-list li .img{box-shadow: 0px 0px 5px 5px #eee;aspect-ratio: 1/1; display: flex; justify-content: center; align-items: center;}
.product-picsli ul.pics-list li .img img{max-height: 80%;transition: all .5s ease; display:none;}
.product-picsli ul.pics-list li .img img:first-child{   display:block;}
.product-picsli ul.pics-list li .img:hover img{ transform:scale(1.08);}
.product-picsli ul.pics-list li .text{margin: 20px 20px 0px 20px; display: flex; align-items: center;}
.product-picsli ul.pics-list li h3{font-size: 1.125rem;font-weight: 700; text-transform: uppercase;   color: #000;}

.product-picsli ul.pics-list dl{display: flex; margin-left: 30px;}
.product-picsli ul.pics-list dt{cursor:pointer;border-radius: 100%; margin: 0px 10px; width: 22px; height: 22px;  position: relative;}
.product-picsli ul.pics-list dt:after{content:"";display:block;border-radius: 100%;border: 1px solid #fff; width: 18px; height: 18px; position: absolute; left: 1px; top: 1px;}
.product-picsli ul.pics-list dt.active:after{border: 1px solid transparent}

.product-pics{margin: 0px 0px 0px 0px;}
.product-pics .pics-list{} 
.product-pics .pics-list ul li { position:relative;display: flex; align-items: center; justify-content: space-between;  margin: 0px 0px 0px 0px; }
.product-pics .pics-list ul li:nth-child(2):after {
    content: "";
    background: #099ca2;
    display: block;
    position: absolute;
    width: calc((100vw - 1320px)/2);
    left: 1300px;
    height: 100%;}
.product-pics .pics-list ul li .img{ width: 50%;}
.product-pics .pics-list ul li .img img{ display: block; width: 100%;}
.product-pics .pics-list ul li .text{ width: 50%; padding: 0px 60px;}
.num{position: relative;}
.product-pics .pics-list ul li .text span{font-size: 10rem; line-height: 1; color: rgba(78,80,92,0.36);}
.product-pics .pics-list ul li .text h3{font-size: 2.5rem;  font-weight: 700;color: #333; margin: 0px 0px 10px 0px;  }
.product-pics .pics-list ul li .text h3 font{display: block;line-height: 0.5;}
.product-pics .pics-list ul li .text p{font-size: 1.125rem; margin: 30px 0px 0px 0px; color: #333; font-style: italic; font-weight: 300; line-height: 1.5;  }
.product-pics .pics-list ul li:nth-child(2){  background: #099ca2; }

.product-pics .pics-list ul li:nth-child(2) .text h3{color: #fff; display: block;}
.product-pics .pics-list ul li:nth-child(2) .text span{color: rgba(255,255,255,0.36);}
.product-pics .pics-list ul li:nth-child(2) .text p{color: #fff;}

/*------AI-service------*/
.product-infolist{margin: 150px 0px;}
.product-infolist .infolist ul {display: flex; flex-wrap: wrap; }
.product-infolist .infolist ul li{width:calc(100%/2); padding: 60px 0px;}
.product-infolist .infolist ul li .text {width: 650px; padding: 0px 40px;}
.product-infolist .infolist ul li .text span{font-size: 10rem; line-height: 1;  color: rgba(78,80,92,0.36);}
.product-infolist .infolist ul li .text h3{font-size: 2.5rem;  font-weight: 700;color: #333; margin: 0px 0px 10px 0px;  }
.product-infolist .infolist ul li .text h3 font{display: block;}
.product-infolist .infolist ul li .text p{font-size: 1.125rem;  color: #333; font-style: italic; font-weight: 300; line-height: 1.5;  }

.product-infolist .infolist ul li:nth-child(1),.product-infolist .infolist ul li:nth-child(4),.product-infolist .infolist ul li:nth-child(5)
{  background: #099ca2; }
.product-infolist .infolist ul li:nth-child(odd){display: flex;   justify-content: flex-end;}
.product-infolist .infolist ul li:nth-child(1) .text h3,.product-infolist .infolist ul li:nth-child(4) .text h3,.product-infolist .infolist ul li:nth-child(5) .text h3
{color: #fff; display: block;}
.product-infolist .infolist ul li:nth-child(1) .text span,.product-infolist .infolist ul li:nth-child(4) .text span,.product-infolist .infolist ul li:nth-child(5) .text span
{color: rgba(255,255,255,0.36);}
.product-infolist .infolist ul li:nth-child(1) .text p,.product-infolist .infolist ul li:nth-child(4) .text p,.product-infolist .infolist ul li:nth-child(5) .text p{color: #fff;}

.product-featurelist{padding:200px 20px;background: url(../images/featurelistbg.webp);}

.product-featurelist .featurelist-text h2{font-size: 2.5rem; color: #fff; font-weight: 700;margin: 0px 0px 30px 0px;}
.product-featurelist .featurelist-text li{margin: 0px 0px 30px 0px;}
.product-featurelist .featurelist-text li h3{font-size: 1.625rem; color: #fff;}
.product-featurelist .featurelist-text li p{font-size: 1.25rem; color: #fff;}

/*------AIOT------*/
.product-aiot{padding:140px 0; position: relative; background:url(../images/productbg03.webp) no-repeat; background-position: center; min-height: 965px;}
.product-aiot .product-aiot-title{position: relative; top: 200px; margin: 0px 50px;}
.product-aiot h2{color: #1e1e1e;   font-size: 2rem;   font-weight: 700;}


.product-aiot-pics{margin: 200px 20px;}
.product-aiot-pics .pics-list{} 
.product-aiot-pics .pics-list ul li { position:relative;display: flex; align-items: center; justify-content: space-between;  margin: 0px 0px 0px 0px; }
.product-aiot-pics .pics-list ul li .img{ width: 50%;}
.product-aiot-pics .pics-list ul li .img img{ display: block; width: 100%;}
.product-aiot-pics .pics-list ul li .text{ width: 50%; }
.product-aiot-pics .pics-list ul li .text h3{font-size: 2rem; text-transform: uppercase; font-weight: 700;color: #333; margin: 0px 0px 10px 0px;  }
.product-aiot-pics .pics-list ul li .text p{font-size: 1.25rem; text-align: justify; color: #333; font-weight: 400; line-height: 1.5;  }


/*---当屏幕小于---*/
@media (max-width: 1360px){
body{font-size:14px;}    
.container{ margin:auto; width:100%; }

}
@media (max-width: 768px){
body{ width: 100%;}	
.container{ margin:auto; width:100%;}	
}