html{ width: 100%; height: 100%; } html{font-size:10px} @media screen and (min-width:321px) and (max-width:375px){html{font-size:11px}} @media screen and (min-width:376px) and (max-width:414px){html{font-size:12px}} @media screen and (min-width:415px) and (max-width:639px){html{font-size:15px}} @media screen and (min-width:640px) and (max-width:719px){html{font-size:20px}} @media screen and (min-width:720px) and (max-width:749px){html{font-size:22.5px}} @media screen and (min-width:750px) and (max-width:799px){html{font-size:23.5px}} @media screen and (min-width:800px){html{font-size:25px}} body{ width: 100%; height: 100%; box-sizing: border-box; } *{ font-family: Arial; padding: 0; margin: 0; list-style: none; } a{ text-decoration: none; color: #f7b831; } .fl{ float:left; } .fr{ float: right; } .clear{ clear: both; display: block; } .hide{ display: none; } .wrap{ width: 94%; margin: 0 auto; } .flex{ display: flex; flex-wrap: wrap; } img{ max-width: 100%; vertical-align: top; } h3 a{ color: #333; } .logo{ background-color: #232323; height: 50px; align-items: center; justify-content: space-between; font-size: 1.5rem; color: #fff; text-transform: uppercase; padding-left: 2vw; padding-right: 2vw; } .logo p:nth-child(2){ width: 80%; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .nav{ justify-content: space-between; } .nav div{ width: 14.7%; line-height: 80px; height: 81px; text-align: center; } .nav div a{ color: #efa810; } .nav .home{ background-color: #efa810; } .nav .home a{ color: #fff; display: block; } .item-ul{ width: 85%; justify-content: space-between; } .item-li{ width: 21.02vw; text-align: center; background-color: #efa810; line-height: 40px; margin-bottom: 1px; font-size: 1.2rem; } .this-item{ background-color: #fff; } .item-li a{ color: #fff; display: block; } .this-item a{ color: #efa810; } .main{ background-color: #f5f5f5; padding-bottom: 20px; } .content1 .machine-box{ padding:0 0 10px; } .i-typename{ font-size: 1.2rem; text-align: center; padding-top: 3vh; padding-bottom: 3vh; } .i-typename h3{ font-weight: normal; text-transform: capitalize; color: #333; } .i-pro-ul{ justify-content: space-between; } .i-pro-li{ width: 48%; margin-bottom: 20px; } .i-pro-li h3{ text-align: center; line-height: 18px; font-size: 1rem; font-weight: normal; background-color: #fff; padding-top: 4px; padding-bottom: 4px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .i-pro-li h3 a{ color: #333; } .i-more{ line-height: 40px; width: 50vw; background-color: #efa810; background:-webkit-gradient(linear, 0 0, 0 100%, from(#eac26a), to(#efa810)); text-transform: uppercase; margin: 0 auto; border-radius: 25px; text-align: center; margin-top: 20px; margin-bottom: 20px; } .i-more a{ color: #fff; display: block; } .content2,.content4{ background-color: #fff; padding-left: 3%; padding-right: 3%; padding-bottom: 20px; } .content4-1{ padding-left: 3%; padding-right: 3%; } .content4-1 .hide{ display: none; } .news-sub{ border-bottom: 1px solid #efa810; } .news-subli{ width: 50%; text-align: center; color: #666; } .news-subli h3{ margin: 0 auto; line-height: 2.4rem; } .this-sub h3{ background-color: #efa810; color: #fff; } .i-newsbox{ justify-content: space-between; border-bottom: 1px solid #f5f5f5; padding-top: 20px; padding-bottom: 20px; } .i-faqbox:nth-child(1){ padding-top: 0; } .i-news-l{ width: 32%; } .i-news-r{ width: 63%; } .i-newstitle h3{ font-size: 14px; padding-bottom: 6px; } .i-newsdesc{ font-size: 14px; color: #666666; line-height: 20px; height: 40px; overflow-y: hidden; } .l-newsdesc{ height: 60px; } .i-newstime{ justify-items: center; display: flex; line-height: 14px; } .i-newstime i{ display: inline-block; width: 14px; height: 14px; background: url('../picture/1.png') no-repeat; background-size: 100% 100%; } .i-newstime span{ display: inline-block; color: #666666; margin-left: 10px; font-size: 1rem; } .content6{ padding-bottom: 20px; } .i-form{ width: 94%; margin: 0 auto; } .i-form input{ background-color: #e3e3e3; border: 0; border-radius: 5px; width: 100%; line-height: 40px; text-indent: 10px; color: #999999; font-size: 1.2rem; } .i-form textarea{ font-family: Arial; color: #999; line-height: 22px; padding-left: 3%; width: 97%; background-color: #e3e3e3; border: 0; border-radius: 5px; min-height: 150px; padding-top: 6px; font-size: 1.2rem; } .i-form form p{ line-height: 2.2rem; color: #333; text-align: left; } .index-cont li{ display: flex; line-height: 24px; } .index-cont li:nth-child(1){ display: none; } .index-cont li a{ display: flex; width: 100%; color: #333; } .index-cont ul li a i{ color: #efa810; font-size: 24px; display: block; width: 7%; margin-right: 6%; } .index-cont ul li span { display: block; width: 22%; font-size: 12px; font-weight: bold; color: #666; } .index-cont ul li p{ width: 65%; font-size: 12px; } footer{ margin-bottom: 3.6rem; } footer p{ background-color: #efa810; color: #fff; line-height: 20px; font-size: 14px; text-align: center; } footer p a{color: #fff;} .pagelist{ margin-top: 30px; } .pageul{ justify-content: center; } .pageli{ padding-left: 4px; padding-right: 4px; min-width: 24px; line-height: 30px; margin-left: 5px; margin-right: 5px; border-radius: 5px; border: 1px solid #999; text-align: center; background-color: #fff; } .pageul a,.pageul span{ display: block; padding-left: 4px; padding-right: 4px; min-width: 24px; line-height: 30px; margin-left: 5px; margin-right: 5px; border-radius: 5px; border: 1px solid #999; text-align: center; background-color: #fff; } .pageul .current{ background-color: #efa810; border: 0; } .pageul a{ color: #666; } .pageul .current{ color: #fff; } .position{ padding: 8px 3%; border-bottom: 1px dotted #ccc; font-size: 1.2rem; text-transform: capitalize; line-height: 22px; } .position a{ color: #666; } .position a:after{ content: '>'; } .position a:last-child{ color: #efa810; } .conus-container h3{ margin-top: 20px; } .product-body img{ height: auto!important; } .product-body{ line-height: 2rem; font-size: 1.2rem; } .product-body h1{ font-size: 1.3rem; } .product-body p{ margin-top: 10px; } .tag-fixed{ position: fixed; top: 0; background-color: #f5f5f5; } .cp-ul{ justify-content: center; margin-bottom: 2rem; padding-top: 1rem; } .cp-typeul{ justify-content: center; margin-bottom: 2rem; } .cp-ul .this-li{ background-color: #efa810; } .cp-ul .this-typeli a{ color: #fff; } .news-typeul{ margin-bottom: 0; } .cp-li{ text-align: center; border-radius: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 2rem; font-size: 1rem; background-color: #a3a3a3; margin: 6px 4px 0 4px; padding:0 5px 0; box-shadow: 3px 2px 6px #666; } .cp-li a{ color: #fff; } .cp-typeli{ text-align: center; border-radius: 10px; width: 26vw; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 2rem; font-size: 1rem; background-color: #a3a3a3; margin: 6px 4px 0 4px; padding:0 2px 0; box-shadow: 3px 2px 6px #666; } .cp-typeli a{ color: #fff; } .this-typeli{ background-color: #efa810; } .this-typeli a{ color: #fff; } .l-pro-ul{ margin-top: 30px; } .l-typename{ background:-webkit-gradient(linear, 0 0, 100% 0, from(#efa810), to(#f5f5f5)); line-height: 40px; padding-left: 10px; text-transform: capitalize; } .newsmain{ background-color: #fff; } .news-sort{ padding-bottom: 20px; border-bottom: 1px solid #f5f5f5; } .news-sort ul{ justify-content: center; } .news-sort ul li{ line-height: 30px; padding-left: 10px; padding-right: 10px; border-radius:25px; border: 1px solid #f5f5f5; margin-left: 5px; margin-right: 5px; } .news-sort ul li a{ color: #666; } .news-sort ul .thisnews-li{ background:-webkit-gradient(linear, 0 0, 0 100%, from(#eac26a), to(#efa810)); } .news-sort ul .thisnews-li a{ color: #fff; } .faq-main .cp-typeli{ width: auto; } .faq-body{ margin-top: 20px; font-size: 1.2rem; line-height: 2rem; } .faq-body h3{ font-size: 1.3rem; margin: 10px 0; } .margin-bottom-20{ margin-top: 10px; } .abus-content img{ height: auto!important; } .abus-main{ background-color: #fff; } .abus-body p{ color: #666; line-height: 2.2rem; font-size: 1.2rem; } .abus-body ul li{ color: #666; line-height: 2.2rem; font-size: 1.2rem; } .abus-body p img{ margin-top: 10px; margin-bottom: 10px; } .abus-body h3{ line-height: 2.4rem; margin-top: 10px; } .abus-body .abus-con1-r{ margin-top: 10px; } .video-box{ box-shadow: 0 2px 6px #f8f8f8; margin-bottom: 20px; } .videoimg{ position: relative; } .videoimg img{ display: block; width: 100%; } .mask{ position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); top: 0; } .videoimg i{ display: block; background: url(../picture/18.png); background-size: 100% 100%; position: absolute; width: 14vw; height: 14vw; position: absolute; top: 50%; margin-top: -7vw; left: 50%; margin-left: -7vw; } .video-title{ text-align: center; line-height: 2rem; padding-top: 6px; padding-bottom: 6px; } .video-title h3{ color: #333; font-weight: normal; } .video-main{ background-color: #fff; } .arc-cont{ border: 1px solid #efa810; padding: 10px; margin-bottom: 10px; } .arc-top p{ color: #666; font-size: 1rem; padding-top: 8px; padding-bottom: 8px; line-height: 20px; text-align: center; } .arc-top p span{ margin-left: 0; } .arc-top p a{ color: #efa810; } .arc-top h1{ color: #333; font-size: 1.6rem; text-align: center; } .arc-body img{ height: auto!important; } .arc-body{ font-size: 1.2rem; line-height: 2rem; } .arc-body{ color: #333; } .arc-body p{ margin-bottom: 10px; } .share{margin-top: 20px;} table,table tr th, table tr td { border:1px solid #efa810; } table { text-align: center; border-collapse: collapse; padding:2px; } table tr td{ line-height: 24px; min-width: 30px; } .fuji{ width: 100%; overflow-y: auto; _overflow: auto; margin: 0 0 1em; } .fuji::-webkit-scrollbar { -webkit-appearance: none; width: 14px; height: 14px; } .fuji::-webkit-scrollbar-thumb { border-radius: 8px; border: 3px solid #fff; background-color: rgba(0, 0, 0, .3); } .pre-next{ border-top: 1px solid #f5f5f5; padding-top: 10px; margin-top: 10px; font-size: 14px; line-height: 24px; } .pre-next a{ color: #efa810; } .gotop{ width: 12vw; height: 12vw; line-height: 12vw; border-radius: 50%; background-color: rgba(0,0,0,0.5); display: none; } .gotop{ position: fixed; z-index: 99; bottom: 100px; right: 10px; text-align: center; } .gotop img{ width: 50%; display: inline-block; vertical-align: middle; } .footer{ width: 100%; background-color: #52bd4b; color: #fff; text-align: center; } .footblock{ height: 3.6rem; } .callus{ width: 100%; height: 3.6rem; position: fixed; z-index: 999; background-color:#efa810; bottom:0; box-shadow:0px 3px 10px 0px #e5e5e5; border-top: 1px solid #999; } .callus a{ color: #fff; } .ui-whitespace{ width: 90%; margin: 0 auto; display: flex; justify-content:space-between; align-items:center; text-align: center; font-size: 0.9rem; height: 100%; } .ui-whitespace img{ width: 2rem; height: 2rem; } .popform{ position: fixed; bottom: 30vh; left: 15vw; width: 78vw; border-radius: 20px; background-color: #fff; display: none; z-index: 999; } .popform h3{ text-align: center; height: 30px; line-height: 30px; } .popform p{ font-size: 14px; color: #545454; width: 60vw; margin: 0 auto; margin-top: 10px; margin-bottom: 30px; } .fixform { margin-top: 10px; } .fixform input{ width: 46vw; height: 6vh; line-height: 6vh; border: 1px solid #999; border-top-left-radius: 25px; border-bottom-left-radius: 25px; text-indent: 15px; border-right: 0; margin-left: 5vw; } .fixform div{ width: 22vw; height: 6vh; line-height: 6vh; border-top-right-radius: 25px; border-bottom-right-radius: 25px; border: 1px solid #999; background-color: #3c3c3c; color:#fff; border-left: 0; text-align: center; font-size: 16px; } .popform .clearfix{ width:100%; height: 8vh; line-height: 8vh; display: flex; margin: 0 auto; } .popform .clearfix div{ width: 50%; height: 100%; font-size: 16px; } .popform .clearfix img{ display: inline-block; vertical-align: middle; width: 22%; margin-right: 3vw; } .popform .clearfix div a{ color: #fff; display: block; width: 86%; margin: 0 auto; font-size: 14px; } .clearfix div:nth-child(1){ background-color: #3c3c3c; border-bottom-left-radius: 20px; } .clearfix div:nth-child(2){ background-color: #efa810; border-bottom-right-radius: 20px; } .imgrow{ width: 8vw; height: 8vw; border-radius: 4vw; background-color: #efa810; margin-top: -3vw; margin-right: -3vw; } .imgrow img{ display: block; margin: 0 auto; width: 4vw; height: 4vw; margin-top: 2vw; } .closeform{ height: 10vw; width: 100%; } .bgshow,.bgs{ width: 100%; background-color: rgba(0,0,0,0.5); position: absolute; top: 50px; display: none; } .bg{ width: 100%; position: relative; } #addprobox { border: 1px solid #b0b0b0; background-color: #f2f2f2; font-size: 1rem; } #addprobox a{color: #232323;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;max-height:72px; } #hot-sale ul{margin-top: 2rem;} #hot-sale ul li{align-items: center;} #hot-sale ul li h3{width: 85%;} .question{width: 100%;margin: 0 auto;padding: 10px 0;} .question ul li{text-align: left;} .question ul li .o1{width: 42% !important;} .question ul li .o1+.input{width: 51%;} .question input{width: initial;line-height: initial;} .question ul li .input{width: 85%;height: 2rem;background: transparent;border-top: none;border-left: none;border-right: none;border-radius: inherit;outline: none;border-bottom: 0.01rem solid #333;} .question #get_submit{margin-top: 1rem;display: flex;flex-wrap: wrap;justify-content: center;} .question #get_submit button{padding:1rem 1.5rem;border-radius:1rem;border:0;background-color:rgb(255,129,0);letter-spacing:1.5px;font-size:1.25rem;transition:all 0.3s ease;box-shadow:rgb(236,210,141) 0px 10px 0px 0px;color:hsl(0,0%,100%);cursor:pointer;margin: 0 auto;width: 50%;} .question ul{font-size:1.2rem;line-height:1.5;margin:1rem auto;} .question ul li:nth-child(1){margin-bottom: 0.5rem;} .question ul input{margin:0 .5rem 0 0;width:100%;height:2rem} .question ul li .q{background: #F99815;border-radius: 0.5rem;width: 1rem;width: 1.5rem;text-align: center;margin-right: 0.5rem;display: inline-block;} .question ul li .other{width: 12%;padding-bottom: 0;} .tit-fz,.tit-bolder,.tit-bg{margin-top: 20px!important;margin-bottom: 8px!important;} .tit-fz{font-size: 1.3rem!important;font-weight: bolder!important;} .tit-bolder{font-weight: bolder!important;} .tit-bg{background-color: #efa810;color: #fff!important;font-weight: bolder!important;} iframe{ margin: 0 auto !important; height: 30rem!important; width: 96% !important; min-height: 30rem !important; min-width: 96% !important; display: block; } h1.typename{text-align:center;line-height:50px;margin:0 0 20px;font-size:26px;font-weight:bold;} .con.img {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
}
.con.img a {
  color: #888;
  line-height: 0;
  transition: color 0.2s ease, transform 0.2s ease;
}
.con.img a:hover,
.con.img a:focus-visible {
  color: #efa810;
  transform: scale(1.08);
}
.con.img svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}