@charset "utf-8";
@media screen and (max-width: 767px) {
div, ul, li{box-sizing: border-box;}
body{ background:none}
.mauto{ width: auto;}
.header-main{ z-index:9999; width: auto; height: auto; min-width: auto; overflow:inherit}
.topbar{display:none}
.headinfo{top:0; height:50px; padding-top:0}
.logo h1 a{ margin-top:5px; height:40px; background-size:auto 100%}
.logo h1 a img{ height:40px;}

.menu{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:9;transition: all 0.3s ease 0s;visibility: hidden; filter:alpha(opacity=0); -moz-opacity:0; opacity: 0;}
.menu:after{ content:""; display:block; width:100%; height:100%; position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,.3);}
.menu ul{ position:absolute; right:0; top:0; z-index:2; width:160px; height:100%; background:#fff;transition: all 0.3s ease 0s; transform: translate3d(10px, 0, 0); -moz-transform: translate3d(10px, 0, 0); -webkit-transform: translate3d(10px, 0, 0); visibility: hidden; filter:alpha(opacity=0); -moz-opacity:0; opacity: 0;}
.menu ul li{ text-align:right; width:100%}
.menu ul li a{ margin:0; text-align:center}
.menu-m{ display:block; position:absolute; right:0; top:0; font-size:22px; width:50px; color:#999; text-align:center; height:50px; line-height:50px}
.menu.on{visibility: visible; filter:alpha(opacity=100); -moz-opacity:1; opacity: 1;}
.menu.on ul{transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); visibility: visible; filter:alpha(opacity=100); -moz-opacity:1; opacity: 1;}
/* 企业主页轮播 */
.slider{ float:left; min-width:100%;height: 175px; margin-top:50px}
.slider .bd{ width:100%; left:0; margin-left:0}
.slider .bd li{ width:100%; padding:0; }
.slider .bd li img{ width:100%; height:auto; border-radius:0}
.slider .tempWrap ul{  margin-left:0 !important; /*强制位置*/}

.slider .hd{ position:absolute; width:100%; left:0;  bottom:-6px;}
.slider .pnBtn{  display:none }

.card-body,.footer{ min-width:auto}
.foot_menu{ width:100%; display:none}
.foot_menu ul{ height:auto; width: 100%; border-right: 0; margin-bottom:30px}
.foot_menu ul.fw{ width:100%}
.foot_menu ul.fw li a{ margin:0 30px 5px 0;}
.foot_menu ul.gz{ width: 100%}
.foot_menu ul.kf{ width: 100%;}
.foot_menu li span{ height:auto; font-size:16px; margin-bottom:10px}
.foot_menu li a{ float:left; margin:0 30px 5px 0; font-size:14px; color:#5f6d7d; }
.foot_menu li.tel a{ float:left; margin-bottom:20px}
.foot_menu li.dyh{ margin-right: 10px; width: 105px; height: 105px; background: #fff url(../images/code.gif) no-repeat center; background-size:cover; border-radius:4px}
.foot_menu li.qyh{ width: 105px; height: 105px; background: #fff url(../images/code.gif) no-repeat center; background-size:cover; border-radius:4px}
.footbar{ padding:30px; box-sizing: border-box;}

.t .title{ font-size:20px}
.t .title:after{ font-size:40px}
.t .search{ width:auto; display:flex; margin:30px}
/*企业主页产品分类*/
.submenu ul li a{ font-size:12px; padding:2px 20px; background:#edf3f9;}
/*色卡*/
.seka .item{ width:46%; margin:0 2% 20px;}
.seka .item span a{ width:100%}
.seka .item span img{ width:100%; height:auto;}

.seka.yarn .item{ width:48%; margin:0 1% 40px;}
.seka.yarn .item span img{width:100%;height:auto;}

.news .item .img{ margin:0 0 20px; width:100%; height:auto}
.news .item .img img{ width:100%;}
.news .item .title{ font-size:16px; line-height:24px; margin:0}
.home .news .item{ width:100%; height:auto}

.sidebox{ bottom:20px; right:10px}
.sidebox span a{ border:0;border-radius:50%;box-shadow:0 5px 10px rgba(0,0,0,.1)}
.sidebox span a:hover{ border:0}
.sidebox ul li{ border:0; border-radius:50%; box-shadow:0 5px 10px rgba(0,0,0,.1)}
.sidebox ul li span{ border-radius:136px}

/*企业主页内容*/
.companybox{ padding:30px; background:#fff; overflow:hidden; border-radius:10px; margin-top:20px}
.w2{ width:auto}
.companybox .con{ margin-left:0; padding:0}
.companybox .con .bt{ width:100%; display:flex; justify-content:space-between}
.companybox .con .bt .btn{ width:100%; padding:0; font-size:14px; margin:10px 5px; height:40px}
/*详情内容*/
.focus{ width:100%}
.focus .img img{ width:100%; height:auto;}

.content{ width:100%; padding:0 30px}
/*页码*/
.page {padding:30px}
.page a{ margin-top:10px;}

.content .con{ padding:0}
}