html {
    margin: 0;
    padding: 0;
    font-family: "ProximaNova Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
 
}

body { 
    margin: 0 auto;
    height: 100%;
    background-color: #f6f6f6;
    font-size: 13px;
    color: #333 !important;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    height: 100vh;
}

h1,
h2,
h3,
h4 {
    font-weight: normal;
    padding: 0;
    margin: 0;
}

ul,
p {
    margin: 0;
    padding: 0;
}

ul li {
    list-style-type: none;
}

.b_lu {
    font-size: 14px;
    color: #0095eb;
}

.b_lu a {
    text-decoration: none;
    color: #0095eb;
}

.b_lu a:hover {
    text-decoration: underline;
    color: #2ea2cc;
}

.sk_w8 {
    width: 68%;
    height: auto;
    margin: 0px auto;
    padding: 20px 38px;
    box-sizing: border-box;
}

.sl_fr {
    float: right;
}

.sl_fl {
    float: left;
    text-decoration: none;
}

.sk_mt1 {
    margin-top: 10px;
}

.sk_mt2 {
    margin-top: 20px;
}

.sk_ml1 {
    margin-left: 10px;
}

.sk_f4 {
    font-size: 14px;
}

.gybx {
    width: 68%;
    height: auto;
    padding-top: 2%;
    margin: 0 auto;
}

.content_bx {
    width: 100%;
    background: #fdfdfd;
    display: inline-block;
    margin: 0 auto;
    box-sizing: border-box;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, .06);
}

.abt_txt_t {
    font-family: "Arial", Arial, Tahoma, sans-serif;
    font-size: 30px;
    text-align: center;
    font-style: italic;
    color: #444;
    font-weight: 400;
}

.abt_txt_d {
    text-align: center;
    color: #444;
    margin-top: 10px;
    font-size: 14px;
    padding: 0 0 20px 0;
    box-sizing: border-box;
}

.prt_bxlt {
    float: left;
    width: 30%;
}

.prt_bxlt_bx {
    padding: 28px 22px;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
}

.prt_bxlt_bx h2 {
    font-size: 16px;
    font-family: "Roboto", Arial, Tahoma, sans-serif;
    padding: 10px 16px;
}

.prt_bxrt {
    float: right;
    width: 70%;
}

.lpx {
    box-sizing: border-box;

}
.prt_bxrt.lpx.blog{
    border-left: 1px solid #ccc;
}
.rpx {
    border-right: 1px solid #dad8d8;
    box-sizing: border-box;
}

.prt_rtl {
    display: flex;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
    padding: 28px 0;
}

.prt_rtl_bx {
    padding: 10px 20px 38px 20px;
    width: 100%;
    box-sizing: border-box;
}
.prt_rtl_bx.prdt {
    padding-bottom: 0;
}
.prt_rtl_bx.sfe h3 {
    padding: 10px 0;
    display: inline-block;
}
.prt_rtl_bx.sfe li {
    padding: 3px 0;
}
.breadcrumb {
    width: 100%;
    padding: 6px 0;
    font-size: 14px;
    color: inherit;
    margin-bottom: 12px;
}
.breadcrumb svg {
    color: inherit;
    width: 20px;
    vertical-align: middle;

}
.breadcrumb a{
    color:inherit;
    text-decoration: none;
}
.prt_rtl_bx p {
    margin-top: 6px;
    line-height: 18px;
}
.prt_rtl_bx h4 {
    margin-top: 6px;
    line-height: 18px;    
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #a2a2a2;
}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
    color: transparent;
}

input:focus,
.blg_combx:focus {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.123);
}

/*顶部开始*/
.tp_box {
    width: 100%;
    display: flex;
    align-items: center;
    height: 80px;
    box-sizing: border-box;
    padding: 0 38px;
}

.tp_skbw {
    width: 100%;
    display: inline-block;
    display: flex;
    align-items: center;
    height: 60px;
}

.tp_tsjk {
    width: 100%;
    height: 80px;
    box-sizing: border-box;
}

.d_mnbx {
    width: 94%;
    height: 80px;
    display: flex;
    position: relative;
    align-items: center;
}

.tp_ltm {
    margin-left: 40px;
}

.dj_logo {
    width: 6%;
    height: auto;
    float: left;
    min-width: 40px;
}

.dj_logo svg {
    width: 60%;
    min-width: 28px;
}

.dj_menu {
    width: 88%;
    height: auto;
    box-sizing: border-box;
    float: left;
    line-height: 75px;
    display: flex;
    padding-left: 2%;
}

.cd_bxl {
    width: auto;
    height: auto;
    display: none;
    align-items: center;
}

.cd_bxl img {
    width: 4px;
    height: auto;
    float: right;
    vertical-align: middle;
}

.dj_menu li {
    list-style-type: none;
    float: left;
    /* color: #444; */
    font-size: 15px;
    box-sizing: border-box;
    padding: 0 18px;
}
body.rfq .tp_skbw {
    box-sizing: border-box;
    margin-bottom: 10px;
    padding: 0 30px;
}

.dj_menu li a {
    text-decoration: none;
     color: #444;
    /* color:inherit; */
}

.dj_menu li a:hover {
    text-decoration: none;
    color: #0095eb;
}

.lk_search {
    float: left;
    margin-top: 25px;
    width: 6%;
}

.lk_search input {
    border: 1px solid #0095eb;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    float: left;
    width: 85%;
}

.lk_skbx {
    width: 24px;
    height: auto;
    float: right;
}

.search {
    float: left;
    position: absolute;
    right: 0;
    top: 32px;
}

.search svg {
    width: 20px;
    height: auto;
    color: #333;
}

.search svg:hover {
    color: #0095eb;
    cursor: pointer;
}

.search input {
    display: none;
}

.mb_menue input {
    display: none;
}

.bwtx {
    width: 100%;
    height: auto;
    display: inline-block;
    padding: 10px 0;
}

/*底部开始*/
.footer {
    background-color: #292b33;
    left: 0;
    color: #ccc;
    width: 68%;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 40px 38px;
    font-size: 13px;
}

.ft_bxk {
    width: 100%;
    height: auto;
    display: inline-flex;
}

.ft_bx1 {
    width: 42%;
    float: left;
    list-style-type: none;
    line-height: 20px;
    padding: 0px;
    box-sizing: border-box;
    padding-right: 20px;
}

.ft_bx2 {
    width: 28%;
    padding-right: 20px;
    float: left;
    box-sizing: border-box;
}

.ft_bx3 {
    width: 30%;
    padding-right: 20px;
    float: left;
    box-sizing: border-box;
}

.ft_tp {
    float: left;
    list-style-type: none;
    line-height: 16px;
    margin: 0 auto;
}
ul.ft_tp svg {
    vertical-align: middle;
    width: 22px;
}
.ft_tp li {
    margin-top: 7px;
}

.ft_bx1 h2,
.ft_bx2 h2,
.ft_bx3 h2 {
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 200;
    float: left;
    width: 100%;
}

.ft_bt {
    width: 68%;
    margin: 0 auto;
    box-sizing: border-box;
    background: #1c1f28;
    padding: 20px 38px;
    color: #ccc;
}

.lk_fhm {
    cursor: pointer;
    display: inline-block;
    float: right;
}
.lk_fhm svg{
    pointer-events: none;
}
.inq_bt{
    width: 68%;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 20px 38px;
    padding-top: 0;
}

.ft_tp a {
    text-decoration: none;
    color: #ccc;
}

.ft_tp a:hover {
    text-decoration: none;
    color: #fff;
}
.pr_t_bxlt ul {
    background: #0095eb;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.pr_t_bxlt ul li {
    list-style-type: none;
    font-size: 14px;
    color: #fff;
    padding-left: 15px;
    border-bottom: 1px solid #33aaef;
    padding: 12px 0 12px 16px;
}

.pr_t_bxlt ul li a {
    text-decoration: none;
    color: #fff;
}

.pr_t_bxlt ul li a:hover {
    text-decoration: underline;
    color: #fff;
}
.prt_rtl_bx p {
    width: 100%;
}

.prt_rtl_bx img {
    width: 100%;
    height: auto;
}
.pro_rtpicbx.prdt_ct {
    display: inline-flex;
    justify-content: flex-start;
}
.pro_rtpicbx.prdt_ct li {
    flex: 1;
    box-sizing: border-box;
    margin-left: 15px;
}
.pro_rtpicbx.prdt_ct li:first-child{ margin-left: 0;}
.pro_rtpicbx {
    list-style-type: none;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.pro_rtpicbx li{
    box-sizing: border-box;
    margin-top: 10px;
    width: 24%;
    padding-right: 1%;
}

.pro_rtpicbx li a {
    text-decoration: none;
    color: #333;
}

.pro_rtpicbx li a :hover {
    text-decoration: none;
    color: #333;
}
.pro_rtpicbx li span:not(.img-skeleton){
    text-align: center;
    margin-top: 10px;
    width: 100%;
    display: inline-block;
}

.pro_rtpicbx li img {
   width: 100%;
    aspect-ratio: 1 / 1;
    height: auto;
    object-fit: cover;
    object-position: top;
}

/*右侧结束*/
.sub_hd {
    /* background: url(../img/25-01.jpg) no-repeat; */
    background-position: center top;
    display: inline-block;
    width: 100%;
    float: left;
    height: 136px;
    /* padding-top: 30px; */
    box-sizing: border-box;
    overflow: hidden;
}

.sub_hd img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.lk_tpbxk {
    padding: 0 40px;
}

.dj_smnbx {
    box-sizing: border-box;
    min-width: 35px;
    visibility: hidden;
}

.lk_fhm svg {
    width: 18px;
    height: auto;
    float: right;
    color: #ccc;
}

.lk_fhm svg:hover {
    color: #fff;
}

.sb_hd {
    width: 100%;
    float: left;
    height: 136px;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
}
.sb_hd img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.sb_hd.spr .ht_icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    color:white;
}
.sb_hd.spr .ht_icon q {
    z-index: 9;
    font-size: 16px;
    padding: 10px;
    text-align: center;
    color: #e92930;
    background: #ffffff8a;
}
.sb_hd.bs5 .ht_icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    display: inline-flex;
    height: 100%;
    align-content: center;
    align-content: center;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    background: #ffffffb3;
    padding:0 20px;
    box-sizing: border-box;
}
.sb_hd.bs5.seach_tab {
    min-height: 360px;
}
.seach_ct {
    display: inline-flex;
    flex-direction: column;
    width: 100%;
    min-height: 260px;
    background: white;
    padding: 30px;
    box-sizing: border-box;
}
.seach_products_return {
    flex: 1;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 30px 0;
    justify-content: space-between;
}
.seach_posts_return {
    display: inline-flex;
    flex-direction: column;
}
h3.sch_tt {
    width: 100%;
    padding: 10px 6px;
}
.seach_products_return a {
    text-decoration: none;
    color: inherit;
}
ul.prdt_return_list {
    display: inline-flex;
    flex-wrap: wrap;
    width: 100%;
    /* justify-content: space-between; */
}
.pg_line {
    
    display: inline-flex;
    width: 100%;
    justify-content: flex-end;   
    background: #f7f7f7;
    padding: 6px;
}
.seach_products_return ul.pagination, .seach_posts_return ul.pagination {
    display: inline-flex;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid #ccc;
}
li.search_post_item:not(:last-of-type) {
    border-bottom: 1px dotted;
    padding-bottom: 12px;
}
.seach_products_return ul.pagination li a,.seach_posts_return ul.pagination li a{
 padding: 6px 10px;
 display: inline-block;
 cursor: pointer;
}
.seach_products_return ul.pagination li:not(:last-child),.seach_posts_return ul.pagination li:not(:last-child) {
    border-right:1px solid #ccc;
}
.seach_products_return #nf {
    width: 100%;
    text-align: center;
    padding: 20px;
}
li.search_post_item h3 {
    padding: 6px 0;
}
li.search_prdt_item h4 {
    padding: 6px 0;
}
li.search_prdt_item {
    width: 20%;
    overflow: hidden;
    text-align: center;
    padding: 6px;
    box-sizing: border-box;
}
li.search_prdt_item img {
    width: 100%;
    aspect-ratio: 1 / 1;
    max-width: 600px;
    object-fit:cover;
}
ul.post_return_list li.search_post_item a {
    text-decoration: none;
    color: inherit;
    padding: 3px 6px;
    display: inline-block;
}
.seach_ct_icon {
    display: inline-flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}
.seach_ct_icon svg {
    width: 40px;
}
.seach_ct h1 {
    width: 100%;
    align-self: center;
    text-align: center;
    font-size: 18px;
}
.ht_search {
    width: 80%;
    background: none;
    height: 38px;
    border-radius: 4px;
    position: relative;
    border: 1px solid #ccc;
    box-sizing: border-box;
    padding: 0;
    overflow: hidden;
}
.ht_search svg {
    height: 38px;
}
.ht_search input {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: none;
    border:none;
    display: inline-block;
    box-sizing: border-box;
    background: white;
    padding: 10px;
    padding-right: 50px;
}
.ht_search button {
    position: absolute;
    right: 0;
    background: none;
    border: none;
    width: 40px;
    display: inline-block;
    cursor: pointer;
}
.ht_search button *{
    pointer-events: none;
}
.sb_hd.bs5 .ht_icon q {
    font-size: 16px;
    font-weight: 500;
    text-align: center;
}
.sb_hd.spr .ht_icon h1 {
    font-size: 22px;
    z-index: 9;
    margin-left: 16%;
} 
.sb_hd.spr .ht_icon img {
    position: absolute;
    left: 20%;
    width: auto;
    /* margin-left: 40%; */
}
.sb_hd.spr .ht_icon img:hover,.sb_hd.spr .ht_icon h1:hover{
    transform: translate(2px,-2px);
    cursor: pointer;
    transition:all 200ms linear;
}
.sb_hd.abt {
    width: 100%;
    height: 260px;
    display: inline-block;
    padding: 0;
    overflow: hidden;
}

.sb_hd.abt img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.sk_bx {
    box-sizing: border-box;
}

/* 首页开始 */

.indx_bjbx {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1; 
}

.indx_bjbx li {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display:inline-block;
    opacity: 0; 
    /* visibility: hidden;    */
    overflow: hidden;
}
.indx_bjbx li.active{ 
    opacity: 1;
    /* visibility: visible;   */
}
.indx_bjbx li img{
    width: 100%;
    height: 100%;
    display: inline-block;
    object-fit: cover;
    transform: scale(1.5);
    transition:all 360ms ease-in;
    /* -webkit-transform: scale(1.0); */
}
.indx_bjbx li.active img{
    transform: scale(1.0);
 
}


.hm_ctbx {
    margin-top: 100px;
    width: 100%;
    height: auto;
    padding: 50px 0 100px 0;
    display: inline-block;
}

.ct_lt {
    float: left;
    width: 35%;
    box-sizing: border-box;
    font-size: 17px;
    line-height: 32px;
}

.line {
    text-decoration: underline;
    text-underline-offset: 1em;
    text-underline-offset: 12px;
    text-decoration-color: #a2bdd5;
    color: #444;
}

.mor_e {
    margin-top: 20px;
}

.ct_rt {
    width: 65%;
    float: right;
    box-sizing: border-box;
    padding-left: 4%;
}

.prt {
    font-size: 14px;
    color: #626262;
}

.prt_pic {
    display: flex;
    flex-direction: row;
    margin-top: 15px;
    padding: 0;
}

.prt_pic li {
    box-sizing: border-box;
    float: left;
    flex: 1;
    padding-left: 15px;
}

.prt_pic li:first-child {
    padding-left: 0;
}

.prt_pic li img {
    width: 100%;
    height: auto;
    float: left;
}

.prt_pic li p {
    text-align: center;
    font-size: 14px;
    color: #161912;
    background-color: rgba(255, 255, 255, 0.5);
    width: 100%;
    height: 36px;
    line-height: 36px;
    float: left;
}

/* 首页结束 */

/* 博客开始 */
.blog_hd, .pro_hd {
    width: 100%;
    float: left;
    height: 130px;
    box-sizing: border-box;
    overflow: hidden;
}
.blog_hd img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}
.blog_ltbx {
    padding: 0 16px;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
}
li.blog_ltbx a {
    text-decoration: none;
}
.blog_ltbx:last-child {
    margin-bottom: 0;
}

.blog_gy6 {
    color: #626262;
    font-size: 14px;
    float: left;
    line-height: 18px;
    border-bottom: 1px solid #ebebeb;
    padding: 10px 0;
    width: 100%;
}

.abt_txt_t {
    font-family: "Arial", Arial, Tahoma, sans-serif;
    font-size: 30px;
    text-align: center;
    font-style: italic;
    color: #444;
    font-weight: 400;
    margin-top: 10px;
}

.blog_t_m {
    color: #a8a8a8;
}

.blog_rt_date {
    margin-bottom: 10px;
    float: left;
    width: 100%;
}

.blog_rt_date_l {
    float: left;
    width: 80%;
}

.blog_rt_date_r {
    float: right;
    width: 15%;
    text-align: right;
}

.blog_rt_title {
    font-size: 22px;
    color: #161922;
    line-height: 25px;
    font-weight: normal;
}

.blog_rt_title a {
    text-decoration: none;
    color: #161922;
}

.blog_rt_title a:hover {
    text-decoration: none;
}

.blog_excerpt {
    margin-bottom: 15px;
    color: #626262;
    line-height: 20px;
}

.blog_footer {
    padding: 10px 0px;
    overflow: hidden;
    margin-bottom: 15px;   
}

.prt_rtl_bx:not(:last-child) .blog_footer {
    border-bottom: 1px dotted #ccc;
}
.blog_footer.blog_t_m svg{
    width:28px;
    color: #333;
}
.blog_footer:last-child {
    margin-bottom: 0;
}

.blog_love {
    display: inline-block;
    position: relative;
    margin-left: 5px;
}

.blog_love svg {
    width: 20px;
    height: auto;
    color: #f83c00;
    vertical-align: middle;
}

.blog_links {
    float: right;
    padding-right: 12px;
    border-left: 1px solid #e4e4e4;
    padding-left: 15px;
}

.blog_links svg {
    width: 20px;
    height: auto;
    color: #919191;
    vertical-align: middle;
}

.blg_ctbx {
    float: left;
    background: #FCFCFC;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

.blg_ctbx dt,
.blg_ctbx dd {
    margin: 0 20px;
}

.blg_btlove {
    border-right: 1px solid #e8e8e8;
    padding-right: 8px;
    margin-right: 8px;
}

.blg_bx_k {
    width: 100%;
    height: auto;
    display: inline-block;
    box-sizing: border-box;
    padding: 0 38px;
}

.blg_tgct_lt {
    float: left;
    width: 50%;
    color: #a8a8a8;
    margin-top: 40px;
}

.blg_tgct_rt {
    float: right;
    width: 50%;
    color: #a8a8a8;
    margin-top: 40px;
    text-align: right;
}

.blg_apper {
    float: left;
    width: 100%;
    margin-top: 20px;
    /* text-align: center; */
    padding: 20px 0;
    margin-bottom: 15px;
    display:inline-block;
    /* display: flex; */
    align-items: center;
    justify-content: center;
}
.blg_apper p {
    text-align: left;
    padding: 10px 0;
}

.blg_apper h1 { 
    padding: 20px 10px;
    font-size: 18px;
        text-align: center;
}
.blg_wxk {
    width: 58px;
    line-height: 36px;
    border: 1px solid #ccc;
    position: relative;
    border-radius: 5px;
    font-size: 14px;
    display: inline-block;
    height: 36px;
}

.blg_wxk a {
    text-align: center;
    color: #555;
    font-family: Helvetica, sans-serif;
    font-weight: bold;
}
.blg_apper ul {
    padding: 8px 0;
}
.blg_apper li {
     margin-left: 16px;
    list-style-type: disc;
    margin-bottom: 3px;
}

/*.blg_apper li:first-child {
    margin-left: 0;
}
*/

.upj {
    position: absolute;
    left: 7px;
    bottom: -3px;
}

.bjx img {
    width: 60px;
    height: auto;
    float: left;
    margin-top: 4px;
}

.blg_txt {
    width: 100%;
    height: auto;
}

.blg_txt p {
    line-height: 22px;
    margin-bottom: 15px;
}

.blg_clearfix {
    border-bottom: 1px solid #e9e8e7;
    width: 100%;
    height: auto;
    padding-bottom: 15px;
    margin-bottom: 15px;
    display: flex;
}

.blg_urpic {
    width: 6%;
    float: left;
}

.blg_urpic img {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 5px solid #97cce5;
}

.xk_lrtk {
    padding-left: 10px;
    width: 92%;
    box-sizing: border-box;
    float: right;
    display: flex;
    align-items: center;
}

.blg_urtxt {
    background: #f7f7f7;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    padding: 12px 0;
}

.blg_urtxt span {
    width: 100%;
    margin-left: 20px;
}

.blg_clearfix h3 {
    font-weight: 400;
    font-size: 16px;
}

.blg_clear-box {
    width: 100%;
    display: flex;
    margin-top: 10px;
}

.blg_clear-box li {
    flex: 1;
    float: left;
    padding-left: 10px;
    box-sizing: border-box;
}

.blg_clear-box li:first-child {
    padding-left: 0;
}

.blg_clearfix ul li p {
    margin-top: 12px;
}

.blg_label {
    font-size: 12px;
    color: #a8a8a8;
}

.blg_desc {
    color: #161912;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blg_reply_bx {
    float: left;
    width: 100%;
}

.blg_reply_bx p {
    margin-top: 5px;
}

.blg_reply_bx h3 {
    font-size: 16px;
    font-weight: 400;
}

.blg_reply_bx p {
    margin-top: 15px;
}

.blg_reply_bx p:first-child {
    margin-top: 0;
}

.blg_combx {
    border: 1px solid #ebebeb;
    width: 99.5%;
    padding: 10px;
    box-sizing: border-box;
    margin-top: 10px;
    outline: none;
}

.blg_combx_k {
    border: 1px solid #ebebeb;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
    margin-top: 7px;
    outline: none;
}

.blg_dxbx {
    margin-top: 15px;
    float: left;
    width: 100%;
    height: auto;
    display: block;
}

.blg_dxbx input {
    width: 17px;
    min-width: 17px;
    height: 17px;
    margin: 0 5px 0 0;
    vertical-align: text-top;
    float: left;
}

.blg_btmbx {
    margin: 15px 0 40px 0;
    width: 100%;
    display: inline-block;
}

.blg_btmbx button {
    background: #0095eb;
    text-align: center;
    border: none;
    padding: 10px 15px 10px 15px;
}

.blg_btmbx button a {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

.blg_btmbx button a:hover {
    color: #fff;
    text-decoration: none;
}

.read_more {
    background-color: #f7f7f7;
    color: #747474;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    margin-bottom: 15px;
    width: 150px;
    cursor: pointer;
    margin-right: 7px;
    border: 0;
    border-radius: 5px;
    overflow: hidden;
    -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .03);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .03);
}

.rd_lt {
    background: #eaeaea;
    width: 40px;
    float: left;
    border-radius: 5px 0 0 5px;
    display: block;
}

.rd_lt img {
    margin-left: 15px;
}

.rd_rt {
    float: left;
    margin-left: 20px;
}

.blg_xq {
    font-family: "Arial", Arial, Tahoma, sans-serif;
    font-size: 28px;
    text-align: center;
    font-style: italic;
    color: #444;
    font-weight: 400;
}

/* 博客结束 */
/* 联系我们开始 */
.cont_bx {
   /* background: url(../img/backimge02.jpg) repeat;  */
    background: url(../img/bg.svg); 
    background-repeat: no-repeat; 
    background-position: center; 
    background-attachment: fixed;
    background-size: cover; 
    height: 100%;
    width: 100%;
    float: left;
    padding: 88px 22px;
    box-sizing: border-box;
    position:relative;
}
/* .cont_ct {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    padding: 20px;
    padding-top:10%;
    padding-bottom:10%;
    box-sizing: border-box;
} */
.cont_content {
    padding: 30px 0 30px 30px;
}

.cont_ltb_x {
    width: 40%;
    float: left;
    /* background-color: rgba(255, 255, 255, 0.611764705882353); */
    height: auto;
    overflow: hidden;
}

.lx_ltk {
    background-color: rgba(255, 255, 255, 0.611764705882353);
    margin-top: 10px;
    padding: 28px 16px;
}

.cont_in_touch {
    /* padding: 20px 16px; */
    padding: 0;
    background-repeat: no-repeat;
    background-position: right bottom;
}

.cont_in_touch ul li {
    line-height: 20px;
    width: 100%;
    display: block;
    overflow: hidden;
    margin-bottom: 20px;
}

.cont_in_touch ul li:last-child {
    margin-bottom: 0;
}

.lx_ltbx {
    width: 10%;
    max-width: 30px;
}

.lx_crk {
    width: 90%;
    padding-left: 5px;
    box-sizing: border-box;
}

.cont_ltti {
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0px;
    width: 100%;
}
h2.cont_ltti.ct {
    padding-left: 16px;
    font-size: 18px;
}
.lx_lzk {
    width: 20px;
    height: auto;
    float: left;
}

.cont_rtbx {
    width: 60%;
    float: left;
    height: auto;
    padding-left: 30px;
    padding-right: 16px;
    box-sizing: border-box;
}

.cont_form {
    float: left;
    width: 100%;
    height: auto;
}

.cont_dbx {
    width: 100%;
}

.cont_cbx {
    width: 570px;
}

.lx_cfn {
    padding: 7px 20px;
    background: #fff;
    border: 1px solid #026ba7;
    margin-right: 5px;
}

.cont_message {
    margin-top: 12px;
    width: 100%;  
    padding: 10px;
    box-sizing: border-box;   
    min-height: 180px;
    background: #ffffffcf;
    /* border: 1px solid #333; */
    border: none;
}

.lx_srkbx {
    width: 48%;
    height: auto;
    display: inline-block;
}

.lx_pd1 {
    padding-right: 10px;
}

.lx_bxk {
    width: 100%;
    height: auto;
}

.whiter {
    color: #fff;
}

.lx_bxk li {
    width: 100%;
}

.lx_ptkx {
    padding-left: 10px;
    box-sizing: border-box;
    margin-top: 12px;
    height: 38px;
    line-height: 40px;
    width: 100%;
    background: #ffffffcf;
    /* border: 1px solid #333; */
    border: none;
}
.lx_ptkx:active, .lx_ptkx:focus, .cont_message:active, .cont_message:focus {
    outline: none;
}
.cont_mgtp {
    margin-top: 15px;
    width: 100%;
    height: auto;
    display: inline-block;
}

.cont_mgtp div {
    height: auto;
    width: 100%;
    display: flex;
    align-items: center;
}

.cont_mgtp div span {
    float: left;
}

.cont_msge {
    display: inline-block;
    padding: 8px 20px;
    border: 0;
    margin-top: 15px;
}
button.cont_msge a {
    color: #333;
}
.cont_msge a {
    color: #fff;
    text-decoration: none;
}

.sub_list {
    padding: 10px 8px;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
}

.sub_list span {
    width: 50%;
}

.sub_rtte {
    color: #a8a8a8;
    float: left;
    line-height: 25px;
}

.sub_orderby {
    float: right;
    text-align: end;
}

.sub_orderby select {
    border: 1px solid #ccc;
    padding: 5px;
}

.sub_grid ul li {
    padding: 5px; box-sizing: border-box;
}

.ltpe {
    line-height: 22px;
}

.pro_hd img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pro_ltbx {
    list-style-type: none;
    margin: 0;
    padding: 4px 16px;
    box-sizing: border-box;
    width: 100%;
}

.pro_ltbx li {
    font-size: 14px;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    margin-top: 10px;
    padding-bottom: 5px;
}
.pro_ltbx li a{
width: 100%;
text-decoration: none;
color: inherit;
/* background: red; */
display: inline-flex;
align-items: center;
}
.pro_ltbx_l {
    width: 75%;
    float: left;
    line-height: 18px;
}

.pro_ltbx_r {
    width: 25%;
    float: left;
    text-align: right;
}

.pro_ltbx_r img {
    width: 35px;
    height: 35px;
    display: inline-block;
    vertical-align: middle;
}

.txt_line {
    border-bottom: 1px solid #d2d2d2;
}

.pro_rttile {
    font-size: 16px;
    color: #161922;
    margin: 0px 0 15px 0;
}

.sub_h_d {
    width: 100%;
    height: 130px;
    box-sizing: border-box;
    display: inline-block;
    overflow: hidden;
    background: rgb(2,0,36);
    background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%);
}
.sub_h_d img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.pro_xqrtbx {
    float: left;
    width: 100%;
    height: auto;
}

.pro_xqrtbx_tplt {
    float: left;
    width: 50%;
    padding-right: 15px;
    box-sizing: border-box;
}

.pro_xqrtbx_tprt {
    float: right;
    width: 50%;
}
.short_desp {
    padding-top: 20px;
}
.pro_xqrtbx_tprt h1 {
    font-size: 16px;
    color: #161922;
    line-height: 30px;
}

.pro_xqrtbx_btm {
    border-top: 1px solid #e9e8e7;
}

.pro_xqrtbx_btm li {
    line-height: 16px;
    margin-top: 7px;
}




.inqury_button{
  min-width:180px;
  background-color: #0095ff;
  border: 1px solid transparent;
  border-radius: 3px;
  box-shadow: rgba(255, 255, 255, .4) 0 1px 0 0 inset;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: -apple-system,system-ui,"Segoe UI","Liberation Sans",sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.15385;
  margin: 0;
  outline: none;
  padding: 8px .8em;
  position: relative;
  text-align: center;
  text-decoration: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: baseline;
  white-space: nowrap;
  margin-top:30px;
}

body.rfq .inqury_button {
    margin-top: 20px;
}

.inqury_button:hover,
.inqury_button:focus {
  background-color: #07c;
}

.inqury_button:focus {
  box-shadow: 0 0 0 4px rgba(0, 149, 255, .15);
}
button.inqury_button.active {
    border: 1px solid white;
}
.inqury_button:active {
  background-color: #0064bd;
  box-shadow: none;
}

.cate {
    margin-top: 20px;
    color: #a8a8a8;
}

.wc_tabs_wrapper {
    margin-top:38px;
    float: left;
    width: 100%;
}

.activetp {
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid #d2ced1;
}

.activetp p {
    margin-top: 10px;
}

.acdive {
    border-radius: 4px 4px 0 0;
    border: 1px solid #d3ced2;
    padding: 10px;
    font-weight: 700;
    float: left;
    border-bottom: none;
}

.related_bx {
    margin-top: 20px;
    width: 100%;
    height: auto;
    display: inline-block;
    padding-bottom: 28px;
}

.xzfk {
    background: transparent !important;
    border: 1px solid #ccc;
    border-radius: 0;
    padding: 3px 8.5px;
    margin: 0 2px;
    opacity: 1;
    color: #999;
    transition: 0.3s all ease-out;
}

.pro_htpic {
    width: 100%;
}

.pro_htpic li img {
    width: 100%;
    height: auto;
    max-height: 350px;
}

.pro_hdpic {
    margin-top: 10px;
    width: 100%;
}

.pro_hdpic li {
    float: left;
    padding-right: 6px;
    width: 25%;
    box-sizing: border-box;
    aspect-ratio: 1 / 1;
    overflow: hidden;
}

.pro_hdpic li:last-child {
    padding-right: 0;
}

.pro_hdpic li img {
    width: 100%;
    height: 100%;
    object-fit: cover;   
    cursor: pointer; 
}

.sk_btx {
    width: 100%;
    display: inline-block;
}

.sk_btx h2 {
    width: 65%;
    float: left;
    font-size: 16px;
    color: #333;
    font-weight: 300;
    margin-top: 10px;
}

.pro_upd {
    float: right;
    margin-top: 10px;
    width: 35%;
    text-align: end;
}

.rltd {
    margin-top: 10px;
    width: 100%;
    height: auto;
    display: flex;
}
ul.rltd a {
    color: inherit;
    text-decoration: none;
}
.rltd li {
    flex: 1;
    margin-left: 15px;
}

.rltd li:first-child {
    margin-left: 0;
}

.rltd li img {
    width: 100%;
    height: auto;
}

/* 产品结束 */

@media (max-width:980px) {
    .inq_bt{ width: 100%;}
    .sk_w8,
    .gybx {
        width: 100%;
    }

    .sk_w8 {
        padding: 20px 38px;
        box-sizing: border-box;
    }

    .content_bx {
        width: 97%;
        margin: 0 1.5%;
    }

    .footer {
        width: 97%;
        padding: 40px 38px;
    }

    .ft_bt {
        width: 97%;
    }
}

@media (max-width:750px) {
    .ct_lt,
    .ct_rt,
    .cont_rtbx {
        width: 100%;
        padding-left: 0;
    }
    .prt_rtl{padding:0;}
    .prt_rtl_bx h1{margin-top:0;}

    .cont_ltti {
        padding-top: 5px;
    }

    .cont_bx {
        padding: 10px 15px 15px 15px;
    }

    .prt_pic {
        width: 100%;
        display: flex;
        margin-top: 20px;
    }

    .prt_pic li {
        flex: 1;
        width: auto;
        padding-left: 20px;
    }

    .prt_pic li:first-child {
        padding-right: 0;
    }

    .content_bx,
    .tp_box,
    .pro_rttile {
        margin-top: 0;
    }

    .tp_box {
        padding: 0 26px;
    }

    .hm_ctbx {
        padding-top: 0px;
        padding-bottom: 0px;
        margin-top: 0;
    }

    .t_plt {
        width: 96%;
    }

    .mor_e {
        margin-top: 5px;
        margin-bottom: 10px;
    }

    .cont_form,
    .lx_ltk {
        margin-top: 10px;
    }

    .cont_in_touch ul li {
        margin-bottom: 10px;
    }

    .rpx {
        border-right: 0;
    }

    .dk {
        order: 2;
    }

    .kkx {
        order: 1;
    }

    .prt_bxlt_bx {
        padding-top: 0;
    }

    .prt_rtl_bx {
        padding-bottom: 0;
        padding-left: 0;
    }

    .pro_ltbx_l {
        width: 90%;
    }

    .blg_tgct_rt {
        display: none;
    }

    .abt_txt_t,
    .blog_rt_title {
        font-size: 22px;
    }

    .sb_hd {
        height: 110px;
    }

    .blg_clear-box {
        display: block;
        margin-top: 0;
    }

    .blg_tgct_rt,
    .blg_clear-box li,
    .blg_tgct_lt,
    .pro_xqrtbx_tplt,
    .pro_xqrtbx_tprt,
    .pr_t_bxlt,
    .prt_bxrt,
    .prt_bxlt,
    .blg_btmbx input,
    .cont_ltb_x,
    .cont_rtbx,
    .cont_msge {
        width: 100%;
    }

    .pro_xqrtbx_tprt h1.prdt_title {
        padding-top: 12px;
    }

    .blg_combx_k,
    .read_more {
        margin-bottom: 10px;
    }

    .sk_bx {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
    }

    .blg_clear-box li {
        padding-left: 0;
        margin-top: 15px;
    }

    .pro_xqrtbx_tplt,
    .prt_bxlt_bx {
        padding-right: 0;
    }

    .chqx,.sub_hd{
        height: auto;
    }

    .blg_combx_k:last-child {
        margin-bottom: 0;
    }

    .sub_list {
        background: none;
        padding: 0;
    }
    .cont_rtbx{ padding-right: 0;}

    .sk_w8 {
        margin: 0 auto;
        padding-top: 10px;
    }

    .ct_rt,
    .ct_lt {
        margin-top: 10px;
    }

    .prt_rtl_bx {
        padding: 26px 26px 0 26px;
    }

    .prt_bxlt_bx {
        padding: 0 10px 20px 10px;
    }
    .prt_bxrt.lpx.blog{ border-left: none;}
}

@media (max-width:650px) {
    .bwtx{ padding: 0;}
    .indx_bjbx {
        background-image: none;
    }

    .content_bx {
        padding: 0px 10px 5px 10px;
        margin: 0;
        width: 100%;
        background: none;
        box-shadow: none;
    }

    .lx_bxk input,
    .cont_message {
        border: 1px solid #dedede;
        border-radius: 5px;
    }

    .prt_bxlt,
    .cont_ltb_x,
    .cont_form,
    .blg_tgct_lt {
        margin-top: 0;
    }

    .cont_in_touch {
        padding: 20px;
        margin-top: 12px;
        box-shadow: 0px 0px 15px rgba(0, 0, 0, .06);
        background: #fdfdfd;
        border-radius: 10px;
    }
    .pro_rttile{ margin: 0px 0 10px 0; }

    .cont_ltti {
        padding-top: 0;
        font-size: 16px;
    }

    .prt_rtl_bx,
    .prt_bxlt_bx {
        background: #fff;
        margin-top: 12px;
        box-shadow: 0px 0px 15px rgba(0, 0, 0, .06);
    }

    .d_mnbx {
        position: absolute;
        right: 15px;
        width: 85%;
        top: -4px;
        height: auto;
    }

    .dj_menu,
    .picBox,
    .ft_bxk,
    .lk_fhm {
        display: none;
    }

    .rfq .ft_w8bx {
        text-align: center;
    }
    .cd_bxl {
        display: block;
        position: absolute;
        right: 12px;
        top: 21px;
        width: 5px;
        height: 22px;
    }
    .breadcrumb{ padding: 0;}

    .cd_bxl a {
        right: 0;
        top: 22px;
        width: 12px;
        height: 22px;
        display: inline-block;
    }

    .xp_drop {
        visibility: hidden;
        display: inline-block;
        width: 0px;
        height: 22px;
    }

    .xp_drop::after {
        visibility: visible;
        content: "";
        position: absolute;
        right: 0;
        top: 7px;
        width: 3.2px;
        height: 3.2px;
        border-radius: 50%;
        background: #333;
        box-shadow: 0 0.5em 0 0 #333, 0 1em 0 0 #333;
    }
    body.rfq div.d_mnbx a.search{ right: 0;}
    .picBox:target {
        display: flex;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
        bottom: 0;
        z-index: 10000;
    }

    .picBox .con {
        position: fixed;
        height: auto;
        width: 100%;
        box-sizing: border-box;
        border-radius: 15px 15px 0 0;
        bottom: 0;
        left: 0;
    }

    .picBox .close {
        display: block;
        position: absolute;
        top: 7px;
        right: 9%;
        padding: 8px 0;
        height: 20px;
    }

    .picBox .close svg {
        width: 24px;
        height: auto;
        color: #333;
    }
    .prt_rtl_bx:not(:last-child) .blog_footer {
        border-bottom: none;
    }
    .sb_hd.bs5 .ht_icon q {
        font-size: 12px;
    }
    body.rfq .tp_skbw{ padding: 15px;
        margin-bottom: 0;}
    body.rfq ul.int_fm{ padding: 15px;}
    .picBox .close::after {
        color: #333;
        cursor: pointer;
        border-radius: 50%;
        font-size: 1.2rem;
        justify-content: center;
        position: absolute;
        top: 10px;
        height: 2rem;
        z-index: 2;
        left: 50%;
        bottom: 0;
    }

    .picBox::before {
        content: "";
        cursor: default;
        background-color: rgba(0, 0, 0, 0.448);
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }

    .mb_c {
        height: auto;
        padding: 25px;
        box-sizing: border-box;
        background: #fff;
        margin: 0 2%;
        border-radius: 15px 15px 0 0;
    }

    .mb_c li {
        width: 100%;
        box-sizing: border-box;
        font-size: 16px;
    }

    .mb_c li a {
        color: #666;
        text-decoration: none;
        width: 100%;
        display: flex;
        padding: 0 10px;
        height: 42px;
        line-height: 42px;
        box-sizing: border-box;
    }

    .mb_c li a svg {
        color: #666;
        width: 24px;
        height: auto;
        float: left;
        margin-top: 0;
        margin-right: 10px;
    }

    .mb_c li a:hover {
        color: #333;
        text-decoration: none;
        background: #f2f2f2;
        border-radius: 10px;
        box-sizing: border-box;
    }

    .mb_c li a:hover svg,
    .lk_bqct {
        color: #333;
    }

    .search {
        right: 9%;
        width: 90%;
        height: 32px;
        top: 20px;
        display: flex;
        align-items: center;
    }

    .search svg {
        position: absolute;
        right: 0px;
        width: 20px;
    }
    .footer {
        background: none;
        padding: 0 10px;
    }

    .cont_bx {
        background: none;
        padding: 0;
        margin-bottom: 0;
    }

    .hm_ctbx {
        flex: 1;
        display: flex;
        flex-direction: column;
    }

    .mor_e {
        margin-top: 20px;
        margin-bottom: 0px;
    }

    .tp_box,
    .tp_skbw {
        background: #fdfdfd;
        position: relative;
        border-radius: 10px;
        box-shadow: 0px 0px 15px rgba(0, 0, 0, .06);
        padding: 15px 20px;
        height: 60px;
        box-sizing: border-box;
    }

    body {
        height: 100vh;
    }

    .prt_pic,
    .blg_btmbx,
    .pro_rtpicbx {
        margin-bottom: 0;
    }

    .cont_ltb_x {
        background: none;
        border-radius: 0
    }
    .lx_ltk{ padding: 0;}
    h2.cont_ltti.ct{ font-size: 16px; padding-left: 0px;} 
    .lx_ltk li{ font-size: 12px;}

    .sb_hd,
    .blog_hd,
    .sub_hd,
    .pro_hd,
    .sub_h_d {
        margin-top: 6px;
        border-radius: 10px;
        margin-bottom: 12px;
    }
    .blg_clearfix {
        background: #fdfdfd;
        flex: 1;
        box-shadow: 0px 0px 15px rgba(0, 0, 0, .06);
        border-radius: 10px;
        box-sizing: border-box;
        margin-top: 20px;
        display: flex;
        flex-direction: row;
    }

    .cont_rtbx {
        padding: 20px;
        margin-top: 12px;
        box-shadow: 0px 0px 15px rgba(0, 0, 0, .06);
        background: #fdfdfd;
        border-radius: 10px;
    }

    .prt_pic li p {
        height: 50px;
        line-height: 50px;
        background-color: rgb(243 243 243);
        border-radius: 0 0 10px 10px;
    }

    .ct_lt,
    .ct_rt,
    .blg_reply_bx,
    .blg_xrbx {
        background: #fdfdfd;
        flex: 1;
        box-shadow: 0px 0px 15px rgba(0, 0, 0, .06);
        border-radius: 10px;
        padding: 20px;
        box-sizing: border-box;
        margin-top: 12px;
    }

    .blg_clearfix {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0;
        padding: 12px 20px;
        margin-top: 12px;
    }

    .blg_urpic {
        width: 15%;
    }

    .xk_lrtk {
        width: 85%;
    }

    .sb_hd {
        height: 100px;
    }

    .bl_jbx {
        background: linear-gradient(to bottom, #f1fafd, #dfe7f1);
    }

    .tp_tsjk,
    .blg_bx_k {
        padding: 0;
    }

    .tp_tsjk {
        height: auto;
    }

    .blog_rt_title {
        font-size: 20px;
        line-height: 20px;
    }

    .prt_rtl_bx:last-child {
        margin-bottom: 0;
        padding-bottom: 10px;
    }

    .prt_rtl_bx {
        padding: 22px 20px;
        border-radius: 10px;
    }

    .ft_bt {
        padding: 10px 20px 20px 20px;
        margin-top: 0;
        background: none;
        text-align: center;
    }

    .prt_bxlt_bx {
        padding: 20px 5px;
        border-radius: 10px;
        display: inline-block; width: 100%; box-sizing: border-box;
    }

    .sub_grid {
        background: #fdfdfd;
        width: 100%;
        height: auto;
        margin-top: 0px;
        box-sizing: border-box;
    }

    .pro_rtpicbx li p {
        margin-top: 5px;
    }

    .prt_rtl_bx img,
    .pr_t_bxlt ul {
        border-radius: 10px;
    }
    .blg_xrbx{ display: inline-block;}
    .blg_apper{ margin-top: 0px; margin-bottom: 0px; padding-top: 0;}
    .blg_apper h1{ padding: 10px;}
    .blg_apper p{ padding: 5px 10px;}

    .lx_cfn,
    .cont_msge,
    .pro_rtpicbx li img {
        border-radius: 5px;
    }

    .prt_pic li img {
        border-radius: 10px 10px 0 0;
    }

    .pro_ltbx_r img,
    .sub_orderby select {
        border-radius: 3px;
    }
    li.search_prdt_item{
    width:50%;
    }
}

@media (max-width:630px) {
    .lk_fhm img {
        float: none;
    }
}

@media (max-width:580px) {

    .blog_rt_date_l,
    .blog_rt_date_r,
    .blg_btmbx button {
        width: 100%;
    }

    .blog_rt_date_r {
        text-align: left;
        margin-top: 7px;
    }

    .blg_xq {
        font-size: 18px;
        padding: 0 10px;
    }
    body.rfq .sk_w8.sbxk {
        padding: 10px;
    }
}

@media (max-width:515px) {
    .search {
        width: 86%;
        right: 10%;
    }
}

@media (max-width:480px) {
    .tp_box {
        padding: 10px 15px;
        height: auto;
    }

    .d_mnbx {
        right: 10px;
        top: -12px;
    }
    body.rfq .inqury_button{ width: 100%;}

    .sub_hd,
    .sb_hd,
    .sub_h_d {
        height: 90px;
    }
    .blg_apper p{ padding: 15px;}
    .blog_hd {
        padding: 0px;
        height: 90px;
        margin-top: 12px;
    }

    .abt_txt_t {
        font-size: 20px;
    }

    .blg_clearfix {
        padding: 8px 10px 5px 10px;
        margin-top: 12px;
    }
    .blg_apper{ padding: 0px;}
    .blg_xq {
        font-size: 16px;
    }

    .lk_skbx {
        width: 26px;
        height: auto;
    }

    .mb_c li a {
        height: 38px;
        line-height: 38px;
    }

    .search {
        top: 14px;
    }

    .cd_bxl {
        top: 27px;
        right: 10px;
    }

    .ct_lt,
    .ct_rt {
        margin-top: 15px;
        padding: 15px 15px;
    }

    .prt_rtl_bx,
    .prt_rtl_bx,
    .prt_bxlt_bx {
        padding: 15px;
    }

    .cont_in_touch,
    .cont_rtbx {
        padding: 12px;
        margin-top: 12px;
    }

    .blg_xrbx,
    .blg_cl,
    .blg_reply_bx,
    .sub_hd {
        margin-top: 12px;
        padding: 0px;
    }

    .blg_urpic img {
        width: 36px;
        height: 36px;
    }

    .blg_urtxt {
        padding: 10px 0;
    }

    .abt_txt_d {
        font-size: 13px;
    }

    .sb_hd,
    .blog_hd,
    .sub_hd,
    .pro_hd,
    .sub_h_d,
    .sb_hd,
    .prt_rtl_bx,
    .prt_bxlt_bx {
        margin-top: 12px;
    }

    .search {
        top: 26px;
    }

    .ft_bt {
        padding: 10px 20px 20px 20px;
    }

    .tp_skbw {
        padding: 10px 12px;
    }

    .prt_bxlt_bx h2 {
        padding-left: 0;
    }

    .pro_ltbx,
    .blog_ltbx {
        padding: 0;
    }

    .pro_rtpicbx li {
        width: 50%;
    }

    .blg_clear-box li {
        margin-top: 10px;
    }

    .ft_bt {
        padding: 15px;
    }
    .sub_grid ul li {
        width: 50%;
        float: left;
        margin-left: 0;
    }

    .sub_grid ul li:nth-child(odd) {
        padding-right: 5px;
    }

    .sub_grid ul li:nth-child(even) {
        padding-left: 5px;
    }
    h1{
        font-size:16px;
    }
    .bwtx{padding: 0px;}
    body.rfq .inqury_button{ margin-top: 15px;}
    body.rfq li.prdt_line{display: inline-block;}
    body.rfq form.inquiry_ct .prd_detail{ width: 100%;}
    body.rfq .inquiry_ct .srt_dsp{ width: 100%; padding: 0; margin-top: 15px;}
    body.rfq li.prdt_sb h2{ font-size: 16px;}
}

@media (max-width:450px) {
    .blg_xrbx{ padding-top:0}
    .abt_txt_t,
    .blog_rt_title,
    .cont_ltti {
        font-size: 16px;
    }

    .sub_list span,
    .sub_orderby select {
        width: 100%;
    }

    .sub_orderby {
        text-align: left;
    }

    .sub_rtte {
        margin-bottom: 10px;
    }

    .prt_pic li:last-child {
        margin-bottom: 0;
    }

    .sk_btx h2,
    .pro_upd {
        margin-top: 15px;
    }

    .pro_xqrtbx_btm li {
        margin-top: 5px;
    }

    .cate,
    .blg_apper {
        margin-top: 10px;
    }

    .prt_pic li {
        padding-left: 10px;
    }

    .rltd li {
        margin-left: 10px;
    }

    .lx_ptkx {
        height: 35px;
        line-height: 35px;
    }

    .d_mnbx {
        width: 84%;
    }

    .picBox .close svg {
        width: 20px;
    }

    .picBox .con h2 {
        font-size: 18px;
    }

    .mb_c li {
        font-size: 14px;
    }

    .mb_c li a svg {
        width: 20px;
        height: auto;
    }
}

@media (max-width:380px) {   

    .acdive,
    .active {
        font-size: 13px;
        font-weight: 550;
    }

    .sk_f4 {
        font-size: 12px;
    }
    .pro_rtpicbx.prdt_ct li{ margin-left: 10px; font-size: 12px;}
    .prt_pic li {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 12px;
    }

    .prt_pic li:last-child {
        margin-bottom: 0;
    }

    .lx_lzk {
        width: 18px;
    }
    body.rfq div.d_mnbx a.search{ width: 75%;}
    .blg_txt p,
    .blg_btmbx button {
        margin-bottom: 10px;
    }

    .blg_clearfix ul li p {
        margin-top: 8px;
    }

    .read_more {
        margin-bottom: 0;
    }

    .read_more {
        height: 30px;
        line-height: 30px;
    }

    .blg_clear-box,
    .cont_ltb_x {
        margin-top: 0;
    }

    .prt_pic,
    .mor_e,
    .blg_dxbx {
        margin-top: 10px;
    }

    .prt_pic li p {
        height: 30px;
        line-height: 30px;
        font-size: 12px;
    }
    body.rfq .tp_skbw{ font-size: 12px;}
    .search {
        margin-right: 0;
    }

    .d_mnbx,
    .xk_lrtk {
        width: 80%;
    }

    .ct_lt {
        line-height: 30px;
    }

    .ct_lt,
    .ct_rt {
        margin-top: 12px;
    }

    .sbxk {
        height: auto;
    }

    .picBox .con h2 {
        font-size: 16px;
        padding: 12px 0;
    }

    .cd_bxl {
        right: 3px;
    }

    .lk_bqct {
        font-size: 11px;
    }

    .picBox .close {
        right: 12%;
    }

    .mb_c {
        padding: 3%;
        margin: 0 3%;
    }

    .ft_bt {
        padding: 10px;
    }

    .blog_ltbx {
        border: none;
    }

    .tp_box {
        padding: 10px;
    }

    .prt_rtl_bx,
    .prt_rtl_bx,
    .prt_bxlt_bx {
        padding: 12px;
    }

    .prt_rtl_bx p {
        margin-top: 7px;
    }

    .sub_grid {
        margin-top: 5px;
    }
}

@media (max-width:330px) {
    .d_mnbx {
        width: 76%;
    }

    .acdive,
    .active {
        font-size: 12px;
    }

    .search {
        margin-right: 4%;
    }
    .sk_f4{ line-height: 16px;} 
}

.loading {
    width: 16px;
    height: 16px;
    border: 2px solid #FFF;
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
    vertical-align: middle;
    margin-right: 6px;
}

    @keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
} 

.inquiry_ct li {
    list-style-type: none;
    padding: 4px 0;
    display: inline-block;
    width: 100%;
}
li.prdt_sb {
    display: inline-flex;
    justify-content: space-between;
    padding-bottom: 10px;
}
li.prdt_sb a svg {
    color: #333;
}
span.rq {
    color: red;
}
li.prdt_sb h2 {
    font-weight: 400;
    font-size: 18px;
}
.inquiry_ct li input {
    width: 100%;
    padding: 8px;
    margin-top: 6px;
    box-sizing: border-box;
    border: none;
    border-radius: 4px;
    border: 1px solid #ccc;
}
li.prdt_line {
    display: inline-flex;
    align-items: center;
    margin-bottom: 10px;
}
ul.int_fm {
    background: white;
    padding: 30px;
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    border-radius: 0 0 4px 4px;
}
form.inquiry_ct .prd_detail {
    width: 10%; 
    border-radius: 4px;
    overflow: hidden;
    aspect-ratio: 1 / 1;
}
form.inquiry_ct .prd_detail img {
    width: 100%;
}
.inquiry_ct .srt_dsp {
    width: 90%;
    float: left;
}
.inquiry_ct li textarea {
    min-height: 220px;
    width: 100%;
    padding: 8px;
    margin-top: 6px;
    box-sizing: border-box;
    border: none;
    border-radius: 4px;
    border: 1px solid #ccc;
}
li.page-item.active a {
    background: #03A9F4;
    color: wheat;
}
.inquiry_ct .srt_dsp {
    width: 90%;
    float: left;
    padding: 0 20px;
    box-sizing: border-box;
}
.img-skeleton {
    background: linear-gradient(90deg, #eee 25%, #f5f5f5 50%, #eee 75%);
    background-size: 200% 100%;
    animation: skeleton-loading 1.2s infinite linear;
    border-radius: 4px;
    width: 100%;
    aspect-ratio: 1 / 1;
    max-width: 600px;
    display: inline-block;  
    margin-right: 10px;
}
.msg_notification {
    margin-top: 20px;
    background: orangered;
    padding: 10px;
    display: inline-block;
    color: white;
    width: 100%;
    border-radius: 4px;
    box-sizing: border-box;
}
p.msg_notificatioin {
    padding: 8px;
    background: #FF9800;
    color: white;
    margin-top: 10px;
    border-radius: 4px;
    border: 1px solid #FF5722;
    /* box-shadow: inset 0px -3px 4px red; */
}
p.inform-hd {
    font-size: 14px;
    margin-top: 20px;
    background: #d4e5f2;
    padding: 6px;
}
@keyframes skeleton-loading {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}

.blg_apper table {
    border-collapse: collapse;
    border: 1px solid #ccc;
    width: 100%;
    margin: 10px 0
}

.blg_apper table td {
    padding: 8px;
    border: 1px solid #999;
}

.blg_apper table th {
    padding: 8px;
    border: 1px solid #999;
    font-weight: normal;
    font-size: inherit;
}
.blg_apper ul.feature li {
    list-style-type: none;
    margin: 0;
}
.prduct_desrpt ul li {
    list-style-type: disc;
    margin-left: 20px;
}

.prduct_desrpt ul {
    padding: 8px 0;
}
h4.Product_title {
    text-align: center;
}
.prduct_desrpt table {
    width: 100%;
    border-collapse: collapse;
    margin: 6px 0;
}

.prduct_desrpt table th, .prduct_desrpt table td {
    border: 1px solid #999;
    padding: 6px;
}
.prduct_desrpt h2 {
    font-size: 14px;
    background: #f1f1f1;
    padding: 6px;
}
ol.system-features {
    margin: 0;
    padding: 10px 20px;
}