html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;font-size: 14px;color: #323232;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
@font-face{font-family:gilroy-e;
src: url('Gilroy-ExtraBoldItalic.ttf') ;}

@font-face{
    font-family:gilroy;
    src: url('Gilroy-Regular.ttf');}
@font-face{
    font-family:gilroy-b;
    src: url('Gilroy-ExtraBold.ttf');}
body{font-family: gilroy!important;}
a{text-decoration: none}
.body-wp{max-width: 1920px;margin: auto}
.main-wp{width: 1184px;margin:auto;}
.main-wp img{max-width:1184px;}
.main-wp .foot4 img{width: 120px}
.header{height: 328px;background-size: auto 100%;background-position: center center;background-repeat: no-repeat}
.nav-bar{height: 67px;line-height: 67px;font-size: 16px;position: relative;z-index: 3}
.nav-bar >*{float: left}
.nav-bar a{color: #fff;}
.nav-bar .logo img{height: 40px;margin-top:20px;margin-right: 100px;}
.nav-bar ul.nav li{display: inline;float: left;position: relative}
.nav-bar ul.nav li .drop-wp{position: absolute;top:50px;left: 0;width:400px; display: none; }
.nav-bar ul.nav li .drop-wp1{
    margin-top:40px;
    background: rgba(255,255,255,0.95);
    box-shadow: 0px 5px 30px 0px rgba(0,0,0,0.2000);
    border-radius: 4px;
    line-height: 40px;
    padding:20px 10px;
    font-size: 14px;
}
.nav-bar ul.nav li:hover .drop-wp{display: block}
.nav-bar ul.nav li .drop-wp .drop-wp2{

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: wrap;
    height: 360px;
}
.nav-bar ul.nav li .drop-wp a{color: #323232;height: 40px;overflow:hidden;width:160px;padding-right: 0;padding-left: 20px}
.nav-bar ul.nav li .drop-wp a.fire{color: #C30D23}
.nav-bar ul.nav li .drop-wp a strong{font-size: 18px;font-family: gilroy-b}
.nav-bar ul.nav li span.arr-w{position: absolute;background: url(img/arr-w.png) no-repeat center center/cover;
display: block;width: 10px;height: 10px;top:28px;left:70px;}

.nav-bar ul.nav li i{display: none}
.nav-bar ul.nav li.fire i{display: block;position: absolute;left:0;bottom:0;height: 5px;background:#C30D23;width: 90%;border-radius: 2px;}
.nav-bar ul.nav li a{width: auto;display: inline-block;text-decoration: none;padding-right: 50px}
/*.nav-bar:after{content: " ";position: absolute;right:0;top:50%;width: 87px;height: 22px;margin-top: -11px;background: url(img/lang.png) no-repeat center center/cover}*/
.nav-bar .rbar{position: absolute;right: 0;top:50%;height: 28px;line-height: 28px;margin-top: -14px;}
.nav-bar .rbar>*{float: left}


.nav-bar .rbar .search-btn{background: rgba(0,0,0,0.7);height: 28px;line-height:28px;border-radius: 4px;color: #fff;padding:0 50px;margin-right: 20px;font-size: 11px}
.nav-bar .rbar .search-btn:before{content: " ";display: inline-block;float:left;height: 28px;width:18px;background: url(img/search.png) no-repeat center center/contain;}
.nav-bar .rbar .lang{color: #fff;}
.nav-bar .rbar .lang:before{content: " ";display: inline-block;float:left;height: 28px;width:18px;background: url(img/usa3.png) no-repeat center center/contain;margin-right: 4px}
.nav-bar .rbar .lang:after{content: " ";display: inline-block;float:right;height: 28px;width:10px;background: url(img/arr-w.png) no-repeat center center/contain;margin-left: 4px}


.banner-title{color: #fff;}
.banner-title1 {padding-top: 72px;font-size: 32px;/*font-weight: bolder;*/font-family: gilroy-e!important;}
.banner-title2 {padding-top: 36px;font-size: 16px;}
.detail-line{background: url(img/detail-line.png) no-repeat center left/62px 36px;height: 43px;margin:20px 0}
.page-detail{line-height: 200%;padding-bottom: 100px;}
.page-detail strong{font-size:120%;line-height: 300%;font-family: gilroy-b}
.w10p{width: 10%;}
.w45p{width: 45%;}
.footer{height: 398px;background: url(img/footer-bg.png) no-repeat center center /cover;position: relative}
.footer .last-bar{border-top:1px solid #75757D;line-height: 60px;height: 60px;text-align: center;
    font-size:14px;color:#ACACAD;position: absolute;left: 0;width: 100%;bottom: 0;
}

.footer .main-wp .foot1-img{width:132px;}
.footer .main-wp .footer-mid{
    display: flex; justify-content: flex-start;
}
.footer .main-wp dl{padding:40px 20px}
.footer .main-wp {display: flex;    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;color: #fff;line-height: 200%}
.footer .main-wp a{color: #fff;}
.footer .main-wp .foot4 a{white-space:nowrap;margin-left: 20px}
.footer .main-wp .foot4 a:first-child{margin-left: 0}
.footer .main-wp dt{font-size: 140%;line-height: 300%;font-family: gilroy-b}
.footer .main-wp .foot1{padding-top: 60px;}
.footer .main-wp .foot2{max-width: 120px}
.footer .main-wp .foot3 dd{}
.footer .main-wp .foot3 span{width: 50px;display: inline-block;}
.footer .main-wp .foot4 .circle-link{    display: flex;
    align-content: space-between;
    flex-direction: row;
    justify-content: space-between;}
.clearfix:after{
    content:"";
    display:block;
    visibility:hidden;
    clear:both;
}
.fl{float: left;display: inline-block}
.fr{float: right;display: inline-block}
.page-channel-main .fl{width: 600px;}
.page-channel-main .fl strong{line-height: 300%;font-size: 140%}
.page-channel-main .fl video{background: #000;max-width: 100%}
.page-channel-main .fr{width: 500px;}
.page-channel-main,.page-channel-swiper{margin-bottom:100px;}
.page-channel-main .page-channel-body img{ max-width: 100%}
.page-channel-swiper{position: relative}
.page-channel-swiper .swiper-button-prev{position: absolute;left: -60px;width: 48px;height: 48px;background:url(img/arr-r.png) #ccc no-repeat center center/32px 32px;border-radius: 48px;top:50%;margin-top: -24px}
.page-channel-swiper .swiper-button-next{position: absolute;right: -60px;width: 48px;height: 48px;background:url(img/arr-l.png) #ccc no-repeat center center/32px 32px;border-radius: 48px;top:50%;margin-top: -24px}
.page-channel-swiper .swiper-slide p{line-height: 20px;height: 20px;
    overflow: hidden;color: #323232}
.page-channel-swiper .swiper-button-disabled{opacity: 0.5}
.page-detail-wp{background: url(img/detail-bg.png) no-repeat top left/146px auto}
.page-goods-cat{width: 960px;margin:-40px auto 100px auto;}
.page-goods-cat >a{width: 436px;height: 428px;margin:22px;background: #fff;box-shadow: 0 0 30px #ddd;}
.page-goods-cat >a img{margin-bottom: 30px; width: 100%}
.page-goods-cat >a p{margin:10px 30px;font-size: 16px;line-height: 24px;color: #323232}
.page-goods-cat >a strong{color:#212121;font-size: 24px;font-family: gilroy-b}

.product-category>.fl{width: 214px}
.product-category>.fl a{display: block;height: 40px;line-height: 40px;margin-bottom: 10px;background: #EEEEEE;color: #323232;border-radius: 4px;
padding:0 10px;
}
.product-category>.fl a.fire{background: #C30D23;color:#fff}
.product-category>.fr{width: 890px;}
.product-category>.fr .count-bar{line-height: 50px;font-size: 28px;background: url(img/category-line.png) no-repeat bottom center/100% 1px;margin-bottom: 20px;
font-family: gilroy-b}
.product-category>.fr .cats-bar a{display: inline-block;height: 42px;line-height: 42px;
    background: #EEEEEE;color: #323232;border-radius: 4px;
    padding:0 10px;word-break: keep-all;margin-right: 5px;margin-bottom: 8px;
}
.product-category>.fr .cats-bar a.fire{background: #C30D23;color:#fff}
.product-category>.fr .goods-list{padding-bottom: 100px;display: block;min-height: 300px}
.product-category>.fr .goods-list .goods-div{display: block;margin-top: 40px;position: relative;padding-left: 130px;height: 104px;overflow: hidden}
.product-category>.fr .goods-list .goods-div .cover{position: absolute;left: 0;top:0;width: 102px;height: 102px;border:1px solid #eee}
.product-category>.fr .goods-list .goods-div .logo{height: 20px;margin-bottom:2px;}
.product-category>.fr .goods-list .goods-div .logo img{height: 100%;float: left}
.product-category>.fr .goods-list .goods-div .logo span{float: left;
    line-height: 20px;font-size: 18px;color: #C30D23;
    position: relative;/*left: -60px;*/
    margin-left: 20px;
font-family: gilroy-b}
.product-category>.fr .goods-list .goods-div.goods-div-big-size .logo{height: 26px}
.product-category>.fr .goods-list .goods-div.goods-div-big-size .title{margin-bottom: 20px}
.product-category>.fr .goods-list .goods-div .title{font-size: 18px;color:#C30D23;line-height: 40px;font-family: gilroy-b;
margin-bottom: 26px}
.product-category>.fr .goods-list .goods-div .title2{font-size: 14px;color:#323232;line-height: 14px;height: 16px;overflow: hidden}
.product-category>.fr .goods-desc{position: relative;font-size: 14px;line-height: 20px;}
.product-category>.fr .goods-desc .xxx{min-height: 400px}
.product-category>.fr .goods-desc .logo,
.product-category>.fr .goods-desc .title,
.product-category>.fr .goods-desc .title2,
.product-category>.fr .goods-desc .title3,
.product-category>.fr .goods-desc .title4{width: 440px;margin-bottom: 30px;}
.product-category>.fr .goods-desc .logo{height: 32px;

}
.product-category>.fr .goods-desc .logo img{height: 100%;float: left}
.product-category>.fr .goods-desc .logo span{
    line-height: 32px;font-size: 18px;color: #C30D23;
    position: relative;/*left: -60px;*/
    margin-left: 20px;
    font-family: gilroy-b
}
.product-category>.fr .goods-desc .title{line-height: 24px;margin-bottom: 20px}
.product-category>.fr .goods-desc .title4{font-family: gilroy-e;color:#C30D23;}

.product-category>.fr .goods-desc .title2 span,
.product-category>.fr .goods-desc .title3 span{display: block;margin-bottom: 20px}
.product-category>.fr .goods-desc .title3 span{/*color:#C30D23;font-family: gilroy-e*/}
.product-category>.fr .goods-desc .title3 p{padding-left: 8px;position: relative;/*color:#C30D23;font-family: gilroy-e*/}
.product-category>.fr .goods-desc .title3 p:before{content: " ";position: absolute;left: 0;top:8px;width: 4px;height: 4px;
background: #C30D23}
.product-category>.fr .goods-desc .body{margin-bottom: 100px}
.product-category>.fr .goods-desc .body img{max-width: 100%;}
.product-category>.fr  .covers .goods-cover-swiper{width: 100%;height: 100%}
.product-category>.fr  .covers .goods-cover-swiper .swiper-slide{position: relative;overflow: hidden;}
.product-category>.fr .covers .goods-cover-swiper .swiper-slide span{display: none;position: absolute;
width: 170px;height: 170px;border-radius: 170px;box-shadow: 0 0 30px #ddd;
margin-top:-85px;margin-left: -85px;
}
.product-category>.fr .covers .goods-cover-swiper .swiper-slide i{
    position: absolute;display: block;left: 0;top: 0;width: 100%;height: 100%;
}
.product-category>.fr .covers {position: absolute;right: 0;top:-140px;width: 420px;height: 490px;box-shadow: 0px 5px 30px 0px rgba(0,0,0,0.2000);background: #fff}
.product-category>.fr  .covers .swiper-pagination{    width: 100%;
    height: 20px;
    bottom: 20px;
    position: absolute;text-align: center;z-index: 33}
.product-category>.fr  .covers .swiper-pagination-bullet{
    width:14px;height: 4px;border-radius:8px;display: inline-block;background: #323232;margin:0 4px;
}
.product-category>.fr  .covers .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #C30D23}
.header.home{height: 724px;background: #fff!important;overflow: hidden}
.home-banner-swiper-wp{height: 724px;background: #fff;position: absolute;top:0;left: 0;width: 100%;}
.home-banner-swiper-dom,.home-banner-swiper{height: 100%;width: 100%}

.home-banner-swiper .swiper-button-prev{display:none;position: absolute;left: 10px;width: 48px;height: 48px;background:url(img/arr-r.png) #ccc no-repeat center center/32px 32px;border-radius: 48px;top:50%;margin-top: -24px;z-index: 3}
.home-banner-swiper .swiper-button-next{display:none;position: absolute;right: 10px;width: 48px;height: 48px;background:url(img/arr-l.png) #ccc no-repeat center center/32px 32px;border-radius: 48px;top:50%;margin-top: -24px;z-index: 3}

.home-banner-swiper:hover .swiper-button-prev,.home-banner-swiper:hover .swiper-button-next{display: block}
.home-banner-swiper .swiper-slide{position: relative;}
.home-banner-swiper .swiper-slide .pcc{position: absolute;left: 0;top:0;width: 100%;height: 100%}
.home-banner-swiper .swiper-slide .mc{position: absolute;left: 0;top:0;width: 100%;height: 100%;display: none}
.home-index{background: url(img/home-bg2.png) no-repeat center center/cover;height: 2552px}
.home-map{height: 727px;}
.home-title{margin: 30px auto;width: 386px;height: 62px;background: url(img/home-title-bg.png) no-repeat center center/contain;
line-height: 62px;text-align: center;font-size: 44px;color: #C30D23;
font-family: gilroy-b}
.home-box{padding-top:100px;}
.home-box-2{margin-top: 70px;margin-bottom: 170px;}
.home-box-2 .fl{width:700px;}
.home-box-2 .fl a{display: inline-block;border-radius:8px;width: auto;padding:0 20px;height: 48px;line-height: 48px;color:#fff;background: #C30D23;font-size: 18px;
margin-top: 60px;}
.home-box-2 .fl .logo{height: 35px;margin-bottom: 30px}
.home-box-2 .fl .title{font-size: 24px;line-height: 30px;margin-bottom: 30px;}
.home-box-2 .fl .title2{font-size: 16px;line-height: 24px;margin-bottom: 30px;}
.home-box-2 .fr .covers{width: 470px;height: 460px;/*box-shadow: 0 0 30px #ddd;border:1px solid #eee;background: #fff*/}
.home-box-3{margin-top: 50px;}
.home-box-3 .fl{width:636px;height: 666px;}
.home-box-3 .fr{width: 400px;}
.home-box-3 .fr .title{font-family: gilroy-b;font-size: 32px;color: #C30D23;margin-bottom: 50px;}
.home-box-3 .fr .title2{line-height: 24px;}
.home-box-3 .fr a{background: url(img/rr.png) no-repeat center center/100% 100%;width: 42px;height: 42px;display: inline-block;margin-top: 50px}
.home-box-4{padding-top: 280px; font-family: PingFangSC-Semibold, PingFang SC;}
.home-box-4 .fl{width: 420px;height: 200px;}
.home-box-4 .fr{width: 656px;position: relative;left: 100px;top:-100px;}
.home-box-4 .fr .cover{width: 656px;height: 468px;}
.home-box-4 .fr .title{margin-top:30px;color: #fff;font-size: 14px;line-height: 20px;height: 80px;overflow: hidden}
.home-box-4 .fl .titlex{color: #fff;font-size: 38px;font-family: gilroy-b;position: relative;line-height: 30px;margin-bottom: 50px;}
.home-box-4 .fl .titlex:before{content: " ";height: 3px;left: 0;top:40px;width:30px;background: #C30D23;display: block;position: absolute}
.home-box-4 .fl .title{width: 420px;padding: 0 10px;background: #C30D23;border-radius: 8px;color: #fff;font-size: 18px;line-height:32px}
.home-box-4 .fl .home-video-line{margin-bottom: 20px;display: block}
.home-box-4 .fl .title2{color: #fff;line-height: 20px;height: 40px;overflow: hidden;margin-top: 5px}

.contact{width:600px;margin:0 auto;line-height: 20px;}
/*
.contact .fl,.contact .fr{width: 280px;margin-bottom: 20px;}

.contact  textarea,.contact input{border-radius: 4px;
    border:1px solid #C30D23;padding:0 10px;height: 30px;line-height: 28px;width: 260px;
}
*/

.contact .fl,.contact .fr{width: 100%;margin-bottom: 20px;}
.contact .fl2{width: 100%;}
.contact  textarea,.contact input{border-radius: 4px;
    border:1px solid #C30D23;padding:0 10px;height: 30px;line-height: 28px;width: 578px;
}
.contact  textarea{width: 578px;height: 200px}
.contact .submit{background: #C30D23;color: #fff;border: 1px solid #C30D23;width: 100px;height: 40px;line-height: 38px;float: right;border-radius: 4px;}
.contact-rr {width: 500px}
.contact-rr a{color: #323232}
.contact-rr strong{line-height: 100%;padding-top:2em;    display: block;color:#C30D23
}
.contact-bottom{margin:40px auto;text-align: center}
.search-list a{color: #323232}
.search-list i{color: #C30D23}
.search-bar{margin-bottom: 100px;margin-left: 360px}
.search-bar input{width:300px;height: 40px;line-height: 38px;border: 1px solid #C30D23;padding:0 10px;font-size: 14px;border-radius: 4px;float: left;margin-right: 40px;}
.search-bar button{background: #C30D23;color: #fff;border: 1px solid #C30D23;width: 100px;height: 40px;line-height: 38px;border-radius: 4px;
    float: left;}
.mobile-nav{display: none}
.mobile-show{display: none}
@media screen and (max-width: 750px){
    .mobile-hide{display: none}
    .mobile-show{display: block}
    .body-wp,.main-wp{width: 100%}
    .header{height: 558px!important;background: #fff!important;}
    .home-banner-swiper-wp{height: 508px;background: #fff;position: absolute;top:50px;left: 0;width: 100%;}
    .home-banner-swiper .swiper-slide .pcc{display: none}
    .home-banner-swiper .swiper-slide .mc{display: block}
    .nav-bar{height: 50px;position: fixed;
        top: 0;
        left: 0;
        background: #fff;box-shadow: 0 0 10px #d9d9d9;}
    .home-banner-swiper:hover .swiper-button-prev, .home-banner-swiper:hover .swiper-button-next{display:none}
    .nav-bar .logo{position:absolute;top:0;left: 50%;transform: translateX(-50%)}
    .nav-bar .logo img{margin-right: 0;margin-top: 8px;transform: scale(0.8)}
    .rbar .lang{display: none}
    .nav-bar .rbar .search-btn{width: 20px;
        overflow: hidden;background: #fff;}
    .nav-bar .rbar .search-btn:before{background-image: url(img/search2.png)}
    .mobile-nav{width: 30px;height: 28px;position: absolute;top:50%;left: 20px;margin-top: -14px;display: inline-block;
    background: url(img/menu-m.png) no-repeat center center/cover}
    ul.nav{    display: none;

        background: rgba(255,255,255,0.9);
        top: 50px;
        position: absolute;
        left: 0;
        width: 80%;
        padding: 20px 10%;
    }
    .nav-bar ul.nav li,.nav-bar ul.nav li a{display: block;width: 100%;color: #323232}
    .nav-bar ul.nav li span.arr-w,
    .nav-bar ul.nav li:hover span.arr-w,
    .nav-bar ul.nav li:hover .drop-wp{display: none;}
    .home-box{padding-top: 20px}
    .home-index{background: none;height: auto}
    .home-title{width: 80%;
        background-size: 100% auto;font-size: 32px}
    .home-box-2{margin-bottom: 60px}
    .home-box-2 .fl{width: auto;padding: 0 36px;float: none;display: block}
    .home-box-2 .fl .logo{display: none}
    .home-box-2{padding-top: 0;margin-top: 0}
    .home-box-2 .fl a{margin-top: 0;line-height: 40px;height: 40px}

    .home-box-2 .fr{width: auto;padding: 0 36px;float: none;display: block;margin-top: 40px}
    .home-box-2 .fr .covers{width: auto;height: 300px;background-size: contain;}
    .home-box-3{margin-top: 0}
    .home-box-3 .fl,.home-box-3 .fr{display: block;float: none}
    .home-box-3 .fl{width: 95%;height: 400px;background-size: contain!important;}
    .home-box3-wp{background: #f6f6f6;padding: 20px 0;}
    .home-box-3 .fr{padding: 20px 36px;width: auto}
    .home-box-3 .fr .title{margin-bottom: 20px}
    .home-box-3 .fr a{margin-top: 20px}
    .home-box-4{padding-top: 40px;
        position: relative}

    .home-box-4 .fl,.home-box-4 .fr{display: block;float: none;width: auto;padding:0 36px;height: auto}
    .home-box-4 .fl .titlex{color: #C30D23;margin-bottom: 460px;font-size: 32px}
    .home-box-4 .fl .titlex:before{display: none}
    .home-box-4 .fr{position: absolute;height: 400px;background: #C30D23;top:100px;left: 0;width: auto}
    .home-box-4 .fr .cover{width: auto;height: 220px;margin-top: 40px;}
    .home-box-4 .fl .title2{color: #323232;width: auto}
    .home-box-4 .fl .title{width: auto;margin-bottom: 10px;}
    .home-map{height: 180px;}
    .footer .main-wp{    flex-direction: column;}
    .footer{height: auto;padding-bottom: 60px;margin-top: 60px;}
    .footer .main-wp .foot1{order: 4;word-break: break-word;padding:20px 36px}
    .footer .main-wp .foot2{order: 3;word-break: break-word;padding:0 36px}
    .footer .main-wp .foot3{order: 1;word-break: break-word;padding:0 36px}
    .footer .main-wp .foot4{order: 2;word-break: break-word;padding:0 36px}
    .footer .main-wp .foot1,.footer .main-wp .foot2,
    .footer .main-wp .foot3,.footer .main-wp .foot4{margin-bottom: 20px;}
    .footer .last-bar{font-size: 12px;height: 59px}
    .header.nohome{height: 50px!important;}
    .banner-title{display: none}
    .detail-line{display: none}
    .page-detail{padding-bottom: 40px}
    .page-detail strong{text-align: center;display: block}
    .page-detail p{padding:10px 36px;}
    .page-detail .w45p{width: auto;float: none;display: block;padding: 10px 36px;}
    .page-detail .w45p span{font-weight: bolder}
    .page-detail-wp{background: none}
    .mobile-footer-bar{
        background: url(img/mobile-footer-btn.png) no-repeat center center/100% 100%;
        width: 70%;height: 40px;position: absolute;
        top:-60px;left: 50%;transform: translateX(-50%);
    }
    .mobile-footer-bar a{width: 33%;display: inline-block;float: left;height: 100%;}
    .footer.home .mobile-footer-bar{display: none}
    .footer .last-bar{background:#494951;color: #ACACAD}
    .footer.nohome .main-wp{display: none}
    .contact{width: auto;padding:40px 36px}
    .contact .fl,.contact .fr{display: block;width: 100%}
    .contact textarea, .contact input{width: 100%;display: block;box-sizing: border-box;}
    .page-channel-main .fl,.page-channel-main .fr{
        display: block;float: none;width: auto;padding:20px 36px
    }
    .page-channel-main .fl{padding:20px 12px;}
    .page-channel-main .fl{overflow: hidden}
    .page-channel-main{margin-bottom: 10px;}
    .page-channel-main .fl iframe{max-width: 100%;max-height: 200px}
    .page-goods-cat{width: auto;
        margin: -40px auto 200px auto;}
    .page-goods-cat >a {width: 44%;height: 180px;margin:40px 3% 0 3%}
    .page-goods-cat >a img{margin-bottom: 10px}
    .page-goods-cat >a p{margin: 10px;line-height: 14px;font-size: 12px }
    .page-goods-cat >a strong{font-size: 16px}
    .product-mobile-menu{position: relative}
    .product-mobile-menu-btn{height: 40px;line-height:40px;background:#C30D23;color: #fff;padding:0 36px;display: block; font-size: 16px;font-family: gilroy-b;}
    .product-mobile-menu-btn:after { content:" ";background: url(img/arr-w.png) no-repeat center center/100% auto;
        display: inline-block;width: 16px;height: 100%;float: right;
    }
    .product-mobile-menu-drop{position:fixed;bottom:-20px;left: 0;width: 100%;background: rgba(255,255,255,0.98);font-size: 14px;
    padding:0 0 20px 0;border-radius: 20px;box-shadow: 0 0 10px #d9d9d9;z-index: 999;display: none}
    .product-mobile-menu-drop .ctitle{height: 60px;line-height: 60px;text-align: center;font-size: 16px;font-family: gilroy-b;}
    .product-mobile-menu-drop a{height: 40px;line-height: 40px;border-bottom: 1px solid #cccccc;display: block;color: #323232;padding:0 96px;position: relative}
    .product-mobile-menu-drop a.fire{background: #f1f1f1}
    .product-mobile-menu-drop a strong{color: #000;font-size: 16px;font-family: gilroy-b;}
    .product-mobile-menu-drop a.cc2:after{content: " ";width:16px;height: 16px;background: url(img/arr9e.png) no-repeat center center /cover;
        right: 60px;top:50%;transform: translateY(-50%);position: absolute;display:block;
    }
    .product-mobile-menu-drop a.cc1:after{content: " ";width: 4px;height: 4px;background: #000;border-radius: 4px;
    position: absolute;left: 80px;top:50%;transform:translateY(-50%);display: block}
    .product-category>.fl,.product-category>.fr .count-bar,.cats-bar{display: none}
    .product-category>.fr{display: block;float: none;width: auto;padding:40px 36px;}
    .product-category>.fr .goods-list .goods-div{height: auto;padding-left: 0;border-bottom: 1px solid #ccc;
    padding-bottom:20px;margin-top:20px;}
    .product-category>.fr .goods-list .goods-div .cover{width: 84px;height: 84px;}
    .product-category>.fr .goods-list .goods-div .logo{margin-left: 94px;margin-bottom: 20px}
    .product-category>.fr .goods-list .goods-div .title{padding-left: 94px;font-size: 16px;line-height: 25px;
    min-height: 50px;font-family: gilroy-b}
    .product-category>.fr .covers{top:0;left:0;width: 90px;height: 90px;}
    .product-category>.fr .goods-desc .logo{margin-left:100px;height: 28px;margin-bottom: 10px}
    .product-category>.fr .goods-desc .title{margin-left: 100px;width: 100%}
    .product-category>.fr .covers .swiper-pagination-bullet{width: 4px}

    .product-category>.fr .goods-desc .title,
    .product-category>.fr .goods-desc .title2,
    .product-category>.fr .goods-desc .title3{width: auto}
    .search-bar{margin:40px 36px;}
    .search-bar input {
        width: 140px;margin-right: 10px;
        }
     .page-detail .search-list strong{text-align: left;line-height: 150%;font-size: 120%}
    .page-detail .search-list p{padding:0 36px}
    .page-detail .search-list a{margin-bottom: 20px;display: block}
    .contact-rr{width: 100%}
    .contact-rr strong{text-align: left;line-height: 200%;margin-top: 20px}
    .contact-rr p{padding:10px;
        word-break: break-all; }
}