*{margin:0;padding: 0;}
ul,ol{list-style:none;}
a{text-decoration:none;}
body{font-family:"微软雅黑";}



.banner {position: relative;width: 100%;text-align: center; margin-top:60px;}
.banner img {width: 100%;vertical-align: middle;}
.banner-txt {position: absolute;top: 50%;left: 5%;transform: translateY(-50%);color: #fff;text-align: left;width:80%; }
.banner h1 {font-size: 4vw;}
.banner p {width: 60%;font-size: 2vw; margin-top: 25px;}
.banner-txt span {padding: 10px 25px;border: 1px solid #bb0007; background-color: #bb0007;color: #fff;font-size: 1.5vw;}
.banner-contact{margin-top: 5vw;}.sketch{width: 80%;margin: 50px auto;}
.banner-m{display: none;}
@media screen and (max-width:768px){
.banner{margin-top: 50px;}
.banner-p{display: none;}
.banner-m{display: block;}
.banner-txt {text-align: left;width:80%;}
.banner-txt span {padding:5px 10px;font-size: 14px;}
.banner h1 {font-size: 3vh;}
.banner p {width: 60%;font-size: 12px; margin-top: 10px;}}


*{margin:0;padding: 0;}
ul,ol{list-style:none;}
a{text-decoration:none;}
html {scroll-behavior: smooth;}

.title{text-align: center;margin: 20px auto;width: 80%;margin: 0 auto; }
.title p{font-size: 18px;line-height: 1.5;margin: 10px auto 20px;}
.title h2{font-size: 2vw;color:333;font-weight: 600;margin-top: 50px; color: #bb0007;}

.title-Product{text-align: center;margin: 20px auto;width: 80%;margin: 0 auto; }
.title-Product h2{font-size:3vw;color:333;font-weight: 600;margin-top: 50px;}

.title-1{text-align: left;margin: 20px auto; }
.title-1 h2{font-size: 2vw;color:333;font-weight: 600;margin-top: 50px;}

.text-product p,.short-about p{font-size:22px;}
.text-product p,.short-about p{font-size:22px;}

.title i{width:75px;height:2px;background:#bb0007;display: block;margin: 18px auto 20px;}
.title-1 i{width:100%;height:1px;background:#bb0007;display: block;margin: 18px auto 20px;}

@media screen and (max-width:768px){
.title h2{font-size: 3vh;color:333;font-weight: 600;margin-top: 10px;}
.text-product p,.short-about p{font-size:16px;}
.title-1 h2{font-size: 2.5vh;color:333;font-weight: 600;margin-top: 50px;}
.title-Product h2{font-size:32px;color:333;font-weight: 600;margin-top: 50px;}}


.itt-Why{width: 100%; margin: 0 auto ; max-width: 1350px;}
.itt-why {display: flex;flex-wrap: wrap;justify-content: space-between;}
.itt-whys {width: 31%;border: 1px solid #eee;border-radius: 10px;margin-bottom: 15px;}

.itt-whys img {width: 100%;height: auto; border-radius: 20px;}
.itt-whys h3 {color: #bb0007;font-size: 18px;margin:10px;text-align: left; }

.itt-whys-1 {width: 48%;border: 1px solid #eee;border-radius: 10px; margin-bottom: 15px;} 
.itt-whys-1 img {width: 100%;height: auto;}
.itt-whys-1 h3 {color: #bb0007;font-size: 18px;margin:10px;text-align:left; }

.itt-whys p {font-size: 1em;line-height: 1.4;margin: 10px;}
.itt-whys-1 p {font-size: 1em;line-height: 1.4;margin: 10px;}
@media screen and (max-width:768px){
.itt-whys{width: 100%;margin-bottom: 20px;}
.itt-whys p {font-size: 14px;line-height:2;margin-left: 10px;}

.itt-whys-1{width: 100%;margin-bottom: 20px;}
.itt-whys-1 p {font-size: 14px;line-height:2;margin-left: 10px;}}

.itt-Other h3{color: #bb0007;}
.itt-Others{width: 80%; margin: 0 auto ;}
.itt-others p {font-size: 1em;line-height: 1.4;margin: 10px;}
@media screen and (max-width:768px){
.itt-others{width: 48%;margin-bottom: 20px;}}


.container_1 {display: flex;flex-wrap: wrap;justify-content:space-between;background-color: white;padding: 20px;width: 80%;margin:10px auto 0px;max-width: 1350px; align-items: center; border: 2px solid #f5f5f5; border-radius: 20px;}
.container_2 {display: flex;flex-wrap: wrap;justify-content:space-between;background-color: white;padding: 20px;width: 80%;margin:10px auto 0px;max-width: 1350px;}


.content {width: 50%;padding-right: 20px;}
.content h3 {font-size: 28px;color: #bb0007; font-weight:bold;}
.content p {font-size: 16px;color: #666;line-height: 1.6;}
.content ul {list-style: none;padding: 0;}
.content ul li {font-size: 16px;color: #333;margin-bottom: 10px;display: flex;align-items: center;}
.content ul li::before {content: '●';color: #111;margin-right: 10px;}
.container_1 a{padding: 10px 15px; background-color: #bb0007; margin-top: 15px; font-size: 18px;font-weight:bold;color:#fff;border-radius: 10px;}
.container_1 a:hover{background-color: #fff;color:#bb0007;border: 2px solid #bb0007;}
.Product .container_1{flex-direction: row-reverse;}

.image {width: 40%; display: flex;flex-wrap: wrap;align-items: center;}
.image-oem {width: 35%; display: flex;flex-wrap: wrap;align-items: center;}
.image img {max-width: 100%;flex: 100%;height: auto;}



/* 
@media screen and (max-width:1025px){

.printer-container{width: 90%; }
.container_1{width:95%;}
.container_2{width:95%; }
.content{width: 95%;margin: 0 auto;}
.printer-item{width: 100%;}.image {width: 95%;margin: 0 auto;}
.content h3 {font-size: 22px;margin-bottom: 10px;color: #333;}} */

@media screen and (max-width:768px){

.printer-container{flex-wrap: wrap;}
.container_1{ padding: 10px;border: 2px solid #f5f5f5;}
.container_2{width:95%; }
.content{width: 95%;padding: 10px ;}
.printer-item{width: 100%;}.image {width: 95%;margin: 0 auto;}
.content h3 {font-size: 22px;margin-bottom: 10px;color: #333;}}




.FAQ-QA {width: 60%; margin: 20px auto 40px;max-width: 1250px;}
.FAQ-QA h2{margin: 20px auto; font-size: 2vw;}
.faq-title h2{font-size: 2vw;}
.faq-section {margin-bottom: 20px;background-color: #fff;border-radius:5px;}
.faq-section:hover {background-color: #f2f2f2;}
.faq-title {cursor: pointer; font-weight: bold;border-radius: 5px;padding: 10px;}
.faq-title i.fa::before {color:#002fa7;content: "\f067";}
.faq-title.open i.fa::before {color:#002fa7;content: "\f068"; }
.faq-content {display: none; width: 90%;margin: 10px auto;}
.faq-content p{margin: 5px 0; font-size: 14px;line-height: 1.5;}
.FAQ-QA i{float: right;margin-bottom: 20px;}



@media screen and (max-width:767px){
.FAQ-QA {width: 90%; margin: 20px auto;}
.faq-title {font-size: 14px;}
.faq-title h2{font-size:32px;}
}

.Article-news{width: 80%; margin: 0 auto ;}
.Article-list {display: flex;flex-wrap: wrap;justify-content:start;}
.Article-only {width: 31%;/* 	 */ margin: 15px 1.1%;}
.Article-only img {width: 100%;height: auto;}
.Article-only h3 {color: #333;font-size: 1.1em;margin:5px auto;}
.Article-only .time {color: #333;font-size:0.8rem;;}
.Article-only p {color: #666;font-size: 0.8em;line-height: 1.4;margin-top: 10px;}

.Article-only h3 {color: #333;font-size: 1.1em;margin: 5px auto;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;height: 2.4em;}
.Article-only p {color: #666;font-size: 0.9em;line-height: 1.4;margin-top: 10px;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;text-overflow: ellipsis;height: 5.6em; }
.Article-learn p{font-size:1em;}
@media screen and (max-width:768px){.Article-only{width: 95%;}}

.itt-whys2 {width: 24%;border: 1px solid #eee;border-radius: 10px;margin-bottom: 15px;}
.itt-whys2 img {width: 100%;height: auto; border-radius: 20px;}
.itt-whys2 h3 {color: #bb0007;font-size: 18px;margin:10px;text-align:center; }

@media screen and (max-width:768px){
.itt-whys2{width: 100%;margin-bottom: 20px;}
.itt-whys2 p {font-size: 14px;line-height:2;margin-left: 10px;}
}

.pt-Others{width: 80%; margin: 0 auto;max-width: 1350px; }
.pt-other {display: flex;flex-wrap: wrap;justify-content: space-evenly;}
.pt-others {width: 32%; text-align: center;/* box-shadow: 0 4px 8px rgba(0,0,0,0.1); */}
.pt-others-1 {width: 23%	; text-align: center;/* box-shadow: 0 4px 8px rgba(0,0,0,0.1); */}
.pt-others img,.pt-others-1 img {width: 100%;height: auto;margin-top:3%; border-radius: 10px;}
.pt-others h3 ,.pt-others-1 h3{margin: 10px 0;}
.pt-others p,.pt-others-1 p {line-height: 1.4;margin-bottom: 15px;}
@media screen and (max-width:767px){
.pt-others {width: 48%;}
.pt-others-1 {width: 48%;}
.contact h2 {font-size: 20px;}
.contact-us{width: 50%;margin: 30px auto;}
}

.Applications{width: 80%;margin: 0 auto; max-width: 1350px;}
.applications{display: flex;flex-wrap: wrap;justify-content: space-between;}
.Applications-TXT p {margin: 20px auto;line-height: 1.5em;font-size: 1.05vw;}
.Applications-T{width: 45%;}
.applications-img{width: 50%; }
.applications-img img {flex: 100%;max-width: 100%;vertical-align: middle; margin: 0 auto;}
@media screen and (max-width:767px){
.Applications-T{width: 98%;margin: 0 auto;}
.applications-img{width: 98%; margin: 0 auto;}
.Applications-TXT p {font-size: 16px;}
}