*{margin:0;padding: 0;}
ul,ol{list-style:none;}
a{text-decoration:none;}
body{font-family:"微软雅黑";}
html {scroll-behavior: smooth;}
	
	
	
	
.title{text-align: center;margin: 20px;}
.title h2{font-size:26px;color:333}
.title i{width:76px ;height:3px;background:#002fa7;display: block;margin: 18px auto 0;}
.title-2{text-align: center;margin: 40px;}
.title-2 h3{font-size:30px;color: #002fa7;}
.title-2 p{font-size: 14px;color: #bbbbbb;}
	




.banner {background-image: url('barcode printer.png');background-size: 100% 100%;background-position: center;color: #fff;text-align: center;padding:5% 5% 10% 5%;}
.banner h1 {font-size: 2.75rem;}
.banner p {	padding-top: 2%;font-size: 2rem;}





.about-index{width: 70%;margin: 2% auto;}
.about-index .long-about{display: none;}
.about-index .long-about a{color: #002fa7;}
.about-img{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-around;}
.about-img a{color: #111;}
.about-img li{width: 23%;overflow: hidden;float: left;margin-left: 20px;margin-top: 20px;margin: 1% auto}
.about-img li img{flex: 100%;max-width: 100%;display: block;margin: 0 auto;}
.about-img .text p{font-size:14px;argin-bottom: 14px;margin-top: 14px;text-align: center;}	
.about-img li img:hover{background-color: #eef7fe;transform: scale(1.1);}
.about-img a:hover{color: #002fa7;}




.PRODUCT{width:75%;margin: 0 auto;}
.PRODUCT-one{width:75%;margin: 0 auto;}
.product-new-idprt {display: flex;margin-bottom: 20px;/* background-color: #eee; */box-shadow: 0 3px 3px rgba(150, 150, 150, 0.6);border-radius: 10px; border: 2px solid #f3f3f3;}
.product-img{width: 25%;margin: auto 0;}
.product-img img {flex: 100%;max-width: 100%;vertical-align: middle;}
.product-info {margin: 10px;flex: 1; }
.product-title{width: 100%;margin-top:3%; color: #002fa7;}
.product-title h3{font-size: 20px;}
.product-txt{margin-top: 3%;font-size: 14px;line-height: 25px;}
.product-size{margin-top: 4%;}
.product-button{position: relative;margin: 3% auto;}
.product-button a{font-size: 16px;color: #fff;background-color: #002fa7;padding: 5px  10px;border-radius: 5px;}


.Product-Category {width: 65%; list-style: none;padding: 0;margin: 0 auto;display: flex;flex-wrap: wrap; justify-content: space-around;}
.Product-Category li {width: 45%;background-color: #002fa7;color: #fff; border-radius: 5px;margin: 10px;text-align: center;}
.Product-Category a {line-height: 40px; text-decoration: none;color: #fff;padding-left: ; border-radius: 5px;/* font-size: 16px; */}
.Product-Category .current-page {background-color: #002fa7;color: #fff;}
.Product-Category li:hover {background-color:#eee; color: #111;}
.Product-Category a:hover {color:#111;}

#pagination {list-style: none;padding: 0;text-align: center;}
#pagination li {display: inline;margin: 0 5px;}
#pagination a {text-decoration: none;background-color: #eee;color: #111;padding: 5px 10px;border-radius: 5px;font-size: 16px;}
#pagination a:hover {background-color:#;}
#pagination .current-page {background-color: #eee;color: #111;}




.contact {width: 80%;margin: 0 auto;margin-top: 50px;background-image: url('Contact Us.png');background-size: 100% 100%;background-position: center;color: #fff;text-align: center;padding: 4% ;}
.contact h1 {font-size: 3rem;}
.contact p {color: #fff;margin: 3%;font-size: 1.2rem;}
.contact-us{width: 20%;margin: 0 auto;line-height: 60px;background-color: #fff;border-radius: 10px;}
.contact-us:hover{background-color: #002fa7;}
.contact-us p{color: #555;}
.contact-us p:hover{color: #fff;}





.FAQ-QA {width: 60%; margin: 20px auto;}
.faq-section {margin-bottom: 10px;}
.faq-title:hover {background-color: #eee; transition: background-color 0.3s;}
.faq-title {font-size: 18px; cursor: pointer; font-weight: bold; padding: 10px ;border-radius: 10px;}
.faq-title i.fa::before {color:#002fa7;content: "\f067";}/* Unicode字符码，加号图标 */
.faq-title.open i.fa::before {color:#002fa7;content: "\f068"; }/* Unicode字符码，减号图标 */
.faq-content {display: none; margin-top: 10px;}
.FAQ-QA i{float: right;}



.NEWS-IDPRT{width:80%;margin:20px auto;}
.NEWS-IDPRT .news_idprt{height:100%;display: flex;flex-wrap: wrap;justify-content: space-around;}
.news_idprt li{width: 30%;background:#f2f2f2;border-radius: 10px;overflow: hidden;float: left;margin-top: 20px;transition: transform 0.8s, box-shadow 0.5s, margin-top 0.5s;}
/* .news_idprt li:hover{transform: translateY(-10px);box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);margin-top: 10px;} */
.news_idprt img{flex: 100%;max-width: 100%;display: block;margin: 0 auto;}
.news_idprt .text{width: 100%;}
.news_idprt .text h3{font-size: 18px;color: #002f7d;padding: 10px 0 0 25px;
-webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;}
.news_idprt .list p{font-size: 16px;color: #444444;padding-top: 7px;margin: 0 3%;
     -webkit-box-orient: vertical;
     display: -webkit-box;
     -webkit-line-clamp: 3;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: normal;
     margin-bottom: 15px;
	 line-height: 20px;}
.news_idprt .list{width: 100%;}
.news_idprt .more{padding: 15px;float:right;border-radius:18px;}
.more p{background-color: #002f7d;color: #fff;border-radius:5px;text-align: center;padding: 5px 10px;}
.more p:hover{background-color: #fff;color: #002fa7;}

.new-list{width: 100%; /* height: 100px; */margin-right: 25px;}
.n-list{padding: 15px;float:right;border-radius:18px;}
.n-list p{background-color: #002f7d;color: #fff;border-radius:5px;text-align: center;padding: 5px 10px;}
.n-list p:hover{background-color: #fff;color: #002fa7;}



@media screen and (max-width:767px){
	.banner h1 {font-size: 1.5rem;}
	.banner p {	padding-top: 2%;font-size: 1.25rem;}
	
	
	.about-index{width: 95%;margin: 2% auto;}
	.about-img li{width: 45%;}
	
	
	
	.PRODUCT{width:95%;margin: 0 auto;}
	.PRODUCT-one{width:95%;margin: 0 auto;}
	.product-title h3{font-size: 16px;}
	.Product-Category{width: 90%;}
	.Product-Category .current-page {background-color: #002fa7;color: #fff;}
	.Product-Category li {width: 90%;background-color: #002fa7;border-radius: 5px;margin: 10px;}
	.Product-Category a {width: 100%;color: #fff; }
	.Product-Category li:hover {background-color:#fff; color: #111;}
	.product-new-idprt{display: block;}
	.product-img{width: 70%;margin: 0 auto;}
	
	
	
	.contact {width: 92%;background-image: url('Contact Us.png');background-size: 100% 100%;background-position: center;
	color: #fff;text-align: center;}
	.contact h1 {font-size: 1.5rem;}
	.contact-us{width: 40%;}
	
	.FAQ-QA {width: 95%; margin: 20px auto;}
	.faq-title {font-size: 16px;}
	
	
	.NEWS-IDPRT{width:95%;margin:20px auto;}
	.news_idprt li{width: 80%;}
}

@media screen and (min-width:768px) and (max-width: 1150px){
	.banner h1 {font-size: 1.5rem;}
	.banner p {	padding-top: 2%;font-size: 1.25rem;}
	
	
	.about-index{width: 95%;margin: 2% auto;}
	
	
	
	.PRODUCT{width:95%;margin: 0 auto;}
	.PRODUCT-one{width:95%;margin: 0 auto;}
	.product-title h3{font-size: 16px;}
	.Product-Category{width: 90%;}
	.Product-Category .current-page {background-color: #002fa7;color: #fff;}
	.Product-Category li {width: 45%;background-color: #002fa7;border-radius: 5px;margin: 10px;}
	.Product-Category a {width: 100%;color: #fff; }
	.Product-Category li:hover {background-color:#fff; color: #111;}

	
	
	
	.contact {width: 92%;background-image: url('Contact Us.png');background-size: 100% 100%;background-position: center;
	color: #fff;text-align: center;}
	.contact h1 {font-size: 1.5rem;}
	.contact-us{width: 30%;}
	
	.FAQ-QA {width: 80%; margin: 20px auto;}
	.faq-title {font-size: 16px;}
	
	
	.NEWS-IDPRT{width:95%;margin:20px auto;}
}

@media screen and (min-width:1151px) and (max-width: 1400px){
	.banner h1 {font-size: 2.25rem;}
	.about-index{width: 85%;margin: 2% auto;}
	
	.PRODUCT{width:85%;margin: 0 auto;}
	.PRODUCT-one{width:85%;margin: 0 auto;}
	.contact {width: 92%;margin: 0 auto;margin-top: 50px;background-image: url('Contact Us.png');background-size: 100% 100%;background-position: center;
	color: #fff;text-align: center;}
	.FAQ-QA {width: 70%; margin: 20px auto;}
	.faq-title {font-size: 16px; }
	.NEWS-IDPRT{width:85%;margin:20px auto;}
}