@charset "utf-8";

/*--------------------------------------------------------------------------移动端--------------------------------------------------------------------------*/
@media only screen and (max-width:981px){	

	.pc-cc { display: none; }
	.m-cc { display: block; }
	
	.blue-more { padding:0 0.36rem;  height: 1.1rem; line-height: 1.1rem; font-size: 0.38rem; margin:0.36rem 0 0; }
	.c-more { margin:0.36rem 0 0; }
	
	.sp-pn { margin-top:-0.55rem; width:1.1rem; height: 1.1rem; line-height: 1.1rem;   }
	.sp-pn i {  line-height:1.1rem; font-size: 0.42rem;   }
	
	.sp-bot.swiper-pagination { width:100%; bottom:0; }
	.sp-bot .swiper-pagination-bullet { width:8px; height: 8px; margin: 0 5px!important; }
	.sp-bot .swiper-pagination-bullet-active { width:20px; }
	
	.layui-form .layui-input {  height:1.1rem; font-size: 0.38rem; padding:0 0.36rem; }
	.layui-form em { float:none; margin:0 0.36rem; line-height:1.1rem; }
	.layui-form .layui-input-wrap { line-height: 1.1rem;}
	.layui-form .layui-textarea {  font-size: 0.38rem; padding:0.24rem 0.36rem; min-height: 120px; }
	.layui-form-select dl dd { font-size: 0.38rem;}
	.layui-btn {  height:1.1rem; line-height: 1.1rem;  font-size: 0.38rem;   }
	
	.layui-layer { width: 90%!important;}
	.layui-layer-title { padding: 0 0.36rem;  font-size: 0.48rem;   }
	.lmbox {  padding:0.36rem; }
	
	.text-secondary { font-size:0.38rem; }

	.layui-input-prefix, .layui-input-split, .layui-input-suffix, .layui-input-suffix .layui-input-affix {  left:0; }
	.layui-input-wrap .layui-input-prefix+.layui-input, .layui-input-wrap .layui-input-prefix~* .layui-input { padding-left: 36px;}

    .header { position: fixed;}
	.header .hbox { height: 60px;display: flex;justify-content: right;}
	.header .hlogo, .header .hmenu { float:none;}
	.header .hlogo { position: absolute; left:0.32rem; top:0; z-index: 1;  }
	.header .hlogo .hlbox { width:auto;  height: 60px; }
	.header .hlogo .hlbox img { max-height:30px;}
	.header .hlogo .hlbox .lt span { font-size: 0.48rem; }
	.header .hsearch { justify-content:flex-start; margin-right:50px; }
	.header .hsearch .layui-form { margin:0; position:absolute; left:40%; top:10px; width:36px; z-index:2; }
	.header .hsearch .layui-form .layui-input-wrap .layui-input-prefix { padding:0 18px;}
	.header .hsearch .layui-form .layui-input, .hsearch .layui-form .layui-input-wrap { height: 1rem; line-height:1rem; }
    .commenu>ul>li> a span, .hsearch>ul>li> a span{  height: 1vh; line-height: 1vh;}

	.header-spacer { height: 60px!important; }

	.header .hmenu { width: 60px; height: 60px; float: right; position:fixed; top:0; right:0; z-index: 9; }
	.commenu {width:100%; }
	.commenu>ul { display:block; }
	.commenu ul.menubox {  width:calc(100% - 60px)!important; height: 100vh; overflow-y:scroll; position: fixed; left:-100%; z-index: 999;  /*display:none;*/ visibility: hidden; opacity: 0; transition: all 0.3s ease; }
	.commenu ul.menubox.open { left:0; opacity: 1;  visibility: visible; }
	.commenu ul { width:100%!important;  background: #212121;  }
	.commenu ul li:hover ul { position: relative; border-top: 1px solid rgba(255,255,255,0.1); }
	.commenu ul li {  width:100%!important; line-height:normal; border-bottom: 1px solid rgba(255,255,255,0.1); margin:0; padding:0 0.64rem; }
	.commenu>ul>li, .commenu>ul>li:last-child { margin: 0; }
	.commenu>ul>li> a { display:block; }
	.commenu>ul>li> a span { margin:0; height: 1.4rem; line-height: 1.4rem; font-size: 0.38rem; color:#fff; }

	.commenu ul li.has-sub { padding:0; }
	.commenu ul li.has-sub>a { padding:0 0.64rem; }
	.commenu ul li ul { position: relative; left:0; opacity: 1; visibility: inherit; top:0; background: none; border-radius: 0; box-shadow:none; border-top:1px solid rgba(255,255,255,0.1); }
	.commenu ul li ul li { border-bottom: 1px solid rgba(255,255,255,0.1);}
	.commenu ul li ul li a { color:#fff; }
	.commenu ul li ul li a span { font-size:0.38rem; }
	.commenu ul li ul li a:hover { background: none; }

	.commenu .menu-button { display:block; width:60px; height: 60px; float:right; }
	.hamburger-menu { width:60px;height:60px; display: flex; align-items:center; justify-content: center; }
	.hamburger-menu div {width:24px; height:2px; border-radius:2px; background:#003a85; position:relative;z-index:1001; transition: all 0.3s ease;}
	.hamburger-menu div:before,.hamburger-menu div:after{content:''; position:absolute; width:inherit; height:inherit; background:#003a85; border-radius:2px; transition: all 0.3s ease;}
	.hamburger-menu div:before{transform:translateY(-8px); }
	.hamburger-menu div:after{transform:translateY(8px); }
	.menu-opened .hamburger-menu div{ background: transparent;}
	.menu-opened .hamburger-menu div:before{ transform: translateY(0) rotate(-45deg);}
	.menu-opened .hamburger-menu div:after{ transform: translateY(0) rotate(45deg);}
	.commenu .submenu-button{ position:absolute; z-index:10; right:0; top:0;display:block; border-left: 1px solid rgba(255,255,255,0.1); width:1.4rem; height:1.4rem; line-height: 1.4rem;  }
	.commenu .submenu-button::before{content:'';position:absolute; left:0.5rem; top:0.7rem; display:block; width:0.4rem; height:1px; background:#fff; z-index:99}
	.commenu .submenu-button::after{content:'';position:absolute;  left:0.7rem; top:0.5rem; display:block; width:1px; height:0.4rem; background:#fff; z-index:99}
	.commenu .submenu-button.submenu-opened::after { transform: translateY(0) rotate(90deg); opacity: 0; }

	.hmenu-tab .bd { display:none; }
	.header .hsearch ul li ul { min-width: 120px; padding: 0.36rem; left:auto; right:0; }
	.header .hsearch .has-sub ul li a { margin:0; }
	.commenu ul li.has-sub>a:first-child { display:none; }
	.commenu>ul>li a sub { height: 1.4rem; line-height: 1.4rem; }
	.commenu ul li ul { padding:0; }
	.commenu ul li ul li a { padding:10px 0; }
	.commenu>ul>li a i { display:none;}
	.hmenu-tab .hd { width:100%; padding:0; }
	

	.sidebar { top:inherit; bottom:70px;  }
	.sidebar ul li .item a { width:50px; height:50px; }
	.sidebar ul li .item a span { font-size:12px; }
	.sidebar ul li .item a i { font-size:0.48rem; }
	.sidebar ul li .item a img { width:0.64rem!important; height:0.64rem!important; }
	.sidebar ul li .item a span.cart-count, .sidebar ul li .item a span.compare-count { width:24px!important; height:24px!important; line-height:24px!important; }

	.gotop { right:0; bottom:10px; width:50px; height:50px; line-height:50px; }
	.gotop i { font-size:0.56rem; }

	.ctit { margin-bottom:0.48rem; }
	.ctit h2 { font-size:0.56rem; }
	.ctit p { font-size:0.38rem!important; }

	.iprocate .list ul { grid-template-columns: repeat(2, 1fr); grid-gap: 0.36rem;}
	.iprocate .list ul li .item .txt h3 { font-size:0.42rem; height:auto!important; }
	.iprocate a.blue-more { margin:0; }

	.itit { margin-bottom:0.36rem; }
	.itit h2 { font-size:0.56rem; }

	.iabo .list ul li { align-items:flex-start; }
	.iabo .ivideo { width:100%; margin:0.72rem 0 0; }

	.iabo .inum { padding:0.36rem; }
	.iabo .inum ul { grid-template-columns: repeat(2, 1fr);    grid-gap: 0.48rem;}
	.iabo .inum ul li .data { font-size:0.72rem; margin: 0 0 10px; }

	.ihor .swp-ihor { margin: 0!important; padding:0.36rem 0 0.96rem!important; }
	.ihor-more {margin:0; }
	.swiper-button-next , .swiper-button-prev { display:none!important; }

	.iwhy .list { padding:0.36rem; }
	.iwhy .list ul {grid-template-columns: repeat(1, 1fr); grid-gap: 0.36rem; }
	.iwhy .list ul li .item { padding:0.36rem; }
	.iwhy .list ul li .ico i { font-size:22px; }
	.iwhy .list ul li .txt .name p { font-size:0.48rem; }

	.inews .list .swp-inews { padding:10px 10px 0.72rem; }

	.icont { margin:0; }
	.icont .icont-left { width:100%; }
	.icont .icont-right { width:100%; margin:0.72rem 0 0; }

	.ud-tab ul { padding:10px 0; }

	.iform { padding:0.36rem; }
	.iform .info { padding:0.36rem;  margin: 0 0 0.36rem; } 
	.iform .info em { height: 4px;}
	.iform .info h2 { font-size:0.56rem; }

	.footer .flogo img { max-height:30px; }
	.footer .fleft { width:100%; }
	.footer .fleft .info { margin:0.36rem 0; }
	.footer .fleft .info p { font-size:0.48rem; font-weight:600; }
	.footer .fleft .ctinfo p { align-items:flex-start; }
	.footer .fmid {width:100%; margin:0.72rem 0; }
	.footer .fmid ul li h3 {font-size:0.48rem; font-weight:600; margin-bottom: 0.36rem; }
	.footer .fright { width:100%; grid-template-columns: repeat(2, 1fr); grid-gap: 0.36rem; }

	.footer .cpr { padding:0.36rem 0; }
	.footer .cpr .links { margin:10px 0 0;}
	.footer .cpr .links a { margin:0 0.36rem 0 0; }

	.bread { padding:0.12rem 0.36rem;}

	.cabo { padding:0.72rem 0 0; }
	.cabo .inum { margin:0.72rem 0; }

	.info-list .itembox { padding:0.72rem 0; }
	.info-list .itembox .txt { float:none; width:100%; height:auto!important; padding:0; }
	.info-list .itembox .txt h3 { font-size:0.48rem; }
	.info-list .itembox .img { float:none; max-width:100%; height:auto!important; margin-bottom:0.72rem; }
	.info-list .itembox .img img { width:100%!important; min-width:auto!important; }
	.info-list .itembox:nth-child(2n) .txt { padding:0; }
	.info-list .itembox .vbox { float:none; width:100%!important; height:auto!important; }

	.disbox { height:auto; padding:0.72rem 0; }
	.disbox .cc .info { font-size: 0.42rem; margin: 0;}

	.cul-list ul { grid-gap: 0.36rem;}
	.cul-list h2 { font-size:0.56rem; }

	.com-detail p { margin:0.36rem 0; }
	.founder h2 { font-size:0.56rem; padding: 0 0 0.36rem; margin: 0 0 0.36rem;}
	.founder .com-detail img { float:none!important; margin:0.36rem auto!important; top:auto!important; }
	.founder .com-detail p:first-child { margin:0!important; }

	.cvideo .itit p { width:100%!important; margin:0.36rem 0 0!important; }
	.cvideo .list { grid-template-columns: repeat(1, 1fr); grid-gap: 0.36rem;}
	.cvideo .list .item .txt h3 { font-size:0.48rem; margin: 10px 0 0; }

	.cnews-box .list { grid-template-columns: repeat(1, 1fr); grid-gap: 0.48rem;}
	.inews .list .item .img { height:auto; }
	.inews .list .item .txt { padding:0.36rem; }

	.history .list-cc { padding:0.36rem; margin: 0.72rem 0 0; }
	.history .list { width:100%!important; }
	.history .list .item { padding: 0.36rem 0.36rem 0 0;}
	.history .list .item:nth-child(2), .history .list .item:nth-child(3), .history .list .item:nth-child(5), .history .list .item:nth-child(7), .history .list .item:nth-child(10) { padding: 0.36rem 0 0 0.36rem;}
	.history .list .item .img { margin:0.72rem 0; }
	.history .list .item .year { padding:0 0 0.36rem; }
	.history .list .item .year span { font-size:0.56rem; padding: 0;}
	.history .list .item:nth-child(2) .year, .history .list .item:nth-child(3) .year, .history .list .item:nth-child(5) .year, .history .list .item:nth-child(7) .year, .history .list .item:nth-child(10) .year { padding:0 0 0.36rem; }

	.cban-quality { height:auto; padding:0.72rem 0; }
	.cban-quality .cc { height:auto; }
	.cban-quality .cban-video video { height:auto; }
	.cban-quality .txt { padding: 0.36rem; }
	.cban-quality .txt h2 { font-size:0.56rem; }
	.cban-quality .txt p { font-size:0.38rem; }

	.quality-info { margin: 0 0 0.72rem;}
	.quality-info .info { margin:0.72rem 0 0; }
	.quality-tab h3 { font-size:0.56rem; }


	.qa-tab .qabg { }
	.qa-tab .hd ul {  }
	.qa-tab .hd ul li { width:100%; padding:200px 0 0; }

	.factory .top { margin: 0 0 0.72rem;}
	.piclist ul { grid-template-columns: repeat(1, 1fr); grid-gap: 0.36rem;}
	.piclist ul li .item .img img { width:100%; }
	.piclist .item .info { padding: 0.36rem 0;}

	.cvideo-list { margin: 0 0 0.72rem;}
	.cvideo-list ul { grid-template-columns: repeat(1, 1fr); grid-gap: 0.36rem; }
	.cvideo-list .list .txt h3 { font-size:0.48rem; margin: 10px 0 0; }

	.cfaq-list .ud-tab h3 { font-size:0.42rem; padding: 0.36rem 0.48rem; margin: 0 0 0.36rem; }
	.cfaq-list .ud-tab h3::before { width: 3px;}
	.cfaq-list .ud-tab ul { padding: 0.36rem 0.36rem 0.72rem;}

	.rd-eq .top2, .rd-video .top2 { margin: 0 0 0.72rem; }
	.rd-eq .top .info p { margin:0.36rem 0;}

	.rd-eq-list ul {  grid-template-columns: repeat(1, 1fr); grid-gap: 0.36rem; }
	.rd-eq-list .item .txt h3 { font-size:0.42rem; margin: 0.36rem 0;  }

	.rd-eq ul:nth-child(2) { margin: 0.72rem 0 0;} 
	.rd-eq ul:nth-child(2) .item img { width:100%; }

	.best-table { overflow-x:scroll; }
	.best-table table tr td, .best-table table tr th { padding: 0.36rem; }
	.best-table .item img { margin:0 0 0.36rem; }

	.best-table2 td:nth-child(2) { padding:0.36rem; }

	.iprocate .list ul li.empty-placeholder { display:none; }

	.error-actions button { padding: 0.36rem!important;}

	.cpro-top .info { flex:auto; padding:0; }
	.cpro-top .info h2 { font-size:0.64rem; margin: 0 0 0.36rem; }
	.cpro-top .info .desc p { text-align:inherit!important; margin:0.36rem 0; }
	.cpro-top .info .btns a { margin:0 0.36rem 0 0;}
	.cpro-top .pro-video { width:100%; margin:0.72rem 0 0; }

	.cpro-left, .cpro-right {width:100%; }
	.cpro-right { margin:0.72rem 0 0; }
	.cpro-right .data , .cpro-list .name{ margin: 0 0 0.36rem; font-size: 0.48rem;}
	.cplist-box .itembox .item-tit a { margin: 0; }

	.cplist { grid-template-columns: repeat(2, 1fr); grid-gap: 0.36rem; padding: 0.36rem 0;}
	.cplist .cpitem .txt { padding: 0.36rem; }
	.cplist-box .cpitem .comp-ico-cart, .cplist-box .cpitem .comp-ico-copy { opacity:1; }

	.pro-detail-l, .pro-detail-r {width:100%; padding:0; }
	.thumbnail-swiper-vertical { width:60px; height: 285px; margin-right:0.36rem;}

	.pro-detail-r { margin:0.72rem 0 0;}
	.pro-detail-r h2 { font-size:0.56rem; }
	.pro-detail-r .pd-info h5 { font-size:0.56rem; }

	.cprodetail-btns { grid-template-columns: repeat(2, 1fr); grid-gap: 0.36rem; margin:0.36rem 0 0.72rem;} 
	.cprodetail-btns a i { margin-right:10px }

	.hd-menu.active { top: 60px;}
	.cprodetail-tab .hd ul li { margin-right:0.36rem; }
	.cprodetail-tab .hd ul li span { font-size: 0.42rem; font-weight:bold; padding: 0.24rem 0;}

	.cprodetail-tab .bd .item h2 { font-size: 0.56rem; margin: 0.72rem 0;}
	.dl-list ul { grid-template-columns: repeat(2, 1fr); grid-gap: 0.36rem;  }

	.cpro-top .info h3 { font-size:0.64rem; margin: 0 0 0.36rem;}
	.pro3-table { overflow-x:scroll; }
	.product-table { width:160%; margin:0.36rem 0;  }
	.product-table thead th, .product-table tbody td, .product-table tbody th { padding: 0.36rem;}

	.cpro-list-box ul { grid-template-columns: repeat(1, 1fr); grid-gap: 0.36rem; }
	.comp-ico-cart, .comp-ico-copy { opacity:1; }
	.cpro-list-box .item .tit>div { font-size:0.48rem!important; }
	.cpro-list-box .item .info { padding:0.36rem; }

	.pro-cp .top a { padding: 0.36rem;}
	.tit-list { width:160px; }
	.tit-list ul li .item { padding: 0.36rem;}

	.com-list { width: calc(100% - 160px); margin-left: 160px;}
	.com-list ul li .item { padding:0.36rem; }
	.com-list ul li .cp-cc .item { width:300px; }
	.com-list ul li i.icon-guanbi { width:30px; height:30px; line-height:30px; }
	.com-list ul li img { max-height: 10vh; }

	.banner-overlay { top: 0.36rem; left: 0.36rem;}
	.banner-content { padding:0; }
	.banner-content h1 { font-size:0.56rem!important; margin: 0 0 0.36rem 0; }
	.banner-content p { font-size:0.42rem;  }

	.table-of-contents { padding:0.72rem 0!important; }
	.toc-container { padding:0.36rem!important; }
	.toc-container .ctit { margin-bottom: 0.36rem!important;}
	.toc-container .toc-item>a { padding:0.36rem!important; }
	.toc-container .sub-items a { padding:0.36rem!important; }

	.why-top .list { padding:0; }
	.why-top .list ul li h5 { font-size:0.48rem; }
	.why-top .list a.blue-more { margin: 0 0 0.72rem 70px;}
	.why-top .img {  float:none; max-width:100%; margin:0.72rem 0 0;  }

	.info-list .itembox>.ww { display:block!important; }
	.info-list .itembox .txt { padding:0; }

	.info-list-why a.blue-more { margin:0.36rem 0 0.72rem; }
	
	.why-adv-list { grid-gap: 0.72rem;}
	.why-adv-list .item { display:block; }
	.why-adv-list .item .img img, .why-adv-list .item .video video { height:auto; margin:0; }
	.why-adv-list .item .img h3 { font-size:0.48rem; margin:0.36rem 0; }

	.why-tbox table tr th, .why-tbox table tr td { padding:0.36rem; }

	.why-commit .list .num { font-size: 0.64rem; margin-right: 0.36rem;}

	.why-commit .tips { margin:0.72rem 0 0; }
	.why-commit .tips p { font-size:0.48rem; line-height:180%; }

	.sup-box .sup-left, .sup-box .sup-right { width:100%; }
	.sup-box .sup-left h5 { font-size:0.56rem; }
	.sup-box .sup-right { margin:0.72rem 0 0; }

	.sup-menu { margin:0 0 0.72rem;}
	.sup-menu ul { display:block; }
	.sup-menu ul::after { content: ""; display: block; height: 0; clear: both; }
	.sup-menu ul li { float:left; margin:0 0.36rem 0.36rem 0; }
	.sup-menu ul li a { height:auto; line-height:200%; }

	.sub-list .dl-list ul , .sub-video-list ul, .sub-cer-list ul  { grid-template-columns: repeat(2, 1fr); grid-gap: 0.36rem; }
	.dl-list ul .item .txt, .sub-video-list ul li .txt, .sub-cer-list ul .txt { padding:0.36rem 0 0;}

	.sub-war-cc .top-pdf { margin:0 0 0.72rem; }
	.sub-war-cc .desc h2 { font-size: 0.56rem; margin:0 0 0.36rem; }

	.sub-war-table { overflow-x:scroll;  }
	.warranty-table { width:100%;}
	.warranty-table th, .warranty-table td { width:auto!important; padding:0.36rem; }

	.sub-guide-cc .desc h2 { font-size: 0.56rem; margin:0 0 0.36rem; }

	.faq-ico ul { grid-template-columns: repeat(4, 1fr); grid-gap: 0.36rem;}
	.faq-ico ul li .img { max-width: 60px; margin: 0 auto 10px;}

	.faq-search { margin:0; display:block!important;}
	.faq-search .layui-form { max-width:100%; }

	.cfaq-list { grid-gap: 0.36rem; }
	.cfaq-list .itembox { display:block; }
	.cfaq-list .itembox .item, .cfaq-list .itembox .faq-tab { width:100%; }
	.cfaq-list .itembox .item  { margin: 0 0 0.72rem; }
	.cfaq-list .itembox .item img { margin: 0 0 0.36rem;}

	.oem-list .list ul { grid-template-columns: repeat(2, 1fr); grid-gap: 0.36rem; }
	.oem-list .list .item .img { height:auto; }
	.oem-list .list .item .txt h3 { font-size: 0.42rem; margin:0.36rem 0;}

	.oemform { width:100%; }
	.oemform .layui-form-label { padding:0 0 0.36rem; }
	.oemform .two { grid-template-columns: repeat(1, 1fr); grid-gap: 0; }
	.oemform .layui-form-item:last-child { text-align:center; margin:0; }

	.cont-box .cc .info h3 { font-size:0.56rem; }

	.sus-cban {  height:36vh;  }
	.cbanner .banner-text { padding:0.36rem; }
	.cbanner .banner-text h1 { font-size:0.56rem; margin: 0 0 0.36rem; }
	.cbanner .banner-text p { font-size:0.42rem; line-height:180%; }

	.sus-info { padding:0.72rem 0; }
	.sus-info .txt h2 { font-size:0.56rem; margin: 0 0 0.36rem;  }
	.sus-info .txt p { font-size:0.38rem; }

	.blog-top h2 span { font-size:0.56rem; margin:0 0 0.36rem; }
	.blog-search { width:100%;}

	.blog-menu ul { grid-template-columns: repeat(2, 1fr); grid-gap: 0.36rem;}

	.news-left, .news-right { float:none; width:100%; }
	.news-right { display:none; }
	.news-left .top h2 {  font-size:0.56rem; margin:0 0 0.36rem; }
	.news-left .top .share-ico { margin:0.36rem 0 0; }

	.com-detail { padding:0.72rem 0; }

	.rel-news .list { grid-template-columns: repeat(1, 1fr); grid-gap: 0.36rem;  }
	.rel-news .list .txt h3 { font-size: 0.42rem;  margin:0.36rem 0; }

	.inews .iform-box  .layui-col-xs6 { width:100%; }

	.newsadv { margin:0.36rem 0; }
	.news-coming .list { grid-template-columns: repeat(1, 1fr); grid-gap: 0.36rem;  }
	.thumb-swiper .swiper-slide-active .item, .thumb-swiper .swiper-slide-thumb-active .item, .thumb-swiper .swiper-slide .item.active-thumb { height:auto; }
	.swp-review .bg h3 { font-size:0.48rem; text-decoration:underline; }
	.review-tab .sp-prev { left:-0.3rem;}
	.review-tab .sp-next { right:-0.3rem;}

	.bigimg::before { left:46%; }
	.bigimg .img { padding:0.36rem; }

	.cbanner .item { display:none; }
	.ctopinfo { border-bottom:1px solid #ddd; }
	.ctopinfo h2 { font-size:0.56rem; margin:0 0 0.36rem; }

	.ct-left, .ct-right { width:100%; }
	.ct-left .ctit { margin:0.36rem 0; }
	.ct-right .cont-form {margin-top: 0.72rem;}
	.ct-right .cont-form h3 { font-size:0.56rem; margin:0 0 0.36rem; }
}