@charset "utf-8";
/*title*/
.section-title { margin-bottom: 40px; text-align: center; margin-top:50px;}
.section-title h2 { margin-top: 0; margin-bottom:10px; text-align: center; font-size:45px; letter-spacing:1px; color:#000; font-weight:500; text-transform:uppercase}
.section-title p { color: #343434; font-size: 25px; display: flex; align-items: center; justify-content: center;}
.section-title p:before,.section-title p:after { display: block; content: "——"; margin: 0 15px;color: #666;}
/*product*/
.product{ width:100%;overflow:hidden; margin-top:20px;}
.product li{ float:left; width:31.6%; background:#f5f5f5; margin-right:2%; border-radius:10px; padding:20px; box-sizing: border-box; margin-bottom:2%}
.product li .img{ overflow:hidden;}
.product li .img img {max-width: 100%;width: 100%;object-fit: cover;transition: transform 0.5s;}
.product li .img img:hover{ transform: scale(1.1);-webkit-transform:scale(1.1)}
.product li span{ float:left; width:100%; line-height:22px; padding:5px 0; text-align:center; font-size:15px;}
.product li:nth-child(1){ width:52%;}
.product li:nth-child(2){ width:45%; margin-right:0}
.product li:nth-child(5){ margin-right:0}
/*about*/
.about-bg{ width:100%; overflow:hidden; background:url(/images/about_bg.jpg) no-repeat center; padding:60px 0; margin-top:40px;}
.about-en{ width:100%;overflow:hidden; font-size:40px; text-transform:uppercase; color:#fff; font-weight:bold; margin:auto;font-weight:500;  text-align:center}
.about-ch{ width:100%; overflow:hidden; margin-top:5px; float:left; font-size:28px;color:#fff; line-height:40px; text-align:center; margin-bottom:40px;}
.about-l{ float:left; width:45%; overflow:hidden; margin-top:60px;}
.about-l h2{ float:left; width:100%; line-height:50px; font-size:30px; color:#fff; font-weight:600;}
.about-l p{ float:left; width:100%; line-height:28px; font-size:15px; color:#fff; padding:30px 0 50px 0;}
.about-r{ float:right; width:48%; overflow:hidden; background:url(/images/company_bg.png) no-repeat; margin-top:60px}
.about-r .img{padding-left:50px;}
.about-r .img img{ border-radius:20px; }
.common_more{ clear:both;width:150px;height:40px; background:#fff;display: block;line-height:40px;text-align: center;position: relative;font-size: 14px;color: #0d3e73;z-index: 1;border-radius:50px;}
/*Application*/
.nyprobox{ width:100%; overflow:hidden;}
.nyprobox ul{width:100%;}
.nyprobox li{width:32%; float: left; margin-right:2%; margin-bottom: 30px;}
.nyprobox li p{ width:100%; float:left; line-height:35px; text-align:center; font-size:15px;}
.nyprobox li:nth-child(3n){ margin-right:0px;}
/*texing*/
.why{ width:100%; overflow:hidden;display: flex; margin-top:40px;}
.whyL{ float:left; width:50%; overflow:hidden;flex: 1;}
.whyL img{ width:100%;}
.whyR{ float:right; width:50%; background:#175ba6; overflow:hidden;flex: 1;}
.whylist{ float:left; padding:2% 0 1.5% 3%; overflow:hidden;}
.whylist h2 {text-align:left; font-size:36px;color:#fff;text-transform:uppercase; font-weight:500}
.whylist h2:after { display: block; content: ''; width:80px; height: 2px; background-color: #ffb606; margin-top:15px;}
.whytitle{ float:left; color:#fff; line-height:26px; width:80%}
.whyright{ float:left; width:80%; padding-top:1%}
.whyright li{ float:left; width:100%; overflow:hidden; min-height:auto; border-bottom:1px dashed #d5d5d5; padding:1.5% 0;}
.whyright li .icol{ float:left; width:80px; height:80px; border:1px solid #d5d5d5;display: grid;place-items: center; }
.whyright li .icol em{ color:#e8d610; font-size:40px; text-align:center;}
.whyright li .icor{ float:left; padding-left:20px; width:calc(100% - 80px); box-sizing: border-box; }
.whyright li .icor p{ float:left; width:100%; font-size:22px; color:#fff;}
.whyright li .icor span{ float:left; width:100%; font-size:14px; color:#fff; line-height:22px;}
.whyright li:last-child{ border-bottom:none}
/*hnonor*/
.honor-bg{ width:100%; overflow:hidden; background:url(/images/honor_bg.jpg) no-repeat center; padding:90px 0 40px 0;}
.honor-en{ width:100%;overflow:hidden; font-size:40px; text-transform:uppercase; color:#000; font-weight:bold;}
.honor-ch{ width:100%; overflow:hidden; margin-top:5px; float:left; font-size:28px;color:#343434; line-height:40px; margin-bottom:20px;}
.honor-l{ float:left; width:40%; overflow:hidden}
.honor-r{ float:right; width:45%; overflow:hidden;}
.honor-t{ float:left; line-height:40px; font-size:18px; overflow:hidden; padding:20px 0}
/* 容器样式，用于包裹所有信息项 */
.patent-container {display: flex;flex-direction: column;gap: 70px;padding: 20px 20px 20px 0;}
.patent-item {display: flex;align-items: center;gap: 25px;}
.patent-icon {width: 80px;height: 80px; background-color: #005aaa; border-radius: 4px;display: flex;align-items: center;justify-content: center;}
.patent-icon::before {content: ""; color: white;font-size: 40px;}
.patent-item:nth-child(1) .patent-icon::before {content: "©"; }
.patent-item:nth-child(2) .patent-icon::before {content: "💡"; }
.patent-item:nth-child(3) .patent-icon::before {content: "🎖️";}
.patent-text {display: flex;flex-direction: column;}
.patent-number {font-size: 40px;font-weight: bold;color: #005aaa;}
.patent-number span{ font-size:15px;vertical-align: top;}
.patent-desc {font-size: 16px;color: #333;}
/*news*/
.news-bg{ width:100%; background:#fff; padding:10px 0 30px 0; overflow:hidden;}
.newslist{ width:100%; margin-top:10px; margin-bottom:40px; overflow:hidden}
.newslist .left{width:32%; float:left;}
.newslist .rect-86{ width:100%; height:330px;}
.newslist .rect-86 img{ width:100%; height:330px;}
.newslist .left a{display:block;}
.newslist .left .intro{background:#f5f5f5; width:100%}
.newslist .left .intro .box{padding:25px 53px 35px 35px;}
.newslist .left .intro .box .t{font-size:20px; color:#1c1c1c; margin-bottom:3px;}
.newslist .left .intro .box .c{font-size:14px; color:#7b7b7b; margin-bottom:15px;}
.newslist .left .intro .box .date{font-size:14px; color:#9d9d9d; font-family:Arial; position:relative;}
.newslist .left .intro .box .icon{width:32px; height:9px; background:url(/images/ipart03_2.png) no-repeat center; position:absolute; right:0; bottom:2px;}
.newslist .left:hover .intro .box .t{color:#2d4c9c}
.newslist .center{width:66%; float:left; margin-left:2%;}
.newslist .center .item{ float:left;background:#f5f5f5; transition:all 0.5s ease; width:48%; margin-left:2%; margin-bottom:2%;}
.newslist .center .item01{margin-bottom:20px;}
.newslist .center .item_box{display:block; padding:30px 42px 35px;}
.newslist .center .item_box .t{font-size:20px; color:#242424; transition:all 0.5s ease;}
.newslist .center .item_box .c{font-size:14px; color:#686868; line-height:23px; height:46px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-top:15px; transition:all 0.5s ease;}
.newslist .center .item_box .date{color:#9d9d9d; position:relative; font-family:Arial; border-top:1px solid #d8d8d8; transition:all 0.5s ease; margin-top:20px; padding-top:20px;}
.newslist .center .item_box .date .day{font-size:37px; line-height:37px; font-weight:bold;}
.newslist .center .item_box .date .year{font-size:14px; line-height:20px; margin-top:3px;}
.newslist .center .item_box .date .icon{width:32px; height:9px; background:url(/images/ipart03_3.png) no-repeat center; position:absolute; right:25px; bottom:15px; transition:all 0.5s ease;}

.newslist .center .item:hover{box-shadow:0 0 20px rgba(0,0,0,.3)}
.newslist .center .item:hover .item_box .t{color:#2d4c9c}
.newslist .center .item:hover .item_box .c{color:#2d4c9c}
.newslist .center .item:hover .item_box .date{color:#2d4c9c}
.newslist .center .item:hover .item_box .date .icon{background:url(/images/ipart03_2.png) no-repeat center;}
@media (max-width:768px) {
.section-title { margin-bottom:20px;margin-top:30px;}
.section-title h2 {font-size:28px;}
.section-title p {font-size: 23px;}
/*product*/
.product{margin-top:0;}
.product li{width:100%;margin-right:0;margin-bottom:2%}
.product li span{ float:left; width:100%; line-height:22px; padding:5px 0; text-align:center; font-size:15px;}
.product li:nth-child(1){ width:100%;}
.product li:nth-child(2){ width:100%;}
/*about*/
.about-bg{ width:100%; overflow:hidden; background:#175ba6; padding:30px 0; margin-top:40px;}
.about-en{font-size:28px;}
.about-ch{font-size:25px; margin-bottom:20px;}
.about-l{width:100%;margin-top:0;}
.about-l h2{ display:none}
.about-l p{ float:left; width:100%; line-height:25px; font-size:15px; color:#fff; padding:20px 0 0 0 ;}
.about-r{ float:left; width:100%; background:none; margin-top:20px}
.about-r .img{padding-left:0;}
.common_more{ display:none}
/*Application*/
.nyprobox li{width:49%; float: left; margin-right:2%;margin-bottom:20px;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient: vertical; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;}
.nyprobox li p{ width:100%; float:left; line-height:22px; text-align:center; font-size:13px; height:22px;}
.nyprobox li:nth-child(2n){ margin-right:0px}
.nyprobox li:nth-child(3){ margin-right:2%}
/*texing*/
.why{ width:100%; overflow:hidden;display:block; margin-top:20px;}
.whyL{ float:left; width:100%;}
.whyR{ float:left; width:100%;}
.whylist{ float:left; padding:5% 0 3% 3%; overflow:hidden;}
.whylist h2 { font-size:26px;}
.whytitle{line-height:23px; width:100%}
.whyright{ float:left; width:100%; margin-top:3%;}
.whyright li .icol{ float:left; width:60px; height:60px;display: grid;place-items: center; }
.whyright li .icol em{ font-size:30px;}
.whyright li .icor{ float:left; padding-left:20px; width:calc(100% - 80px); box-sizing: border-box; }
.whyright li .icor p{ font-size:22px;}
.whyright li .icor span{font-size:14px;line-height:22px;}
/*hnonor*/
.honor-bg{ background:#efefef; padding:20px 0 20px 0;}
.honor-en{ font-size:28px; text-align:center}
.honor-ch{font-size:23px; text-align:center; margin-bottom:10px; line-height:30px;}
.honor-l{ float:left; width:100%; overflow:hidden}
.honor-r{ float:left; width:100%; overflow:hidden;}
.honor-t{ float:left; line-height:25px; font-size:15px; overflow:hidden; padding:0 0 15px 0 }
.patent-container {display:none}
/*index news*/
.newslist{ margin-bottom:20px;}
.newslist .left{width:100%; float:left;}
.newslist .rect-86{ width:100%; height:auto;}
.newslist .rect-86 img{ width:100%; height:auto;}
.newslist .left a{display:block;}
.newslist .left .intro{background:#fff; width:100%}
.newslist .left .intro .box{padding:10px;}
.newslist .left .intro .box .t{font-size:17px; color:#1c1c1c; margin-bottom:3px;}
.newslist .center{width:100%; float:left; margin-left:0px; margin-top:20px;}
.newslist .center .item{ float:left;background:#fff; transition:all 0.5s ease; width:100%; margin-left:0px; margin-bottom:2%; border-top:1px solid #d8d8d8; }
.newslist .center .item01{margin-bottom:20px;}
.newslist .center .item_box{display:block; padding:10px;}
.newslist .center .item_box .t{font-size:17px; color:#242424; transition:all 0.5s ease;}
.newslist .center .item_box .c{font-size:14px; color:#686868; line-height:23px; height:46px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-top:15px; transition:all 0.5s ease;}
.newslist .center .item_box .date{ display:none}
.newslist .center .item_box .date .day{font-size:20px; line-height:25px; font-weight:bold;}
.newslist .center .item_box .date .year{font-size:14px; line-height:20px; margin-top:3px;}
.newslist .center .item_box .date .icon{width:32px; height:9px; background:url(/images/ipart03_3.png) no-repeat center; position:absolute; right:25px; bottom:15px; transition:all 0.5s ease;}
}