abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:rgba(0,0,0,0)}em,h1,h2,h3,h4,h5,h6,i{font-weight:100;font-style:normal}li,ol,ul{list-style-type:none}a{color:#666;outline:0}a,a:hover{text-decoration:none}.clearF:after{content:"";display:block;clear:both}body{font-family:sans-serif,PingFang SC,Arial}img{display:block}

@font-face {
    font-family: "galliard";
    src: url("/public/fonts/galliard.eot"); /* IE9 Compat Modes */
    src: url("/public/fonts/galliard.eot?#iefix") format("embedded-opentype"),     /* IE6-IE8 */ url("/public/fonts/galliard.woff2") format("woff2"),     /* Super Modern Browsers */ url("/public/fonts/galliard.woff") format("woff"),     /* Pretty Modern Browsers */ url("/public/fonts/galliard.ttf") format("truetype"),     /* Safari, Android, iOS */ url("/public/fonts/galliard.svg#svgFontName") format("svg"); /* Legacy iOS */
}
body, .pc-header .nav-list .nav-item, .text-container .title {
    font-family: "galliard";
}
.pc-header .nav-list .nav-item {
    font-size: 16px;
}
.text-container .title {
    font-size: 28px;
}

    @media screen and (max-width:768px){
        .pc-header .nav-list .nav-item{
            font-size: 10px;
        }
    }


    .footer-container .logo img{
        max-height: 100%;
        height:44px;
    }
    .footer-container .top-layout .contact-box .title, .footer-container .top-layout .nav-box .title{
        font-size: 18px;
    }
    .icon-list a{
        display: flex;
        align-items: center;
        font-size: 16px;
        margin-bottom: 10px;
        color:#fff;
    }
    .icon-list a:hover{
        opacity: .5;
    }
    .icon-list a i{
        width:24px;
        display: flex;
        justify-content: center;
        margin-right: 5px;
    }
    .footer-container .top-layout .company-box .cont{
        font-size: 16px;
    }
    .footer-container .top-layout .company-box{
        width:40%;
        margin-right:0;
    }
    @media screen and (max-width:768px){
        .footer-container .top-layout .nav-box a{
            font-size: 12px;
        }
        .footer-container .top-layout .company-box .cont{
            font-size: 13px;
        }
        .footer-container .top-layout .contact-box .title, .footer-container .top-layout .nav-box .title{
            font-size: 16px;
        }
        .footer-container .top-layout .company-box{
            width:100%;
        }
        .footer-container .top-layout .contact-box .cont .icon-list{
            display: flex;
            flex-wrap: wrap;
        }
        .footer-container .top-layout .contact-box .cont .icon-list .icon-item{
            margin-bottom: 10px;
            width:33.3%;
            align-items: center;
        }
        .footer-container .top-layout .contact-box .cont .icon-list .icon-item i{
            align-items: center;
            width: 16px;
        }
    }
      .banner-container{
          position:relative;
          height:240px;
      }
      .banner-container img{
          position:absolute;
          width:100%;
          height: 100%;
          object-fit: cover;
          object-position: center;
      }
      .product-container .title-module .title{
          font-size: 44px;
          margin-bottom: 10px;
      }
      .title-module .desc{
          font-size: 20px;
      }
      @media screen and (max-width:768px){
          .banner-container{
              height: 120px;
          }
      }