*{margin:0;padding: 0;}
ul,ol{list-style:none;}
a{text-decoration:none;}
body{font-family:"微软雅黑";}
ul{list-style:none;padding: 0;}		
.banner {width: 100%;margin-top:60px;background-color: #f2f2f2; color: #111; }
.banner-all{width: 80% ; margin: 0 auto; padding: 100px 0 ; display: grid;grid-template-columns: 3fr 2fr; max-width: 1300px;}
.banner-txt {text-align: left; width: 100%; display: flex;flex-wrap: wrap;align-content: space-around;}
.banner-img img{width:100%;}
.banner h1 {font-size: 3rem; color: #f36f2f;}
.banner p {width: 60%;font-size: 1.5rem; margin-top: 50px;}
.banner-contact span {padding: 10px 25px;border: 1px solid #f36f2f; background-color: #f36f2f;color: #fff;font-size: 1.5rem;}
.banner-txt h1 span {font-size: 2rem;}
.banner-contact{margin-top: 5vw;}.sketch{width: 80%;margin: 50px auto;}
.banner-m{display: none;}

@media screen and (max-width:1250px){
.banner h1 {font-size:2.5rem;}
.banner p {width: 100%;font-size:1.5rem; width: 90%;}
.banner-contact span {padding:5px 10px;font-size:1.2rem;}

.why-choose-us{width: 95%;}
}

@media screen and (max-width:820px){	
.banner{margin-top:50px;}
.banner-all{width: 90% ; margin: 0 auto; padding: 30px 0 ; grid-template-columns:1fr;}
.banner-txt {text-align: left;width:100%;}
.banner-img{margin-top: 50px;}
.banner h1 {font-size:2rem;}
.banner p {width: 60%;font-size:14px; margin-top: 10px;}
.banner-contact span {padding:5px 10px;font-size: 14px;}}

.title{text-align: center;margin: 20px auto;margin: 0 auto; }
.title h2{color: #111; font-size: 2.5rem;}
.title p{font-size:1rem;line-height: 1.5;margin: 10px auto 20px; color: #555; font-weight: bold; width: 80%;}
.title i{width:100px;height:2px;background:#f36f2f;display: block;margin: 18px auto 20px;}

.Ser-model{width:80%; max-width: 1300px; margin:50px auto 30px;}
.Ser-model h3{padding: 0px 0 20px ;}
.SA-TITLE-CHOOSE h2{padding: 20px 0;}
.Ser-model-pd0{padding:0;}
.imgtxt{margin: 0px ;}
.imgtxt-LR{display: flex;flex-wrap: wrap;justify-content: space-between;margin: 0 auto;padding: 10px;align-items: center;}
.imgtxt-lt{width: 48%;}
.imgtxt-rt{width: 48%;display: flex;align-items:center;}
@media screen and (max-width:768px){
.Ser-model{width:95%;padding: 20px 0 ;}
.title h2{ color: #111; font-size: 1.8rem;}}

.model-table table {width: 100%;border-collapse: collapse;margin: 20px 0;}
.model-table th, td {border: 1px solid #ddd; padding: 12px;text-align:left; }
.model-table tr:nth-child(even) {background-color: #f9f9f9;}
/* .model-table tr:hover {background-color: #f1f1f1;} */

.imgtxt-rt-2{display: none;}
.imgtxt-rt-2 img{width: 100%;border-radius: 10px; margin-bottom: 20px; display: none;}
.imgtxt-rt-2 img{width: 100%;border-radius: 10px; margin-bottom: 20px; display: none;}
.imgtxt-lt p{margin-bottom: 20px;line-height: 1.4;font-size: 1rem;}
.imgtxt-lt a:hover{text-decoration: underline;}
.imgtxt-lt .con-a {display: inline-block;padding: 10px 30px;background: #f36f2f;font-size: 1.3em; color: #fff;border: 2px solid #fff; text-decoration: none;border-radius: 10px;transition: background 0.1s ease;}
.imgtxt-lt .con-a:hover {background-color: #fff; color: #111; border: 2px solid #111;}
.imgtxt span {color: #f36f2f;}
.imgtxt-rt-2 iframe{display: none;}
iframe{background-image: url('bg-img/youtube-logo.png') !important;background-size: cover; background-repeat: no-repeat;background-position: center;}
.imgtxt-rt-iframe{position: relative;width: 100%;height: 0;padding-bottom: 65%;overflow: hidden;background: #000;}
.imgtxt-rt-iframe iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
@media screen and (max-width:768px){
.imgtxt-LR{flex-direction: column-reverse;}
.imgtxt-lt{width: 100%;}
.imgtxt-rt{width: 100%;display: none;}
.imgtxt-rt img{width: 100%;border-radius: 10px; }
.imgtxt-rt-2 img{width: 100%;border-radius: 10px; margin-bottom: 20px; display:block;}
.imgtxt-rt-2{display:block;}
.imgtxt-rt-2 iframe{display:block;}
.imgtxt-lt p{font-size:16px;}}


.Contact{width: 100%;background: rgba(243, 111, 47, 0.9); text-align: center; padding: 30px 0 0; color: #fff;}
.contact-t {width: 80%; max-width: 1300px; margin: 0 auto; padding:0 0 100px;}
.contact-t h2 {font-size: 3rem;}
.contact-t p {margin: 3%;font-size: 1.2rem;}
.contact-us{margin: 0 auto;line-height: 60px;}
.contact-us a{font-size: 1.5rem;font-weight:bold; color: #f36f2f; border-radius: 20px;padding:20px; border: 2px solid  #fff; background-color:#fff;}
.contact-us a:hover{color: #fff; background-color: #f36f2f;}


.Industries{width:100%;margin: 50px 0;}
.Industries-img{width: 80%; margin: 50px auto 0; max-width: 1300px;display: grid;grid-template-columns: 1fr 1fr 1fr 1fr; gap: 20px;}
.Industries-img img{width: 100%; border-radius: 20px;}
.Industries-img h3{text-align: center;}

@media screen and (max-width:821px){
.Industries-img{grid-template-columns: 1fr 1fr;width: 98%;}}


.FAQ-QA {width: 70%; margin: 20px auto 40px;}
.faq-section {margin-bottom: 20px;}
.faq-title:hover {background-color: #eee; transition: background-color 0.3s;}
.faq-title {font-size: 24px; cursor: pointer; font-weight: bold; padding: 10px; border-radius: 5px;}
.faq-title i.fa::before {color:#f36f2f;content: "\f067";}
.faq-content {display: none; margin-top: 10px;}
.faq-content p{margin-top: 5px; font-size: 18px;width: 95%;margin: 0 auto;}
.FAQ-QA i{float: right;margin-bottom: 20px;}

@media screen and (max-width:820px){
.title-h2 h2{font-size: 24px}
.FAQ-QA {width: 90%; margin: 20px auto;}
.faq-title {font-size: 22px;}
.trait-left{width: 100%;margin: 20px;}
.trait-right{width: 100%;margin: 20px;}}
@media screen and (max-width:768px){
.contact h2 {font-size: 30px;}
.contact p {font-size:18px;}}


.why-choose-us{max-width: 1300px;width: 80%; margin: 0 auto; padding: 50px 0;}
.choose-box {padding: 40px 20px;max-width: 1200px;margin: 0 auto;}
.choose ul {display: grid;grid-template-columns:1fr 1fr 1fr;gap: 25px;padding: 0;list-style: none;}
.choose li {background: white;border-radius: 12px;padding: 25px;transition: all 0.3s ease;border: 1px solid #eee;position: relative;overflow: hidden;}
.choose li:hover {transform: translateY(-5px);box-shadow: 0 10px 20px rgba(243, 111, 47, 0.1);border-color: #f36f2f;}
.choose li::before {content: '';position: absolute;top: 0;left: 0;width: 4px;height: 100%;background: #f36f2f;opacity: 0;transition: all 0.3s ease;}
.choose li:hover::before {opacity: 1;}
.choose h3 {color: #333;font-size: 20px;margin: 0 0 15px 0;position: relative;padding-bottom: 10px;}
.choose h3::after {content: '';position: absolute;bottom: 0;left: 0;width: 40px;height: 3px;background: #f36f2f;transition: all 0.3s ease;}
.choose li:hover h3 {color: #f36f2f;}
.choose li:hover h3::after {width: 60px;}
.choose p {color: #666;margin: 0;line-height: 1.6;font-size: 16px;}

@media (max-width: 820px) {
.Ser-model{width:95%;}
.why-choose-us{width:95%;padding: 30px 0;}
.choose ul {grid-template-columns: 1fr 1fr;}}

@media (max-width: 768px) {
.why-choose-us{width: 95%;padding: 30px 0;}
.choose ul {grid-template-columns: 1fr;}
.choose li {padding: 20px;}.choose h3 {font-size: 18px;}
.choose p {font-size: 14px;}}



.table-vs {width: 80%;margin:0 auto; max-width: 1300px; }
.table-container {max-width: 1300px;margin: 50px auto;overflow-x: auto;background-color: white;border-radius: 12px;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);}
.table-container table {width: 100%;border-collapse: collapse;background-color: white;}
.table-container caption {font-size: 1.5em;font-weight: bold;margin-bottom: 10px;color: #333;}
.table-container th {background-color: #f36f2f;color: white;padding: 15px 20px;text-align: left;}
.table-container td {padding: 12px 20px;border-bottom: 1px solid #e5e7eb;}
.table-container tr:hover {background-color: #f9fafb;}
.table-container .positive,
.table-container .amount {color: #16a34a;}
.table-container .amount{font-weight: bold;}
.table-container .negative {color: #dc2626;}
.table-container .first-column {font-weight: 500;}
.table-container th:first-child {border-top-left-radius: 12px;}
.table-container th:last-child {border-top-right-radius: 12px;}
.table-container td[rowspan] {vertical-align: middle;}
.stars {font-size: 16px;color: #facc15; }
@media (max-width:768px) {
.table-container {width: 98%;overflow-x: auto;}
.table-container th, .table-container td {padding: 10px;}}


.Working {max-width: 1300px;width: 80%;margin: 100px auto;border-radius: 10px;}
.Working-video {display: flex;flex-wrap: wrap;gap: 15px;margin-top: 15px;justify-content:space-between;}
.Working-video-link iframe {width: 100%;aspect-ratio: 9 /16;border-radius: 8px;border: none;}

@media (max-width: 768px) {
.Working {width: 90%; margin: 0px auto;}
.Working-video-link {flex: 1 1 100%;}}