/*
 * Website Development Application
 * Newly customized WordPress theme
 * Author: fuping_deng
 * Company: www.szfudebao.com
 * Email: oddessycode@foxmail.com
 * Wechat: oddessycode
 * Date: 2026-03-20
 */

@media(max-width:1440px){
   .container{max-width:1200px;}
}
@media(max-width:1280px){
   .container{max-width:1120px;}
   #fsubscribe{width:320px}
   #fcontact{width:320px}
   footer{font-size:17px;}
   .footer_li b{font-size:20px}
   .tnp-field-email{width: calc(100% - 100px);}
   .tnp-field-button{width: 100px;}
   body .tnp-field-button input{font-size:14px !important}
   copyright p{text-align:center;}
   copyright span{display:block;text-align:center;position: static;}
}
@media(max-width:1179px){
    .container{max-width:100%;}
    .header{margin:0 30px}
    .double-padding-60{padding-top: 60px;padding-bottom:60px;}
.padding-top-60{padding-top:60px}
.padding-bottom-60{padding-bottom:60px}
.double-margin-60{margin-top:60px;margin-bottom:60px;}
.margin-top-60{margin-top:60px}
.margin-bottom-60{margin-bottom:60px}
}
@media(max-width:1179px){
header { position:fixed; left: 0; top: 0; width: 100%; z-index: 990 }
#fixed_height { height: 90px; }
.section-welcome { display: none }
nav .pc { display: none }
nav .mb { display: block }
/**/
.nav-but-wrap { position: absolute; right:0px; top: 31px; display: block }
.menu-icon { height: 30px; width: 30px; position: relative; z-index: 2; cursor: pointer; display: block; }
.menu-icon__line { height: 2px; width: 16.5px; display: block; background-color: var(--logo-color); margin-bottom: 7px; cursor: pointer; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; float: right; }
.menu-icon__line-left { width: 30px; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; }
.menu-icon__line-right { width: 16.5px; float: right; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; }
.menu-icon:hover .menu-icon__line-left, .menu-icon:hover .menu-icon__line-right, .menu-icon:hover .menu-icon__line { width: 30px; }
.nav-active .menu-icon__line { width: 30px; float: none }
/**/
body.nav-active .nav-but-wrap { z-index: 9991 }
body.nav-active .menu-icon__line { background-color: #fff; -webkit-transform: translate(0px, 0px) rotate(-45deg); transform: translate(0px, 0px) rotate(-45deg); }
body.nav-active .menu-icon__line-left { width: 15px; -webkit-transform: translate(2px, 4px) rotate(45deg); transform: translate(2px, 4px) rotate(45deg); }
body.nav-active .menu-icon__line-right { width: 15px; float: right; -webkit-transform: translate(-3px, -3.5px) rotate(45deg); transform: translate(-3px, -3.5px) rotate(45deg); }
body.nav-active .menu-icon:hover .menu-icon__line-left, body.nav-active .menu-icon:hover .menu-icon__line-right { width: 15px; }
/**/
nav { z-index: 9990; position: fixed; right: 0; top: 0; margin: 0; padding: 0; height: 100%; width: 458px; background: var(--logo-color); padding-top: 80px; padding-bottom: 30px; -webkit-transition: -webkit-transform cubic-bezier(0.77, 0, 0.175, 1) 0.8s; transition: -webkit-transform cubic-bezier(0.77, 0, 0.175, 1) 0.8s; transition: transform cubic-bezier(0.77, 0, 0.175, 1) 0.8s; transition: transform cubic-bezier(0.77, 0, 0.175, 1) 0.8s, -webkit-transform cubic-bezier(0.77, 0, 0.175, 1) 0.8s; -webkit-transform: translateX(100%) translateY(0%); transform: translateX(100%) translateY(0%); filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0 }
nav li>a i:before { background-image: url(../images/chevron_right_24dp_FFFFFF.png) !important; width: 35px !important; height: 35px !important; }
.menu { height: 100%; overflow: auto; }
nav li.hasNav { float: none; margin: 0; padding: 0; height: auto }
.menu ul.dropdown { position: relative }
.menu li a { padding: 15px 50px; color: rgba(255, 255, 255, 0.9); font-size:20px; line-height: normal;}
nav a.enquire { background: none; border-radius: 10px; border: 1px solid #fff; font-size: 18px; color: #fff; position: absolute; left: 40px; top: 20px; padding:12px 20px; }
.menu li .sub_menu { position: static; padding: 0; margin: 0; display: none; }
.menu li .sub_menu { background: rgba(0, 0, 0, 0.1); width: 100%; opacity: 1; visibility: visible; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); padding: 15px 0px }
.menu li a:before, .menu li.selected a:before { display: none }
.menu li i{ display: block; position: absolute; right: 21px; top: 15px; background:url(../images/chevron_right_24dp_FFF.png);background-position:center;background-repeat:no-repeat;background-size:34px;width:50px;height:35px;transform:rotate(90deg); }
.menu li i.fa-angle-up{transform:rotate(270deg); }
.menu li .sub_menu li { text-align: left; }
.menu li ul li a, #menu li.selected li a { text-align: left; line-height: 1.2; padding: 10px 50px; font-size:20px; font-weight: normal; color: #fff }
.menu li ul li a:hover, .menu li a:hover { color: #fff }
body.nav-active.white_topbar .menu li a { color: #fff }
body.nav-active.white_topbar .menu li .sub_menu { }
.menu li ul li a:hover, #menu li.selected li a:hover { color: var(--logo-color); background: none }
.menu li.selected a.first { background: none; color: var(--logo-color) }
body.nav-active nav { display: block; -webkit-transform: translateX(0%) translateY(0%); transform: translateX(0%) translateY(0%); filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; }
}
@media(max-width:500px){
.header{height:80px}
#heder-fixed{height:80px}
.logo{margin-top: 13.5px;}
.logo img{height:55px}
 nav{width:100%}
.menu li a{padding:15px 30px}
nav a.enquire{left:30px}
.menu li ul li a, #menu li.selected li a{padding:10px 30px; font-size: 18px;}
}
/**/
@media(max-width:1440px){
   body { min-width:100%; margin:0 auto }
   /**/
  .home_about_lt{width: calc(100% -  45%);padding-left: 30px;}
  .home_about_rt{width:45%}
  /**/
  .home_produceline_lt{width: calc(100% - 64.5%);padding-right: 25px;}
  .home_produceline_rt{width:64.5%}
  /**/
  .home_whychooseus_lt { width: calc(100% - 47.5%);padding-left: 50px;}
  .home_whychooseus_rt{ width:47.5%;}
  /**/
  .home_partner_lt{width: calc(100% - 46%);padding-right: 50px;}
  .home_partner_rt{width: 46%;}
  /**/
.home_procat .catname { display: flex; flex-wrap: wrap; align-content: center; justify-content: right; padding: 25px; height: 100%; }
.home_procat li:nth-child(1) .catname, .home_procat li:nth-child(2) .catname {display:block;align-content: start;}
/**/
.fa-play { background-size:80px !important; width:80px; height:80px; display:inline-block }
.h2_title { font-size:34px; margin-bottom: 35px; line-height: 1.2;}
.h2_title:after { margin-top: 10px; }
.home_about_lt .h2_title,.home_produceline_lt .h2_title,.home_partner_lt .h2_title,.home_whychooseus_lt .h2_title{ font-size: 34px; line-height: 1.2; margin-bottom: 35px; }
.home_about_lt .h2_title:after { height: 3px; }
.home_about_desc { font-size: 19px; line-height: 1.5; }
.home_whychooseus_lt .h2_title{margin-bottom: 35px;}
/**/
.link-div{ margin-top: 25px;}
.link-div .link-href {font-size: 18px; padding: 10px 25px; width: auto; }
.link-div .link-3d {font-size: 18px; padding: 10px 25px; width: auto; }
.home_about_lt .link-div{justify-content: left;}
.home_about_lt .link-div .link-href {font-size: 18px; padding: 10px 25px; width: auto; margin-right:15px; }
.home_about_lt .link-div .link-3d { font-size: 18px; padding: 10px 25px; width: auto; }
}
@media(max-width:1280px){
       /**/
  .home_about_lt{width: calc(100% -  48%);padding-left: 30px;}
  .home_about_rt{width:48%}
  /**/
  .home_produceline_lt{width: calc(100% - 64.5%);padding-right: 25px;}
  .home_produceline_rt{width:64.5%}
  /**/
  .home_whychooseus_lt { width: calc(100% - 50%);padding-left: 30px;}
  .home_whychooseus_rt{ width:50%;}
  /**/
  .home_partner_lt{width: calc(100% - 46%);padding-right: 50px;}
  .home_partner_rt{width: 46%;}
  /**/
.home_procat .catname { display: flex; flex-wrap: wrap; align-content: center; justify-content: right; padding: 25px; height: 100%; }
.home_procat li:nth-child(1) .catname, .home_procat li:nth-child(2) .catname {display:block;align-content: start;}
/**/
.fa-play { background-size:80px !important; width:80px; height:80px; display:inline-block }
.h2_title { font-size:30px; margin-bottom: 30px; line-height: 1.2;}
.h2_title:after { margin-top: 10px; }
.home_about_lt .h2_title,.home_produceline_lt .h2_title,.home_partner_lt .h2_title,.home_whychooseus_lt .h2_title{ font-size: 30px; line-height: 1.2; margin-bottom: 30px; }
.home_about_lt .h2_title:after { height: 3px; }
.home_about_desc { font-size: 18px; line-height: 1.5; }
.home_whychooseus_lt .h2_title{margin-bottom: 30px;}
.home_about_desc p+p{margin-top:15px}
/**/
.link-div{ margin-top: 25px;}
.link-div .link-href {font-size: 16px; padding: 10px 25px; width: auto; }
.link-div .link-3d {font-size: 16px; padding: 10px 25px; width: auto; }
.home_about_lt .link-div{justify-content: left;}
.home_about_lt .link-div .link-href {font-size: 16px; padding: 10px 15px; width: auto; margin-right:5px; }
.home_about_lt .link-div .link-3d { font-size: 16px; padding: 10px 25px; width: auto; }
.link-div .link-href:after{margin-left: 10px;}
.link-div .link-3d:after{margin-left: 10px;}
}
@media(max-width:1179px){
    body { min-width:100%; margin:0 auto }
    body,html{overflow-x:hidden}
   /**/
  .home_about_lt{width:595px;padding-left:30px;}
  .home_about_rt{width:calc(100% - 595px); display: flex;flex-wrap: wrap;align-content: center;background:#000}
  /**/
  .home_produceline_lt{width:calc(100% - 50%);padding-right: 30px;}
  .home_produceline_rt{width:50%}
  /**/
  .home_whychooseus_lt { width: calc(100% - 47.5%);padding-left: 30px;}
  .home_whychooseus_rt{ width:47.5%;}
  /**/
  .home_partner_lt{width: calc(100% - 46%);padding-right: 30px;}
  .home_partner_rt{width: 46%;}
}

@media(max-width:1179px){
     .home_procat,
   .home_about,
   .home_process,
   .home_produceline,
   .home_whychooseus,
   .home_customer,
   .home_partner{padding-left:50px;padding-right:50px}
   footer{padding-left:30px;padding-right:30px}
   /**/
.home_procat .catname { display: flex; flex-wrap: wrap; align-content: center; justify-content: right; padding: 25px; height: 100%; }
.home_procat li:nth-child(1) .catname, .home_procat li:nth-child(2) .catname {display:block;align-content: start;}
/**/
.fa-play { background-size:80px !important; width:80px; height:80px; display:inline-block }
.h2_title { font-size:30px; margin-bottom: 30px; line-height: 1.2;}
.h2_title:after { margin-top: 10px; }
.home_about_lt .h2_title,.home_produceline_lt .h2_title,.home_partner_lt .h2_title,.home_whychooseus_lt .h2_title{ font-size: 30px; line-height: 1.2; margin-bottom: 30px; }
.home_about_lt .h2_title:after { height: 3px; }
.home_about_desc { font-size: 18px; line-height: 1.5; }
/**/
.link-div{ margin-top: 25px;}
.link-div .link-href {font-size: 16px; padding: 10px 25px; width: auto; }
.link-div .link-3d {font-size: 16px; padding: 10px 25px; width: auto; }
.home_about_lt .link-div{justify-content: left;}
.home_about_lt .link-div .link-href {font-size: 16px; padding: 10px 25px; width: auto; margin-right:5px; }
.home_about_lt .link-div .link-3d { font-size: 16px; padding: 10px 15px; width: auto; }

/**/
.home_about_lt{position:relative;padding-bottom: 62px;}
.home_about_lt .link-div{position:absolute;left:30px;bottom:0;}
.home_produceline_lt{position:relative;padding-bottom: 62px;}
.home_produceline_lt .link-div{position:absolute;left:0;bottom:0;}
.home_whychooseus_lt{position:relative;padding-bottom: 62px;}
.home_whychooseus_lt .link-div{position:absolute;left:30px;bottom:0;}
.home_partner_lt{position:relative;padding-bottom: 62px;}
.home_partner_lt .link-div{position:absolute;left:0;bottom:0;right:30px}
}
@media(max-width:1100px){
.h2_title { font-size:25px; margin-bottom: 25px; line-height: 1.2;}
.h2_title:after { margin-top: 10px; }
.home_about_lt .h2_title,.home_produceline_lt .h2_title,.home_partner_lt .h2_title,.home_whychooseus_lt .h2_title{ font-size: 25px; line-height: 1.2; margin-bottom: 25px; }
.home_about_lt .h2_title:after { height: 3px; }
.home_about_desc { font-size: 18px; line-height: 1.5; }
/**/
.home_partner_lt{width: calc(100% - 43%);padding-right: 30px;}
.home_partner_rt{width: 43%;}
/**/
#fcontact{width:420px}
#fsubscribe{width:400px}
.fmenu{}
footer{font-size:16px}
.footer_li b{font-size:18px;}
.copyright{font-size:16px}
}
@media(max-width:1000px){
    .home_about_lt{width:50%;padding-bottom: 102px;}
    .home_about_rt{width:50%;}
    .home_about_lt .link-div .link-3d{margin-top:10px}
}
@media(max-width:900px){
.home_procat li:nth-child(1) .catname, .home_procat li:nth-child(2) .catname{font-size:20px}
.home_procat li:nth-child(1) span, .home_procat li:nth-child(2) span{font-size:16px;}
.home_procat .catname{font-size:18px}
.home_procat li h4{margin-bottom:15px}
.home_procat li span{font-size:14px}
/**/
.home_about_lt{position:relative;padding-bottom: 0;}
.home_about_lt .link-div{position:static;left:0;bottom:0;}
.home_produceline_lt{position:relative;padding-bottom: 0;}
.home_produceline_lt .link-div{position:static;left:0;bottom:0;}
.home_whychooseus_lt{position:relative;padding-bottom: 0;}
.home_whychooseus_lt .link-div{position:static;left:0;bottom:0;}
.home_partner_lt{position:relative;padding-bottom: 0;}
.home_partner_lt .link-div{position:static;left:0;bottom:0;right:0}

    .home_about_lt{width:100%;padding-left:0;order: 1;padding-bottom: 0;margin-bottom: 35px;}
    .home_about_rt{width:100%;}
    .home_about_lt .link-div,.home_produceline_lt .link-div,.link-div,.home_whychooseus_lt .link-div,.home_partner_lt .link-div{position:static}
    .home_about_lt .link-div .link-href{margin-right:15px}
    .home_about_lt .link-div .link-3d{margin-top:0px}
    /**/
    .home_produceline_lt{width: 100%;padding-right:0;margin-bottom:35px;}
    .home_produceline_rt{width: 100%;}
        /**/
    .home_whychooseus_lt{width: 100%;padding-left:0;margin-bottom:35px;order:1}
    .home_whychooseus_rt{width: 100%;}
        /**/
    .home_partner_lt{width: 100%;padding-right:0;margin-bottom:35px;}
    .home_partner_rt{width: 100%;}
    .home_about_lt .link-div,.link-div{justify-content:center}
    /**/
    .fmenu{display:none}
    #fcontact{width:320px}
    #fsubscribe{width:400px}
    .double-padding-60{padding-top: 50px;padding-bottom:50px;}
.padding-top-60{padding-top:50px}
.padding-bottom-60{padding-bottom:50px}
.double-margin-60{margin-top:50px;margin-bottom:50px;}
.margin-top-60{margin-top:50px}
.margin-bottom-60{margin-bottom:50px}
}
@media(max-width:800px){
         .home_procat,
   .home_about,
   .home_process,
   .home_produceline,
   .home_whychooseus,
   .home_customer,
   .home_partner{padding-left:25px;padding-right:25px}
    #fcontact{width:100%}
    #fsubscribe{width:100%;text-align:center}
    #fsubscribe b{margin-bottom:10px}
    footer{padding-top:35px;padding-bottom:35px;padding-left:25px;padding-right:25px}
    .header{margin:0 25px}
    .home_about_desc { font-size: 16px; line-height: 1.5; }
    .fa-play{background-size:60px !important;width:60px;height: 60px;}
}
@media(max-width:700px){
  .home_procat li:nth-child(1){width:100%}
  .home_procat li:nth-child(2){width:100%;margin-left:0}
  .home_procat li{width:100%;margin-right:0; margin-bottom: 15px;}
  .home_procat li:nth-child(1) .catname, .home_procat li:nth-child(2) .catname{font-size:18px}
.home_procat li:nth-child(1) h4, .home_procat li:nth-child(2) h4{margin-bottom:15px}
.home_procat li:nth-child(1) span, .home_procat li:nth-child(2) span{font-size:15px;}
.home_procat .catname{font-size:18px}
.home_procat li h4{margin-bottom:15px}
.home_procat li span{font-size:15px}
.home_procat li:last-child{margin-bottom:0}
.home_procat .catname{max-width:100%; max-width: 100%;display: block;text-align: left;width: 100%;}
.home_customer ul{gap:15px;grid-template-columns: repeat(5, 1fr);}
.home_customer ul li:nth-child(19){display:none}
}
@media(max-width:640px){
    .home_about_lt .link-div .link-href{margin-right:0;padding:10px 35px}
    .home_about_lt .link-div .link-3d{margin-top:10px;padding:10px 35px;text-align:center}
    .home_partner_lt .link-div .link-3d{text-align:center}
    .padding-top-60{padding-top:35px}
}
@media(max-width:450px){
    .home_about_lt .link-div .link-href{margin-right:0;padding:10px 35px;width:100%}
    .home_about_lt .link-div .link-3d{margin-top:10px;padding:10px 10px;text-align:center;width:100%}
    .home_whychooseus .link-div .link-3d,.home_produceline_lt .link-div .link-3d{width:100%}
}