@charset "utf-8";

/* CSS Document */

.m-menubtn{position: fixed;z-index: 102;top:0;right: 0;width:60px;height:50px;cursor: pointer;-webkit-transition:.5s;transition:.5s; display:none}
.m-menubtn span{position: absolute;top:0;bottom: 0;left: 0; right: 0; width:20px;height:2px; background: #333; margin: auto;}
.m-menubtn span:before, .m-menubtn span:after {content: "";width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;right: 0;margin: auto; background-color: #333;}
.m-menubtn span:before {bottom: 5px;}
.m-menubtn span:after {bottom: -5px;}
.m-menubtn span, .m-menubtn span:before, .m-menubtn span:after{-webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);-moz-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);-o-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);}
/*.m-menubtn:before {content: "Menu";font-size: 12px;position: absolute;bottom: 10px; left: 0; right: 0; margin: auto;text-align: center; color:#fff}
*/
.m-menu{position:fixed; right:0;top:0; width:100%; height:100%;overflow-x:hidden;z-index:400; visibility:hidden}
.m-menu .m-menubg{width:100%; height:100%; position:absolute; left:0;top:0; background:rgba(0,0,0,.25); z-index:1; opacity:0; -moz-transition:.4s;-webkit-transition:.4s;transition:.4s}
.m-menu .m-menu-con{ position:relative; width:300px; height:100%;padding-bottom:30px;overflow-y:auto;overflow-x:hidden; background:#242424;left:-100%;-webkit-transition:.4s;
    -moz-transition:.4s;
    -ms-transition:.4s;
    -o-transition:.4s;
    transition:.4s; z-index:2}
.m-menulist li{ position: relative;border-bottom: 1px solid rgba(255,255,255,.15);}
.m-menulist li>a{ font-size:18px;line-height:45px; padding:0 20px; position:relative}
.m-menulist li>i{ position:absolute; width:50px; height:46px; right:0;top:0;}
.m-menulist li>i:before{ content:""; width:16px; height:2px; background:#c2c2c2; position:absolute; left:12px;top:21px;}
.m-menulist li>i:after{ content:""; width:2px; height:16px; background:#c2c2c2; position:absolute; left:19px;top:14px;}
.m-menulist li.on i:after{ -moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg); opacity:0}

.m-menulist a{ display:block; color:#fff;}
.m-menulist .sub{ display:none; background:#df1e25; padding:10px 0}
.m-menulist .sub a{color:#fff; line-height:26px;font-size:15px; padding:0 20px; position:relative}
.m-menulist li.fir{ display:flex; display:-webkit-flex; align-items:center; justify-content:space-between; padding:15px 0}
.m-menulist li.fir .mlogo{ height:60px;display:flex; display:-webkit-flex; align-items:center;}
.mlogo img{ height:45px;}
.m-menulist li.fir .closed{width:30px; height:30px; position: relative;cursor:pointer;margin-right: 20px;}
.m-menulist li.fir .closed:after{ content:""; width:2px; height:30px; background:#666; position:absolute; left:15px;top:0; -moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.m-menulist li.fir .closed:before{ content:""; width:2px; height:30px; background:#666; position:absolute; left:15px;top:0; -moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}

.m-menu.active{ visibility:visible}
.m-menu.active .m-menubg{ opacity:1}
.m-menu.active .m-menu-con{ left:0}

.m-footer{color:#fff; position:fixed; width:100%; left:0;bottom:0; display:none; z-index:99;background: #0f0f0f; font-size:12px}
.m-footer li{ float:left; width:33.33%; text-align:center}
.m-footer a{ display:block; line-height:20px;color:#fff; padding-bottom:5px}
.m-footer i{display:block;height:35px;}
.m-footer .home i{ background:url(../images/fl-ico6.png) no-repeat center bottom 3px;}
.m-footer .mes i{ background:url(../images/fl-ico1.png) no-repeat center bottom 2px;}
.m-footer .tel i{ background:url(../images/fl-ico2.png) no-repeat center bottom 3px; background-size:21px}
.m-footer .cart i{ background:url(../images/fl-ico7.png) no-repeat center bottom 2px;}
.m-footer span{ display:block;}


.inner-nav-m{ display:none; position:absolute;right:0;top:0;width:100%;z-index:9}
.inner-nav-m .tit{font-size:16px; line-height:40px; height:45px; white-space:nowrap; text-overflow:ellipsis; padding-right:20px; color:#333; float:right;position:relative;}
.inner-nav-m .tit:after{ content:""; width:6px; height:6px; border-top:1px solid #333; border-right:1px solid #333; -moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg); display:block; position:absolute;right:5px;top:16px}
.inner-nav-m .sub{position:absolute;top:45px; width:100%;left:0; background:#093580; display:none; }
.inner-nav-m .sub a{ display:block; border-bottom:1px solid rgba(255,255,255,.2); background:#093580; line-height:20px;color:#fff; padding:8px 10px}
.inner-nav-m .sub a:hover{ background:#f4ce1a;}

.i-mnavBox{ display:none;position:relative}
.i-mnavBox .ys{ background:#faf9f8;background: -webkit-linear-gradient(#faf9f8 , #fef4e0);
    background: -o-linear-gradient(#faf9f8, #fef4e0);
    background: -moz-linear-gradient(#faf9f8, #fef4e0);
    background: linear-gradient(#faf9f8 , #fef4e0);}
.i-mnavBox .ys ul{ display:flex; display:-webkit-flex;}
.i-mnavBox .ys li{ width:33.33%; padding:10px 20px; position:relative; font-size:16px; text-align:center}
.i-mnavBox .ys li:after{ content:""; width:1px; height:30px; background:#e8e8e8; position:absolute; right:0;top:50%; margin-top:-15px;}
.i-mnavBox .ys .num{color:#e50012; font-weight:bold}
.i-mnavBox .q-nav{background: url(../images/bg1.jpg) no-repeat center;background-size: cover; padding:20px}
.i-mnavBox .q-nav ul{display:flex; display:-webkit-flex; flex-wrap:wrap; justify-content:space-between;}
.i-mnavBox .q-nav li{ width:32.33%; margin-bottom:2%}
.i-mnavBox .q-nav li:nth-child(4),.i-mnavBox .q-nav li:nth-child(5),.i-mnavBox .q-nav li:nth-child(6){ margin-bottom:0}
.i-mnavBox .q-nav a{ display:block; text-align:center;font-size: 18px;line-height: 45px; border:2px solid #e50012; border-radius:8px; background:#fff;color:#231815; white-space:nowrap; overflow:hidden}

.i-product-tjlist-m{ display:flex; display:-webkit-flex; justify-content:space-between;}
.i-product-tjlist-m .item{ border-radius:15px; overflow:hidden;width: 24%;}
.i-product-tjlist-m .txt{ padding:20px; padding-top:0; width:100%;background: #f7b52c;}

.i-product-tjlist-m .txt h3.mtit{ display:block; color:#231815; text-align:center; white-space:nowrap; overflow:hidden; border-bottom:1px dashed rgba(0,0,0,.1); font-size:20px; padding-bottom:5px; margin-bottom:15px}
.i-product-tjlist-m .txt .intro{ display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden; color:#231815;font-size:14px; height:40px; line-height:20px;font-weight: 300;}
.i-product-tjlist-m .txt .tit{color: #231815;text-align: center;margin: 5px 0;font-size: 16px;}
.i-product-tjlist-m .txt .tjguige{ display:flex; display:-webkit-felx;justify-content:center;font-size: 14px;}
.i-product-tjlist-m .txt .tjguige li{ padding:0; width:auto; position:relative}
.i-product-tjlist-m .txt .tjguige li:after{ content:""; width:1px; height:10px; background:#231815; position:absolute; right:0;top:7px}
.i-product-tjlist-m .txt .tjguige li:last-child::after{ display:none}
.i-product-tjlist-m .txt .tjguige li:first-child{ border:0}
.i-product-tjlist-m .txt .tjguige .xingh{ display:none}
.i-product-tjlist-m .txt .tjguige .jiage{ width:100%; text-align:center; padding:0 5px;color:#231815}
.i-product-tjlist-m .txt .tjguige .jiage span{ font-size:16px; font-weight:bold}
.i-product-tjlist-m .pic{ width:100%;position: relative; height:auto}
.i-product-tjlist-m .pic img{width:100%; display:block}

.m-product{ display:none}
.m-product-list ul{ display:flex; display:-webkit-flex; flex-wrap:wrap;align-items:flex-start; margin-right:-2%}
.m-product-list li{ width:31.33%; margin-bottom:2%; margin-right:2%; background:#fff; box-shadow:0 2px 5px rgba(0,0,0,.15); border-radius:8px; overflow:hidden}
.m-product-list .pic{ overflow:hidden}
.m-product-list .pic img{ display:block; width:100%}
.m-product-list .txt{text-align:center; padding:10px 30px 30px; color:#666}
.m-product-list .tit{ font-size:20px; color:#e50012}
.m-product-list .tit span{ margin:0 3px}
.m-product-list .guige{border-top: 1px dashed #ddd;font-size: 15px; padding-top:10px; margin-top:10px; margin-bottom:20px}
.m-product-list .bot{ display:flex; display:-webkit-flex;}
.m-product-list .bot span{ width:50%; line-height:45px; height:45px}
.m-product-list .bot .cx{ background:#fff; color:#231815; border:1px solid #333; border-right:0;border-top-left-radius:5px; border-bottom-left-radius:5px}
.m-product-list .bot .more{background: #e50012; color:#fff; border-top-right-radius:5px; border-bottom-right-radius:5px}
.m-product-list .bot .cx i{ font-style:normal; font-weight:bold; font-size:18px}

@media screen and (max-width:1500px){.header .wrap{ width:94%;}.menu>ul>li{ font-size:17px;margin: 0 13px;}.head-r .tel a{ font-size:22px}}
@media screen and (max-width:1300px){
.wrap, .header .wrap{ width:100%; padding:0 50px}
.head-r .tel{ display:none}
.menu>ul>li{ margin:0 10px}
.header, .headHeight, .logo{ height:80px}
.logo img{ height:50px}
.menu>ul>li>a{ line-height:80px}
.advantage{ width:calc(100% - 100px)}
.title{ font-size:32px}
.ltitle{ font-size:16px}
.ltitle span{ width:35px; height:35px; line-height:33px}
.i-product-hostlist .txt h3{ font-size:20px}
.i-product-hostlist .txt .guige{ font-size:18px}
.i-product-hostlist .txt .bot .price1{ font-size:14px}
.i-product-hostlist .txt .bot .price2{ font-size:45px}
.i-productCon .tabcon .txt h3{ font-size:20px}
.i-product-tjlist .tabs a{ font-size:24px}
.i-product-hot.space{ padding-top:160px}
#tabs-container .txt .tjguige li{ padding:15px}
.f-nav li{ margin-right:60px}
.f-ewm{ margin-left:60px}
.contact-top .pic{ width:60%}
.contact-top .pic img{ display:block; width:100%}
.contact-top .txt{ width:40%; padding-left:5%}
.contact-list .toptit{ font-size:30px;line-height: 35px;}
.contact-list .tel{ line-height:35px; margin:10px 0}
.contact-list .tab a{ line-height:50px}
.probannerBox .dzx-infor{ left:auto; margin-left:0;right:50px;}
}
@media screen and (max-width:1024px){

.wrap, .header .wrap{ width:100%; padding:0 20px}
.menu{ display:none}
.header, .headHeight, .logo{ height:50px}
.logo img{ height:40px}
.advantage{width: calc(100% - 40px);}
.m-menubtn, .head-r .tel{ display:block}
.head-r .tel{padding-top:2px;margin-left:0; margin-right:60px}
.head-r .tel a{ font-size:20px; line-height:18px; }
.i-product-hot{ display:none}
.space{ padding:45px 0}
.banner .swiper-button-prev span, .banner .swiper-button-next span{ display:none}
.banner .swiper-pagination{bottom:3%}
.banner.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 3px}
.banner .swiper-pagination-bullet{ width:6px; height:6px; border-radius:50%}
.banner a{ display:block; position:relative; padding-top:30rem; overflow:hidden}
.banner a img{ display:block; width:100%;height: 100%; position:absolute; left:0;top:0;right:0;bottom:0; object-fit:cover}
.i-mnavBox{ display:block}
.title{ font-size:26px;line-height: 30px;margin-bottom: 10px;}
.ltitle{ font-size:14px}
.ltitle span{width: 30px;height:30px;line-height:28px;}
.titleBox{ margin-bottom:20px}

.i-productCon .tab{ width:auto; background:none;}
.i-productCon .tab li{width: 120px; line-height:38px; overflow:hidden}
.i-productCon .tab .li1{ border:1px solid rgba(255,255,255,.6); border-right:0; border-top-left-radius:20px; border-bottom-left-radius:20px;}
.i-productCon .tab .li2{ border:1px solid rgba(255,255,255,.6); border-left:0; border-top-right-radius:20px; border-bottom-right-radius:20px;}
.i-productCon .tab li.cur{ background:#e50012 !important;}
.i-productCon .tab .li1.cur{border:1px solid #e50012; border-right:0;}
.i-productCon .tab .li2.cur{border:1px solid #e50012; border-left:0;}
.i-productCon .tabcon{ margin-top:20px; height:auto}
.i-productCon .tabcon .item{ display:none;top:0; position:relative}
.i-productCon .tabcon .item.cur{ display:block}
.i-productCon .tabcon .txt{ padding:20px}
.i-productCon .tabcon .txt h3{ font-size:18px;line-height: 30px;}
.i-productCon .tabcon .txt h3.tit{ display:none}
.i-productCon .tabcon .txt h3.m-tit{ display:inline-block}
.i-productCon .tabcon .list-x{justify-content: flex-start; margin-right:-2%}
.i-productCon .tabcon .list-x a{ width:31.33%; margin-right:2%; margin-bottom:2%; padding:0; border:1px solid #e8e8e8; font-size:14px;line-height: 26px;}
.i-productCon .tabcon .list-x a:after{ display:none}
.i-productCon .tabcon .info .jiage{ font-size:18px}
.i-productCon .tabcon .list .info{ display:none !important}

.i-product-tj{ display:none}
.i-product-tj-m{ display:block}

.i-newslist .txt{ padding:20px}
.i-newslist .right li{ padding:20px 0}



.flogo, .f-nav{ display:none}
.footer{ padding:25px 0;padding-bottom:85px;}
.footer .top li{ height:60px}
.footer .mid{ margin:25px 0}
.footer .mid>*{ float:none; text-align:center}
.footer .mid .tel{ margin-top:0}
.footer .mid .tel span{justify-content: center;}
.f-ewm{ margin:0; float:none}
.f-ewm img{ margin:10px auto 3px}
.footer .bot{ font-size:12px; line-height:20px}
.flink a:after{ height:10px;top:6px}
.float_kf{ display:none}
.m-footer{ display:block}
#newBridge{ display:none !important}

.main{ padding:45px 0}
.main-news-xq{ padding:45px 0 !important}
.main .title{ margin-bottom:20px}
.main-news{background: #faf9f8;
    background: -webkit-linear-gradient(#faf9f8 , #fef4e0);
    background: -o-linear-gradient(#faf9f8, #fef4e0);
    background: -moz-linear-gradient(#faf9f8, #fef4e0);
    background: linear-gradient(#faf9f8 , #fef4e0);}
.main-news .title{color:#231815}

.content-news{ background:none; padding:0}
.inner-nav li{background:none; width:120px; line-height:34px; height:auto; border:1px solid #333; border-radius:25px}
.inner-nav li.cur, .inner-nav li:hover{ background:#e50012; border:1px solid #e50012 }
.inner-nav li a{color:#231815}
.news-list .txt{ padding-right:120px}
.news-list .txt h3{ font-size:20px}
.news-list .txt .time .day{ font-size:40px; line-height:40px}
.news-list .txt .intro{ min-height:inherit;margin: 10px 0 15px;}
.newstit{ font-size:26px;}
.newstm{ margin-bottom:20px}

.newsRelated{ margin-top:80px}

.main-tuang{background: #111 url(../images/bowen2.png) repeat-x top 20px left;background-size: auto 15px; padding-top:80px !important;}
.product-list-2 li{ margin-bottom:25px}
.culture .txt{ padding:3%}
.culture .txt .ltit{ font-size:20px}
.culture .txt .intro{ font-size:16px;line-height: 20px;}

.contact-top .txt h3{ font-size:20px;line-height: 30px;}
.contact-list .toptit{ font-size:26px; line-height:30px}
.contact-list .tel{ font-size:22px; line-height:30px}
#allmap, #allmap2{ height:400px}
.contact-list .storeCon .txt .wxcon, .contact-list .storeCon .txt .wx img{ width:150px}
.contact-list .storeCon .txt .wx p{ font-size:12px; line-height:20px}


.product-list h3{ font-size:26px; margin-bottom: 20px;}
.product-list{ display:none}
.m-product{ display:block;}
.probanner{ height:480px}
.probanner a{ padding-top:0 !important}
.probanner a img{ margin-left:0}
.probannerBox .dzx-infor{ right:20px;top:120px;height:240px; font-size:14px}
.probannerBox .dzx-infor .icon{ margin-top:-40px}
.probannerBox .dzx-infor .icon img{ height:80px}
.probannerBox .dzx-infor .con{ padding:0 25px}
.probannerBox .dzx-infor h5{ font-size:14px}
.probannerBox .dzx-infor h4{ font-size:20px}
.probannerBox .dzx-infor .guige{ font-size:14px}
.probannerBox .dzx-infor .xianjia{margin-top:0;}
.probannerBox .dzx-infor .xianjia span{ font-size:20px}
.probannerBox .dzx-infor .wxsm img{ width:150px; margin:0 auto}
.probannerBox .dzx-infor .wxsm{ display:none}
.shouhou-list1>h3, .shouhou-list2>h3{ font-size:20px}
.shouhou-list1 ul{flex-wrap:wrap}
.shouhou-list1 li{ width:100%; margin-bottom:2%}
.shouhou-list2 li:after{ width:8px; height:8px;margin-left:-4px;bottom:-4px;}
.i-productCon .tabcon li, .i-product-tjlist-m .item, .i-newslist ul, .footer .top, .probannerBox .dzx-infor{ border-radius:8px}
}
@media screen and (max-width:768px){
body{ font-size:14px}
.banner a{ padding-top:24rem}
.space, .main{ padding:30px 0}
.main-news-xq{ padding:30px 0 !important}
.head-r .tel a, .footer .mid .tel a, .contact-list .tel a, .contact-list .storeCon .txt .intro p a{ pointer-events:auto}
.footer .top li{ padding:0 5px}
.footer .top li img{ margin-right:5px}
.i-news{background: #f3f7f6;}
.i-newslist{ flex-wrap:wrap;}
.i-newslist ul.left, .i-newslist ul.mid{ width:49%}
.i-newslist .right{ width:100%; margin-top:2%}
.i-newslist h3{ font-size:18px;margin-bottom: 10px;}
.i-newslist .intro{-webkit-line-clamp:2;margin-bottom: 10px;}
.i-newslist .right{ padding:10px 20px}
.i-newslist .right li{ padding:10px 0}


.i-productCon .tabcon .list-x a{ width:48%}
.i-product-tjlist-m{ flex-wrap:wrap}
.i-product-tjlist-m .item{ width:49%; margin-bottom:2%}
.i-product-tjlist-m .txt h3.mtit{ font-size:18px;margin-bottom: 10px;}

.main .content, .news-article{ line-height:28px; font-size:14px;}
.news-list li{ margin-bottom:25px; padding-bottom:25px; border-bottom:1px solid #ddd}
.news-list li:after{ display:none}
.news-list .txt .time{ display:none}
.news-list .txt .time2{ display:block}
.news-list .txt{ padding-right:0}
.news-list .txt h3{ font-size:18px;line-height: 20px; margin-bottom:3px}
.news-list .txt .intro{ line-height:20px;margin: 5px 0 10px;}
.news-list .more{line-height: 24px;font-size: 12px;padding: 0 15px;}
.newstit{ font-size:20px; line-height:26px}
.newstm{ font-size:12px}
.newsRelated{ margin-top:45px}
.newsRelated .swiper-container{ padding-bottom:30px;}
.newsRelated .swiper-pagination{ display:block}
.page_2{ margin-top:25px}
.page_2 P{ width:100%;line-height: 24px;}
.page_2 .more{ position:relative;display: block;top:auto; left:auto; margin:10px auto 0;width: 100px; line-height:30px}

.culture .txt .intro, .main .content-contact{ font-size:14px}
.contact-top{ flex-wrap:wrap}
.contact-top .pic{ width:100%}
.contact-top .txt{ padding-left:0; width:100%}
.contact-top .txt h3{ font-size:18px;line-height: 20px;}
.contact-top .txt li{ margin-bottom:20px}
.contact-list{ margin-top:25px; padding-top:25px}
.contact-list .tab a{ font-size:18px; line-height:40px}
.contact-list .storeCon{ padding:20px}
#allmap, #allmap2{ height:300px}

.m-product-list li{ width:48%;margin-bottom: 3%;}
.m-product-list .txt{ padding:0 20px 30px}
.m-product-list .tit{ font-size:18px}
.m-product-list .guige{ font-size:14px;padding-top: 5px;margin-top: 5px;margin-bottom: 10px;}
.m-product-list .bot span{ line-height:35px; height:35px; font-size:14px}

.shouhou-list1, .shouhou-list2{ margin-bottom:3%}
.shouhou-list1>h3, .shouhou-list2>h3{ font-size:18px; margin-bottom:10px}
.shouhou-list1 .pic{ width:40%}
.shouhou-list1 .pic img{ display:block; width:100%}
.shouhou-list1 .txt{ width:60%; padding-top:0; padding-left:3%}
.shouhou-list2 li{ font-size:14px}
.probannerBox .dzx-infor{width:100%;height:50px;top:auto;right:0; position:relative; background:#e50012;border-radius:0}
.probannerBox .dzx-infor .con{ padding:0 0; color:#fff; display:flex; display:-webkit-flex;align-items: center;height: 100%;}
.probannerBox .dzx-infor .icon{ margin-top:-30px; display:none}
.probannerBox .dzx-infor .icon img{ height:60px}
.probannerBox .dzx-infor h4{ font-size:18px; margin:0}
.probannerBox .dzx-infor h5{ display:none}
.probannerBox .dzx-infor .guige{ border:0; padding:0}
.probannerBox .dzx-infor h4, .probannerBox .dzx-infor .guige, .probannerBox .dzx-infor .xianjia{ width:33.33%; height:100%;display:flex; display:-webkit-flex;align-items: center;justify-content:center; position:relative; padding:0}
.probannerBox .dzx-infor .guige{ flex-wrap:wrap;align-content: center;}
.probannerBox .dzx-infor .guige p{ width:100%}
.probannerBox .dzx-infor h4:after, .probannerBox .dzx-infor .guige:after{ content:""; width:1px; height:25px; position:absolute; right:0;top:12.5px; border-right:1px dotted rgba(255,255,255,.6)}
.probanner{ height:380px}
.probanner a img{ width:125%}
.dzx-tabnav li{ font-size:18px}
.dzx-tabcon .item a{ font-size:14px; line-height:35px}
}
@media screen and (max-width:640px){
.banner a {padding-top: 20rem;}
.i-mnavBox .q-nav a{ line-height:40px}
.footer .top{ background:none}
.footer .top ul{ display:flex; display:-webkit-flex; flex-wrap:wrap; justify-content:space-between}
.footer .top ul:after{ display:none}
.footer .top li{ width:49.5%; border-radius:5px; background:#fff; margin-bottom:1%}
.footer .top li:after{ display:none}
.footer .mid{margin: 15px 0;}
.f-ewm{ font-size:12px}

.i-productCon .tab li{font-size: 14px; height:auto; line-height:32px; width:100px}
.i-productCon .tabcon .txt h3{ font-size:16px;line-height:20px;}
.i-productCon .tabcon .txt h3 a{ padding:3px 10px}
.inner-nav li{ width:100px; line-height:30px;margin: 0 2px;}
.inner-nav li a{ font-size:14px}
.news-list .pic{ width:35%}
.news-list .txt{ width:62%}
.contact-list .tab a{ width:50%; border-left:0}
.contact-list .tab a:last-child{ border-right:0}
.contact-list .storeCon .txt{ flex-wrap:wrap; margin-bottom:20px}
.contact-list .storeCon .txt .wx{ width:100%; padding-right:0;text-align: center;}
.contact-list .storeCon .txt .wxcon{ width:auto}
.contact-list .storeCon .txt .intro{ width:100%; margin-top:10px}
.contact-list .storeCon .txt .intro p{ line-height:20px;}
#allmap, #allmap2{ height:220px}

.product-xxnr .pic, .product-xxnr .txt{ width:100%}

}
@media screen and (max-width:480px){
.wrap, .header .wrap{ width:100%; padding:0 15px}
.m-menubtn{ width:50px}
.head-r .tel{ margin-right:40px}
.head-r .tel a{ font-size:18px}
.advantage{width: calc(100% - 30px);}
.banner a {padding-top:16rem;}
.i-mnavBox .ys li{ padding:5px 15px}
.i-mnavBox .ys li p{ font-size:12px}
.i-mnavBox .q-nav{ padding:15px}
.i-mnavBox .q-nav a{ line-height:35px; font-size:16px}
.footer .top li{ height:45px}
.footer .top li img{ height:30px}
.i-newslist ul.left, .i-newslist ul.mid{ width:100%; margin-bottom:10px}
.i-newslist .right{ margin-top:0}
.title{ font-size:22px; margin-bottom:5px}
.ltitle{ font-size:12px}
.ltitle span{width: 25px;height: 25px;line-height: 23px;}
.i-newslist h3{ font-size:16px;line-height: 22px; margin-bottom:5px}
.i-newslist .intro{ font-size:12px; line-height:20px; margin-bottom:0}
.i-newslist .time{ font-size:12px}
.i-newslist .right li{ padding:8px 0}
.i-newslist .right li h3{ margin-bottom:0}

.i-product{ background:#292a22}
.i-productCon .tabcon ul{ flex-wrap:wrap;}
.i-productCon .tabcon li{ margin-bottom:10px; width:100%}
.i-productCon .tabcon .list-x a{ width:31.33%}

.i-product-tjlist-m .txt h3.mtit{ font-size:16px; padding-bottom:2px; margin-bottom:5px}
.i-product-tjlist-m .txt .intro{ font-size:12px;height: 32px;line-height: 16px;}
.i-product-tjlist-m .txt .tit{ font-size:14px; line-height:28px}
.i-product-tjlist-m .txt .tjguige{ font-size:12px}
.i-product-tjlist-m .txt .tjguige .jiage span{ font-size:14px}
.i-product-tjlist-m .txt .tjguige li:after{top:4px}

.main-news .title{ margin-bottom:10px}
.inner-nav{ margin-bottom:25px}
.inner-nav li{ line-height:26px;width:80px;}
.news-list li{margin-bottom: 20px;padding-bottom: 20px;}
.news-list .txt h3{ font-size:16px;-webkit-line-clamp: 2;}
.news-list .more{ display:none}
.news-list .txt .intro{-webkit-line-clamp: 1; margin-bottom:0}
.newsRelated .txt{ padding-top:5px}
.newsRelated h3{ font-size:16px}
.main-tuang{background-size: auto 10px;padding-top: 50px !important;}
.product-list-2 li{margin-bottom: 15px;}
.main .title{ margin-bottom:10px}
.contact-top .txt h3{ font-size:16px}
.contact-list .storeCon{ padding:15px}
.contact-list .toptit{ font-size:22px}
.contact-list .tel{ font-size:18px; margin:0}
.contact-list .store{ margin-top:10px}
.contact-list .storeCon .txt .intro h3{ font-size:16px}
.contact-list .tab a{ font-size:16px; line-height:30px}

.probanner{ height:280px}
/*.probannerBox .dzx-infor{width: 140px; font-size:12px;height:185px;right:15px;top:55px;}
.probannerBox .dzx-infor .con{ padding:0 10px}
.probannerBox .dzx-infor .icon{margin-top: -20px;}
.probannerBox .dzx-infor .icon img{ height:50px;}
.probannerBox .dzx-infor h5{ font-size:12px; margin-top:5px}
.probannerBox .dzx-infor h4{ font-size:16px}
.probannerBox .dzx-infor .guige{ font-size:12px}
.probannerBox .dzx-infor .xianjia span{ font-size:18px}
.probannerBox .dzx-infor .wxsm img{ width:80px}
*/
.probannerBox .dzx-infor{font-size:12px;}
.probannerBox .dzx-infor h4{ font-size:14px}
.probannerBox .dzx-infor .guige{ font-size:12px}
.probannerBox .dzx-infor .xianjia span{ font-size:16px}
.shouhou-list1>h3, .shouhou-list2>h3{ font-size:16px}
.dzx-tabnav li{ font-size:16px}
.dzx-tabcon .item a{ line-height:30px;width: 23%;}
.m-product-list .txt{ padding:0 15px 20px}
.m-product-list .bot{ flex-wrap:wrap; border-radius:0;}
.m-product-list .bot span{ width:100%; border-radius:5px; line-height:30px; height:30px}
.m-product-list .bot .cx{border: 1px solid #333; margin-bottom:5px}
.m-product-list .tit, .m-product-list .bot .cx i{ font-size:16px}
.m-product-list .guige{ font-size:12px;}

}
@media screen and (max-width:425px){
.banner a {padding-top:15rem;}
}
@media screen and (max-width:375px){
.banner a {padding-top:12.5rem;}
.footer .top li p{ font-size:12px}
}
@media screen and (max-width:320px){
.banner a {padding-top:11.5rem;}
}