@charset "utf-8";
/* CSS Document */
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,a,big, em,font,strong,tt, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, img{border:0px;}
ul{list-style:none;}
li{list-style:none; color:#404040;}
body,td,th,select,input,textarea,ul,li,dl,dd,dt {color:#333;margin:0px; padding:0px;} 
p{color:#666464; padding:0px; margin:0;line-height: 26px;}
img{ border:none; padding:0px; margin:0;display: block;
    object-fit: cover;
	image-rendering: -moz-crisp-edges; /* Firefox */
image-rendering: -o-crisp-edges; /* Opera */      
image-rendering: -webkit-optimize-contrast; /*Webkit (non-standard naming) */ 
image-rendering: crisp-edges; 
-ms-interpolation-mode: nearest-neighbor;
max-width: 100%;
height:auto;
}
a:link{color:#333;text-decoration: none;}
a:visited,a:hover{color:#333; text-decoration: none;}
h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px;}
html{height:100%;overflow-y:scroll;}
body{ height:100%;padding:0px; margin:0;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; background-color:#fff;}


.banner{ width:100%; height:auto;}
.bnev{ position:absolute; z-index:2; top:0; left:0; width:100%; height:auto;background: rgba(0, 0, 0, 0.5); padding:12px 40px; box-sizing:border-box;}
.bnev.bg{ position:inherit;background: rgba(22, 52, 105, 1);}
.logo{ position:absolute; z-index:2; top: auto; left:40px;}
.logo img{ height:35px;object-fit: contain;}
.nev{ width:100%; height:auto;}
.nevli{ width:75%; box-sizing:border-box;}
.nevli ul li a{ color:#fff;}
.nav-item {
            position: relative; /* 为伪元素提供定位基准 */
            color: #fff; /* 白色文字 */
            font-size: 16px;
            text-decoration: none;
            transition: color 0.3s ease; /* 文字颜色过渡 */
        }

        /* 3. 核心：下划线伪元素 (::after) */
        .nav-item::after {
            content: ''; /* 必须有，否则不显示 */
            position: absolute;
            left: 0;
            bottom:-15px; /* 定位到文字下方 */
            width: 100%; /* 下划线宽度与文字一致 */
            height: 3px; /* 下划线粗细（可调整） */
            background-color: #fff; /* 下划线颜色 */
            transform: scaleX(0); /* 初始状态：隐藏（宽度为0） */
            transition: transform 0.3s ease; /* 动画过渡 */
        }

        /* 4. 高亮状态：HOME 项的样式 */
        .nav-item.active {
            color: #fff; /* 保持文字白色 */
			font-weight:bold;
        }
        /* 激活态下划线：完全显示 */
        .nav-item.active::after {
            transform: scaleX(1); 
        }

        /* 5.  hover 效果（可选）：鼠标移上去也显示下划线 */
        .nav-item:hover::after {
            transform: scaleX(1);
        }
 

.soso{
	width: 150px;
	height: auto; position:relative;
}
.sosoico{ position:absolute; z-index:2; top:3px; left:6px;}
.sosoico img{ height:14px;}
.soso input{ width:100%;border-radius:147px;
background: rgba(255, 255, 255, 0.7); line-height:26px; border:none; padding-left:20px; box-sizing:border-box;
}

.iabout{ text-align:center; padding:30px 0 20px 0;}
.iabout.pt{ padding:15px 0;}
.iabout.pm{ padding:0;}
.iabout span { font-size:30px; font-weight:600; padding:0 20px;}

.iabout img{ height:22px;}
.iabouttx{ width:100%; height:auto;}
.iabouttx p{font-weight: 400;
letter-spacing: 0px;
line-height: 28px;
color: rgba(102, 102, 102, 1);
text-align: justify;
}

.life{ width:100%; height:auto; margin:30px 0;}
.life ul{display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 30px;
}
.life ul li{background: rgba(255, 255, 255, 0.8);
	box-shadow: 0px 0px 10px  rgba(0, 0, 0, 0.1); padding:20px; box-sizing:border-box;
}
.lifetit{ font-size:20px;font-weight: 500;}
.lifetitp{ padding:10px 0;}
.lifetitp p{color: rgba(51, 51, 51, 1);}
.lifetitp p a{color: rgba(56, 122, 255, 1);}
.lifetitp p a:hover{color: rgba(56, 122, 255, 1);}
.lifetitm{padding:15px 0 7px 0;}
.lifetitm a{color: rgba(56, 122, 255, 1); }
.lifetitm a:hover{color: rgba(56, 122, 255, 1);}
.lifetitpic{ width:100%; height:auto; overflow:hidden;}
.lifetitpic img{-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s;}
.lifetitpic img:hover{-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);  
transform:scale(1.1,1.1);}
.life ul li:nth-child(2) .lifetitm{ margin-top:30px;}

.footer{ width:100%; height:auto; padding:10px 0; background: rgba(22, 52, 105, 1); color:#fff; text-align:center;}


.about{ width:100%; height:auto; margin:30px 0;}
.about ul{
	display: grid;
    grid-template-columns: 0.7fr 1.3fr;
    gap: 30px 30px;
	}
.about ul li{background: rgba(255, 255, 255, 1);
box-shadow: 0px 0px 10px  rgba(0, 0, 0, 0.1);box-sizing:border-box;
}

.technology{ width:100%; height:auto; margin:30px 0;}
.technology ul{
	display: grid;
    grid-template-columns: 0.7fr 1.3fr;
    gap: 30px 30px;
	}
.technology ul li{background: rgba(255, 255, 255, 1);
box-shadow: 0px 0px 10px  rgba(0, 0, 0, 0.1); padding:20px; box-sizing:border-box;
}
.technologydl dl{
	display: grid;
    grid-template-columns: 1fr;
    gap: 10px 20px;
	}
.technologydl dl dd video{ width:100%;}
.technology ul li:nth-child(2){ padding:0;}

.aboutL{ width:383px; float:left;}
.aboutR{width: calc(100% - 410px); float:right;background: rgba(255, 255, 255, 1);
box-shadow: 0px 0px 10px  rgba(0, 0, 0, 0.1); margin:5px; box-sizing:border-box; min-height:770px;}
.aboutRp{ width:100%; height:auto; padding:0 15px 10px 15px;box-sizing:border-box;}
.aboutRp p{ padding-bottom:0px;}

.data{ width:100%; height:auto; margin-bottom:30px;}
.data ul{display: grid;
    grid-template-columns: 0.7fr 1.3fr;
    gap: 30px 30px;
	}
.data ul li{background: rgba(255, 255, 255, 1);
box-shadow: 0px 0px 10px  rgba(0, 0, 0, 0.1); padding:20px; box-sizing:border-box;
}
.data ul li p{ margin-top:10px;}
.data ul li img{ height:320px; object-fit:contain;}


.techn{ width:100%; height:auto;}
.techn ul{display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 10px 0px;
	}
.techn ul li{ width:100%; height:252px; overflow:hidden;background: rgba(255, 255, 255, 1);
box-shadow: 0px 0px 10px  rgba(0, 0, 0, 0.1); margin:5px; box-sizing:border-box;}
.techn ul li video{ width:100%;}


.product{ width:100%; height:auto;}
.product ul{display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 0px 0px;
	}
.product ul li{ width:100%; height: auto; overflow:hidden;background: rgba(255, 255, 255, 1);
box-shadow: 0px 0px 10px  rgba(0, 0, 0, 0.1); margin:5px; box-sizing:border-box;}


.deliv{ width:100%; height:auto; margin:30px 0;}
.deliv ul{display: grid;
    grid-template-columns: 0.8fr 1.2fr;
    gap: 30px 30px;
	}
.deliv ul li{background: rgba(255, 255, 255, 1);
box-shadow: 0px 0px 10px  rgba(0, 0, 0, 0.1); padding:20px; box-sizing:border-box;
}
.deliv ul li:nth-child(2n){ background:none; box-shadow:none; padding:0;}
.deliv ul li p{ margin-top:0px;}
.delivR{ width:100%; height:auto;}
.delivR dl{display: grid;
    grid-template-columns: 1fr;
    gap: 20px 0px;
	}
.delivR dl dd{background: rgba(255, 255, 255, 1);
box-shadow: 0px 0px 10px  rgba(0, 0, 0, 0.1); padding:20px; box-sizing:border-box;}

.delivR dl dd img{ width:80%;
    height: auto;
    margin: auto;
    display: block;
}

.lifetit.pt{padding: 10px 0 10px 0;}

.contact{ font-size:24px; font-weight:bold; margin-top:30px; text-align:center;}
.contacttit{ padding:10px 0; text-align:center; font-size:20px;}
.contacttit span{display:block;
	width: 544px;
	height: 4px;
	margin:auto;
	margin-top:10px;
	background: rgba(141, 193, 242, 0.3);
}
.contacttit span1{
	display:block; 
	width: 544px;
	height: 2px;
	margin:auto;
	margin-top:2px;
	background: rgba(141, 193, 242, 0.3);
	}
.contacttit p{ color:#333;}
.contacttit.mt{ margin-bottom:30px;}



@media screen and (min-width: 800px) and (max-width: 1600px) {
  .nevli{ padding-left:120px;}
}

/*公用*/
.box{ width:92%; height:auto;max-width:1200px; margin:auto;}
.flex{display:flex;display:-webkit-flex;align-items:center;}
.flexend{display:flex;display:-webkit-flex;align-items:flex-end;}
.flexwa{display:flex;display:-webkit-flex;align-items:center;flex-wrap: wrap;align-content: center;}
.flex_sb{display:flex;display:-webkit-flex;justify-content:space-between;}
.flex_sba{display:flex;display:-webkit-flex;justify-content:space-between;align-items:center;}
.flex_sbc{display:flex;display: -webkit-flex;justify-content:space;align-items:center;}
.flex_sbs{display:flex;display: -webkit-flex;justify-content:space;flex-wrap: wrap;}
.flex_sbw{display:flex;display:-webkit-flex;justify-content:space;flex-wrap:wrap;align-items:center;}
.flex_sbcc{display:flex;display:-webkit-flex;justify-content:center;align-items:center;}
.flexwajc{display:flex;display:-webkit-flex;align-items:center;flex-wrap: wrap;justify-content:center;align-content: center;}
.flexjc{display:flex;display:-webkit-flex;justify-content:space-between;flex-wrap: wrap;}