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

.HPRT-BOOTH-TITLE h2{text-align: center;padding: 50px;font-size: 2.5em;font-weight: bold;}
.HPRT-BOOTH-TITLE-CHOOSE{width: 100%;}
.HPRT-BOOTH-TITLE-CHOOSE h2{padding: 50px 0;font-size: 2.2em;font-weight: bold;}
.HPRT-BOOTH{width: 100%;}

.Booth-use{margin-top: 100px;}
.Booth-action{background-color: #fefaf8;}
.Booth-choose{width: 100%;background-color: #111;}


/* banner */
.Booth-banner{width: 100%;background-image: url('bg-img/banner-PC.png') !important;background-size: cover; background-repeat: no-repeat;background-position: center;}
.banner{padding: 200px 50px;width: 40%;}
.banner-txt h1{font-size: 3.5rem; color: #fff;margin-bottom: 20px;}
.banner-txt p{font-size: 1.5rem; color: #fff;}
.banner-contact {margin-top: 100px;}
.banner-contact a{padding: 15px 25px; border: 2px solid #fff;border-radius: 10px; font-size: 22px;color: #fff;transition:0.5s;}
.banner-contact a:hover{transition:0.5s;background-color: rgba(255, 255, 255, 1);color: #111;}
.banner-contact-m{display: none;}
.banner-contact-m a{padding: 15px 25px; border: 2px solid #fff;border-radius: 10px; font-size: 22px;color: #fff;transition:0.5s;}
.banner-contact-m a:hover{transition:0.5s;background-color: rgba(255, 255, 255, 1);color: #111;}

@media screen and (max-width:1280px){
.banner-txt h1{font-size:32px;}
.banner-contact a{padding: 10px 15px; font-size: 20px;}}

@media screen and (max-width:768px){
.Booth-banner{background-image: url('bg-img/banner-M.png') !important;}
.banner{padding: 100px 0;width: 100%;}
.banner-contact{display: none;}
.banner-txt{text-align: center;}
.banner-txt p{font-size:16px; color: #fff;}
.banner-contact-m{display: block;margin-top: 80px; text-align: center;}
.banner-contact-m a{padding: 10px 15px; font-size: 16px;}}


/* about */
.Booth-about{margin: 0px ;background-color:#fefaf8;padding: 0 0 50px; }
.Booth-about-TV{display: flex;flex-wrap: wrap;justify-content: space-between;flex-direction: row-reverse;margin: 0 auto;width: 80%;max-width: 1200px;padding: 20px;/* border: 1px solid #eee;border-radius: 10px; background-color: #fff; */}
.Booth-about-t{width: 45%;}
.Booth-about-v{width: 50%;display: flex;align-items: center;}
.Booth-about-v img{width: 100%;border-radius: 10px;}
.Booth-about-v-2 img{width: 100%;border-radius: 10px; margin-bottom: 20px; display: none;}
.Booth-about-t p{margin-bottom: 20px;line-height: 1.4;font-size: 1.2rem;}
.Booth-about-t a:hover{text-decoration: underline;}
.Booth-about-t a {display: inline-block;padding: 10px 30px;background: #fff;font-size: 1.3em; color: #F36F2f;border: 2px solid #F36F2f; text-decoration: none;border-radius: 10px;transition: background 0.1s ease;}
.Booth-about-t a:focus {background: #F36F2f;color: #111;}
.Booth-about-t a:hover {background-color: #F36F2f; color: #fff;}
.spec-table {width: 100%;border-collapse: collapse;margin-top: 20px;}
.spec-table td {padding: 8px;text-align: left;border-bottom: 1px solid #ddd;}
.spec-table td:first-child {font-weight: bold;width: 30%;}
.spec-table td:nth-child(2) {width: 70%;}



@media screen and (max-width:820px){
.Booth-about-TV{flex-direction: column-reverse;}
.Booth-about-t{width: 100%;}
.Booth-about-v{width: 100%;}
.Booth-about-v img{width: 100%;border-radius: 10px; display: none;}
.Booth-about-v-2 img{width: 100%;border-radius: 10px; margin-bottom: 20px; display:block;}
}


/* Key Features */
.features{width: 80%;max-width: 1200px;margin: 0 auto;padding: 50px;}
.features-Layout{display: flex;justify-content: space-between; align-items: center;}
.Layout{width:30%;line-height: 1.5;}
.Layout h3{font-size: 1.2em;line-height: 1.5;}
.Layout p{font-size:1em}
.Layout ul li{margin-bottom: 50px;}
.Layout-c img{width: 100%;border-radius: 10px; overflow: hidden;}
.Layout-l{text-align: right;}
.Layout-r{text-align:left;}

@media screen and (max-width:1280px){
.features{width: 95%;padding: 0;}
.choose-ul-li li{width:calc(50% - 12px) ;}
.choose-num{width: 15%;}}

@media screen and (max-width:767px){
.features{padding: 0;}
.features-Layout{display: flex;flex-wrap: wrap;}
.Layout{width:100%;line-height: 1.5;}
.Layout-l{text-align:left;}

}
				

/* choose */
.choose-ul-li{display: flex;flex-wrap: wrap;justify-content: space-between;margin: 30px auto 0px;width: 80%;max-width: 1300px;color: #fff;}
.choose-ul-li li{width: 45%;margin-bottom:40px;display: flex;/* flex-wrap: wrap; */justify-content: space-between;}
.choose-num{width: 10%;}
.choose-num p{padding: 10px;margin:10px 0;font-size: 22px;border: 1px solid #f36f27;border-radius: 5px;color: #f36f2f; }
.choose-ul-li li .cho-txt p{color: #fff;line-height: 1.4;font-size: 18px;}
.choose-ul-li li .cho-txt-top{padding: 10px;margin:10px 0;font-size: 22px;}
.choose-ul-li li .cho-txt-bottom{padding: 10px;}
@media screen and (max-width:1280px){
.choose-ul-li{width: 95%;}
.choose-ul-li li{width:calc(50% - 12px) ;}
.choose-num{width: 15%;}}
@media screen and (max-width:767px){
.choose-ul-li{width: 100%;}
.choose-num{width: 20%;}
.choose-ul-li li{width: 95%;margin: 0 auto 20px;}}


/* Partner */
.Code-hero {padding: 80px 20px;text-align: center;background-color:#fefaf8;color:#111;}
.Code-hero h2 {font-size: 3.5em;margin-bottom: 20px;}
.Code-hero p {font-size: 1.3em;margin-bottom: 40px;}
.Code-section {max-width: 1200px;margin: 40px auto;padding: 20px;}
.button {display: inline-block;padding: 10px 30px;background: #fff;font-size: 1.3em; color: #F36F2f;border: 2px solid #F36F2f; text-decoration: none;border-radius: 25px;transition: background 0.1s ease;}
.button:focus {background: #F36F2f;color: #111;}
.button:hover {background-color: #F36F2f; color: #fff;}


/* use */
.use-ul-li {display: flex;flex-wrap: wrap;justify-content: space-between;margin: 30px auto 30px;width: 80%;max-width: 1300px;}
.use-ul-li li {position: relative;margin-bottom: 20px;overflow: hidden;}
.use-ul-li .use-ul-li-50 {width:calc(50% - 12px);margin-bottom:20px;position: relative; z-index: 1;}
.use-ul-li .use-ul-li-100{width:calc(33.33% - 12px);margin-bottom:20px;position: relative; z-index: 1;}
.use-ul-li li img {width: 100%;border-radius: 5px;filter: brightness(0.7);display: block;}
.use-ul-li li h3 {width:80%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 2;color: #fff;font-size:18px;font-weight: bold;padding: 15px 15px;border-radius: 5px;text-align: center;transition: opacity 0.5s ease;}
.use-ul-li li .use-txt-bottom {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);color: #fff;display: flex;justify-content: center;align-items: center;padding: 15px;box-sizing: border-box;opacity: 0;z-index: 1;transition: opacity 0.5s ease;}
.use-ul-li li:hover .use-txt-bottom {opacity: 1;}
.use-ul-li li:hover h3 {opacity: 0;}

@media screen and (max-width:1280px){
.use-ul-li{width: 95%;}
.use-ul-li .use-ul-li-50 {width:calc(50% - 12px);}
.use-ul-li .use-ul-li-100{width:calc(50% - 12px);}}
@media screen and (max-width:767px){
.use-ul-li .use-ul-li-50 {width:100%;}
.use-ul-li .use-ul-li-100{width:100%;}}


/* FAQ */
.faq{background-color: #fefaf8;}
.FAQ-QA {width: 60%;margin: 20px auto 20px;max-width: 1350px;}
.FAQ-QA h2 {margin: 20px auto;font-size: 3rem;}
.faq-title {font-weight: bold;text-align: center;margin-bottom: 32px;}
.faq-title h2 {font-size: 28px;}
.faq-section {margin-bottom: 10px;background-color: #fff;border-radius: 4px;border: 1px solid #fff;cursor: pointer;position: relative;}
.faq-section:hover {border: 1px solid #f36f2f;}
.FAQ-QA .faq-title {width: calc(100% - 40px);margin-bottom: 0;font-size: 16px;font-weight: 400;text-align: left;padding: 12px;line-height: 20px;}
.faq-section .open{font-weight: 600;}
.faq-title i.fa::before {color: #f36f2f;content: "\f067";position: absolute;right: 24px;top: 14px;}
.faq-title.open i.fa::before {color: #f36f2f;content: "\f068";position: absolute;right: 24px;top: 14px;}
.faq-content {display: none;padding:12px;}
.faq-content p {font-size: 14px;line-height: 22px;color: #333;}
.FAQ-QA i {float: right;margin-bottom: 20px;}

@media screen and (max-width:1680px) {
.Barcode-TXT {width: 80%;}
.FAQ-QA {width: 65%;}
.Article-News {width: 80%;}}

@media screen and (max-width:1440px) {
.FAQ-QA {width: 70%;}}

@media screen and (max-width:1280px) {
.FAQ-QA {width: 75%;}
.faq-title h2 {font-size: 24px;}}

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


/* action */
.Booth-action{background-color: #131029;}
.Booth-contact{color: #fff;width: 80%;margin: 0 auto; padding: 200px 0;max-width: 1300px;}
.Booth-contact h3{font-size: 3.5rem;margin-bottom: 50px;}
.Booth-contact p{font-size: 20px;}
.action-buttom {margin: 50px 0;}
.action-buttom a{font-size: 22px;color: #fff;padding:10px 20px;border: 1px solid #f36f3f; border-radius: 5px; background-color: #f36f3f;transition:0.5s;}
.action-buttom a:hover{color: #111;border: 1px solid #fff;background-color: #fff;transition:0.8s;}
@media screen and (max-width:1280px){
.Booth-contact{width: 90%;}}



/* foot-size */
@media screen and (max-width:768px){
.HPRT-BOOTH-TITLE h2{font-size: 1.8rem;}
.HPRT-BOOTH-TITLE-CHOOSE h2{font-size: 1.8rem; text-align: center;}
.banner-txt h1{font-size:1.5rem;}
.Booth-about-t p{font-size: 18px;}
.Booth-contact h3{font-size: 2.5rem;}
}