@charset "utf-8";
/* CSS Document */
*{/*padding:0;*/ margin:0;}
body{font-size:14px; font-family:"微软雅黑";}
html{overflow-x: hidden;}
ul,ol,li{ list-style:none;}
img{border:none; vertical-align:middle;}
h1, h2, h3, h4, h5, h6, hr, blockquote, form, ul, ol, li, p, pre, dl, dt, dd, fieldset, legend, button, input, textarea{margin:0; padding:0; font-weight:normal;}
a:link{color:#333; text-decoration:none;}
a:visited{color:#333; text-decoration:none;}
a:hover{color:#333; text-decoration:none;}
b{font-weight: normal;}
.clear{clear:both; font-size:0; font-family:"sans-serif"; height:0; line-height:0;}
.clear_fix:after{content: ""; clear: both; height: 0; overflow: hidden; display: block; visibility: hidden;}
.fl{float:left}
.fr{float:right;}
.cen{text-align: center;}

.c-nav .show{display:inline-block}
.c-nav .hiden{display:none}
.c-nav{width:12rem;margin:0 auto;z-index:9999}
.c-nav .navFlex{display:flex;display:-webkit-flex;align-items:center;-webkit-align-content:center;color:#fff;justify-content:space-between;
  -webkit-justify-content:space-between}
.c-nav .logo{}
.c-nav ul li{display:inline-block;line-height:0.7rem;font-size:.16rem;margin-left:.6rem;position:relative}
.c-nav ul li a{color:#333;text-decoration:none;width:100%;display:block; font-weight: 700;}
.c-nav ul li::before{width:0;height:.04rem;background:#333;content:'';position:absolute;bottom:0;left:0;right:0;margin:auto}
.c-nav ul li.active::before{width:100%;height:.04rem;background:#333;content:'';position:absolute;bottom:0;left:0}
.c-nav ul li:hover:before{width:100%;height:.04rem;background:#333;content:'';position:absolute;bottom:0;left:0;transition:all .5s}
.c-nav ul li.active a{font-weight:700;color:#333;transition:all .5s}
.c-nav ul li:hover a{font-weight:700;color:#333;transition:all .5s}
.logout{background:#000;font-size:.14rem;padding:0 .1rem;border-radius:.1rem;line-height:.25rem}
.hamburger{display:none}
.bar{display:block;width:25px;height:3px;margin:5px auto;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;background-color:#000}
.shrink{background:rgba(0,0,0,.7)}
.shrink .navFlex{border-bottom:none}


.c-nav .nav-iphone{display:none;}
.nav-pc{display:block;}
@media screen and (max-width:576px){
.nav-iphone{display:block;}
.nav-pc{display:none;}
.c-nav{width:100%;margin:0 auto;box-sizing:border-box;background:#fff; min-height: 0.8rem;}
.c-nav .container{padding:0;position:relative}
.c-nav .navFlex{font-size:.2rem;justify-content:space-between;flex-wrap:wrap;background:#fff}
.c-nav .logo{width:12%; margin-left:.2rem;margin-top:.2rem}
.c-nav .logo img{max-width: 100%;}
.c-nav ul{margin-top:.3rem}
.c-nav ul li{padding-top:0;margin-left:0;display:block;line-height:.8rem;background:#000;border-bottom:none;margin-right:0;font-size:.25rem}
.c-nav ul li a{color:#fff;width:100%;display:block}
.c-nav ul li::before{width:0;height:.04rem;background:#000;content:'';position:absolute;bottom:0;left:0;right:0;margin:auto}
.c-nav ul li.active::before{width:100%;height:.04rem;background:#fff;content:'';position:absolute;bottom:0;left:0}
.c-nav ul li:hover:before{width:100%;height:.04rem;background:#fff;content:'';position:absolute;bottom:0;left:0;transition:all .5s}
.c-nav ul li.active a{font-weight:700;color:#fff;transition:all .5s}
.c-nav ul li:hover a{font-weight:700;color:#fff;transition:all .5s}
.c-nav .hiden{display:block;position:absolute;right:.2rem;top:.2rem}
.c-nav .show{width:100%;font-size:14px;text-align:center;display:none}
.c-nav .header-btn{display:none}
.hamburger{display:block;cursor:pointer}
.hamburger.active .bar:nth-child(2){opacity:0}
.hamburger.active .bar:nth-child(1){-webkit-transform:translateY(8px) rotate(45deg);transform:translateY(8px) rotate(45deg)}
.hamburger.active .bar:nth-child(3){-webkit-transform:translateY(-8px) rotate(-45deg);transform:translateY(-8px) rotate(-45deg)}
}


.menu-box{background: #f5f5f5; display: none; padding: 0.45rem 0.15rem;} 
.menu{ display: flex;}
.menu-Monitor{width: 20%; margin: 0 0.15rem;}
.menu-top{width: 100%; height: 0.4rem; line-height: 0.4rem; border: 1px solid #000; box-sizing: border-box;
padding: 0 0.2rem; font-size: 0.2rem; font-weight: bold;}
.menu-top a{display: block;}
.menu-content{/*display: flex;*/ justify-content: space-between;}
.menu-tit{font-size: 0.16rem; font-family: 'Arial'; font-weight: bold; color: #000; position: relative;
padding-left: 0.2rem; margin: 0.25rem 0;}
.menu-tit::before{position: absolute; left: 0rem; top: 10%; width: 0; height: 0; content: ''; 
    border-left: 0.06rem solid #000; border-top: 0.06rem solid transparent; border-bottom: 0.06rem solid transparent;}
.menu-li{font-size: 0.14rem; font-family: 'Arial'; color: #000; margin-bottom: 0.25rem;
  padding-left: 0.2rem;}

.menu-Sound{width: 40%; margin: 0 0.15rem;}
.menu-Visualizer{width: 11%; margin: 0 0.15rem;}
.menu-Camera{width: 20%; margin: 0 0.15rem;}


.responsive-ban{position: relative;}
.pc-ban{display: block;}
.mobile-ban{display: none;}
.responsive-banner-info{position: absolute; left: 20%; top: 35%;}
.responsive-banner-tit{font-size: 0.36rem; color: #f5f5f5; font-weight: bold; line-height: 1.8;
text-transform: uppercase;}
.responsive-banner-dis{font-size: 0.2rem; color: #fff; line-height: 2;}

@media screen and (max-width:576px){
  .pc-ban{display: none;}
  .mobile-ban{display: block;}
  .responsive-banner-info{position: absolute; left: 5%; top: 35%;}
  .responsive-banner-tit{font-size: 0.35rem; color: #fff; margin-bottom: 0.3rem; font-weight: bold; }
  .responsive-banner-dis{font-size: 0.25rem; color: #fff; line-height: 0.4rem;}
  }


.Pursue-banner-info{position: absolute; left: 20%; top: 25%;}
.Pursue-banner-tit{font-size: 0.6rem; font-family: "Adobe 黑体 Std"; color: #f5f5f5; line-height: 1.8;
text-transform: uppercase;}
.Pursue-banner-dis{font-size: 0.16rem; color: #fff; line-height: 2; width:4rem;}
.Pursue-banner-more{width:2rem; height:0.5rem; line-height:0.5rem; text-align:center; background:#d7ac79; font-size:0.16rem; margin-top:0.5rem;
border-radius:0.1rem;}
.Pursue-banner-more a{color:#fff; display:block;}


@media screen and (max-width:576px){


.Pursue-banner-info{position: absolute; left: 5%; top: 20%;}
.Pursue-banner-tit{font-size: 0.4rem; font-family: "Adobe 黑体 Std"; color: #f5f5f5; line-height: 1.8;
text-transform: uppercase;}
.Pursue-banner-dis{font-size: 0.22rem; color: #fff; line-height: 2; width:auto;}
.Pursue-banner-more{width:2rem; height:0.6rem; line-height:0.6rem; text-align:center; background:#d7ac79; font-size:0.2rem; margin-top:0.5rem;
border-radius:0.1rem;}
.Pursue-banner-more a{color:#fff; display:block;}


}

/*首页产品*/

.index-products{width: 100%;}
.index-products-top{display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.4rem;}
.index-products-top .tit{font-family: "Adobe 黑体 Std";  font-size: 0.3rem; font-weight: bold; color: #000;}
.index-products-top select{width: 1.8rem; height: 0.4rem;background-color: #ffffff; border-radius: 0.1rem; border: solid 1px #cccccc;
line-height: 0.4rem; font-family: SourceHanSansCN-Normal;font-size: 0.14rem; color: #333; padding-left: 0.1rem; cursor: pointer;}

.index-products-list{display: flex; flex-wrap: wrap;}
.index-products-list .index-products-li{width: 23.5%; margin-right: 2%; margin-bottom: 0.5rem;}
.index-products-list .index-products-li:nth-child(4n){margin-right: 0;}
.index-products-list .index-products-li-pic{background: #f5f5f5; width:100%;  height: 3.9rem; padding: 0.3rem; box-sizing: border-box;  text-align:center;}
.index-products-list .index-products-li-pic a{width:100%; height:100%; display: flex; align-items: center; justify-content: center; }
.index-products-list .index-products-li-pic img{max-width:100%; max-height:100%;}
.index-products-list .index-products-li-pic:hover img{ transform: scale(1.1); transition: 0.5s;}
.index-products-list .index-products-li-tit{font-family: SourceHanSansCN-Normal; font-size: 0.2rem; color: #434343; line-height: 1.8; text-align:center;
overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
margin-top: 0.1rem;}


@media screen and (max-width:576px){

.index-products{width: 95%; margin:0 auto;}
.index-products-top{display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.4rem;}
.index-products-top .tit{font-family: "Adobe 黑体 Std";  font-size: 0.3rem; font-weight: bold; color: #000;}
.index-products-top select{width: 1.8rem; height: 0.4rem;background-color: #ffffff; border-radius: 0.1rem; border: solid 1px #cccccc;
line-height: 0.4rem; font-family: SourceHanSansCN-Normal;font-size: 0.14rem; color: #333; padding-left: 0.1rem; cursor: pointer;}

.index-products-list{display: flex; flex-wrap: wrap;}
  .index-products-list .index-products-li{width: 48%; margin-right: 2%; margin-bottom: 0.5rem;}
  .index-products-list .index-products-li:nth-child(2n){margin-right: 0%; margin-left: 2%;}
.index-products-list .index-products-li-pic{background: #f5f5f5; width:100%;  height: 3.9rem; padding: 0.3rem; box-sizing: border-box;  text-align:center;}
.index-products-list .index-products-li-pic a{width:100%; height:100%; display: flex; align-items: center; justify-content: center; }
.index-products-list .index-products-li-pic img{max-width:100%; max-height:100%;}
.index-products-list .index-products-li-pic:hover img{ transform: scale(1.1); transition: 0.5s;}
.index-products-list .index-products-li-tit{font-family: SourceHanSansCN-Normal; font-size: 0.2rem; color: #434343; line-height: 1.8; text-align:center;
overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
margin-top: 0.1rem;}

}

/*首页产品*/

.about{padding: 1rem 0;}
.about-tit{font-size: 0.48rem; color: #000; margin-bottom: 0.5rem; text-transform: uppercase;}
.about-txt{font-size: 0.16rem; color: #333; line-height: 2;}

  #footer-box{background: #000; overflow: hidden;}
  #footer{padding: 0.35rem 0; display: flex; justify-content:space-between;}
  #footer-information{width: 3.1rem;}
  #footer-logo{margin-bottom: 0.2rem;}
  #footer-address{font-size: 0.14rem; color: #999; line-height: 1.8;}
  #footer-list{}
  #footer-list-tit{font-size: 16px; margin-bottom: 0.3rem; color: #fff; text-transform: uppercase;}
  #footer-list ul li{font-size: 14px; color: #ccc; margin-bottom: 0.2rem;}
  #footer-list ul li a{color: #999;}
  #footer-contact{width: 2.5rem; margin-left: 0.5rem;}
  #footer-contact-tit{font-size: 0.36rem; color: #fff; margin-bottom: 0.2rem;}
  #footer-contact-txt{font-size: 0.14rem; color: #999; line-height: 1.8;}
  #copy{text-align: center; border-top: 1px solid #444; line-height: 0.52rem; font-size: 14px; color: #999; display: none;}
  
  @media screen and (max-width:576px){
    #footer{display: none;}

    
.about{padding: 0.3rem;}
.about-tit{font-size: 0.48rem; color: #000; margin-bottom: 0.3rem; text-transform: uppercase;}
.about-txt{font-size: 0.25rem; color: #333; line-height: 2;}
  }
  

/*联系我们*/
.contact-box{background: #f5f5f5; padding: 0.6rem 0;}
.contact{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 0.3rem;}
.contact-details{width: 49%; background: #fff; padding: 0.35rem; box-sizing: border-box;}
.contact-details-top{display: flex; justify-content: space-between; align-items: center;}

.contact-details-top-tit{font-family: SourceHanSansCN-Bold; font-size: 0.2rem; text-transform: uppercase;}

.contact-details-line{width: 100%; height: 0.01rem; background: #999; margin: 0.3rem 0 0.6rem;}
.contact-details-bottom{display: flex; justify-content: space-between;}
.contact-details-bottom .info{
  width: 45%;
	font-family: SourceHanSansCN-Regular;
	font-size: 0.14rem;
	line-height: 2;
	color: #666666;
}
.contact-details-bottom #share{display: flex; align-items: flex-end;}

.contact-form{padding: 0.4rem 0.3rem; background: #fff;}
.contact-form-tit{font-family: SourceHanSansCN-Bold; font-size: 0.2rem; color: #000;}
.contact-form-txt{font-family: SourceHanSansCN-Regular; font-size: 0.14rem; margin: 0.2rem 0; color: #777;}
.contact-form-line{height: 0.01rem; background: #999;}

.contact-inp{padding: 0.5rem 0;}
.contact-inp .contact-row{display: flex; flex-wrap: wrap;}
.contact-inp .contact-half {position: relative; width: 48%; box-sizing: border-box; margin: 0.2rem 0; margin-right: 2%;}
.contact-inp .contact-half input{
	width: 100% !important;
	padding:0.1rem 0;
	font-size: 0.14rem;
	color: #666;
	border:0;
	border-bottom:1px solid #ddd;
	outline: none;
	resize: none;
}
.contact-inp .contact-half span{
	position: absolute;
	left:0;
	padding:0.1rem 0;
	font-size: 14px;
	color: #666;
	transition: 0.3s;
	pointer-events: none;
}

.contact-inp .contact-half input:focus ~ span,
.contact-inp .contact-half input:valid ~ span{
	transform:translateY(-20px);
	font-size: 12px;
	letter-spacing: 1px;
	color: #000;
}
.contact-textarea{ margin: 0.25rem 0 0.4rem;}
.contact-textarea-tit{font-family: SourceHanSansCN-Regular; font-size: 0.14rem; color: #666;}
.contact-textarea textarea{width: 100%; height: 1.2rem; background: #f9f9f9; border: 0.01rem solid #ddd; margin: 0.1rem 0;
box-sizing: border-box; padding: 0.1rem;}
.contact-btn{width: 1.8rem; height: 0.5rem; line-height: 0.5rem; text-align: center; margin: 0 auto; background: #000;
border-radius: 0.2rem; font-size: 0.16rem;}
.contact-btn a{display: block; color: #fff;}

@media screen and (max-width:576px){

  .contact-box{background: #f5f5f5; padding: 0.5rem 0;}
  .contact{ display: flex; justify-content: space-between; flex-wrap: wrap;}
  .contact-details{width: 100%; background: #fff; padding: 0.35rem; box-sizing: border-box;}
  .contact-details:first-child{margin-bottom: 0.3rem;}
  .contact-details-top{display: flex; justify-content: space-between; align-items: center;}
  .contact-details-top-icon{transform: scale(0.8);}
  .contact-details-top-tit{font-family: SourceHanSansCN-Bold; font-size: 0.25rem; text-transform: uppercase;}
  
  .contact-details-line{width: 100%; height: 0.01rem; background: #999; margin: 0.3rem 0;}
  .contact-details-bottom{display: flex; justify-content: space-between; flex-wrap: wrap;}
  .contact-details-bottom .info{
    width: 100%;
    font-family: SourceHanSansCN-Regular;
    font-size: 0.25rem;
    line-height: 2;
    color: #666666;
    margin-bottom: 0.2rem;
  }
  .contact-details-bottom #share{display: flex; align-items: flex-end;}
  
.contact-form{padding: 0.4rem 0.3rem; background: #fff;}
.contact-form-tit{font-family: SourceHanSansCN-Bold; font-size: 0.25rem; color: #000;}
.contact-form-txt{font-family: SourceHanSansCN-Regular; font-size: 0.22rem; margin: 0.2rem 0; color: #777; line-height: 2;}
.contact-form-line{height: 0.01rem; background: #999;}


  .contact-inp{padding: 0.5rem 0;}
  .contact-inp .contact-row{display: flex; flex-wrap: wrap;}
  .contact-inp .contact-half {position: relative; width: 100%; box-sizing: border-box; margin: 0.2rem 0; margin-right: 0%;}
  .contact-inp .contact-half input{
    width: 100% !important;
    padding:0.1rem 0;
    font-size: 0.25rem;
    color: #666;
    border:0;
    border-bottom:1px solid #ddd;
    outline: none;
    resize: none;
  }
  .contact-inp .contact-half span{
    position: absolute;
    left:0;
    padding:0.1rem 0;
    font-size: 14px;
    color: #666;
    transition: 0.3s;
    pointer-events: none;
  }
  
  .contact-inp .contact-half input:focus ~ span,
  .contact-inp .contact-half input:valid ~ span{
    transform:translateY(-20px);
    font-size: 12px;
    letter-spacing: 1px;
    color: #000;
  }
  .contact-textarea{ margin: 0.25rem 0 0.4rem;}
  .contact-textarea-tit{font-family: SourceHanSansCN-Regular; font-size: 0.25rem; color: #666;}
  .contact-textarea textarea{width: 100%; height: 2rem; background: #f9f9f9; border: 0.01rem solid #ddd; margin: 0.1rem 0;
  box-sizing: border-box; padding: 0.1rem; font-size: 0.25rem; line-height: 2;}
  .contact-btn{width: 1.8rem; height: 0.7rem; line-height: 0.7rem; text-align: center; margin: 0 auto; background: #000;
  border-radius: 0.2rem; font-size: 0.25rem;}
  .contact-btn a{display: block; color: #fff;}

}
/*联系我们*/


/*产品详情*/
.productsview-route{background: #f5f5f5; line-height: 0.4rem; font-size: 0.14rem;}
.productsview-route a{color: #d7ac79;}

.productsview-top{display: flex; flex-wrap: wrap;}
.productsview-top-pic{display: flex; align-items: center; justify-content: center; width: 50%; box-sizing: border-box;
padding: 0.5rem 0;}
.productsview-top-pic img{display: block; max-width: 100%;}
.productsview-top-info{width: 50%; padding: 0.5rem; box-sizing: border-box;}
.productsview-top-info-tit{font-family: SourceHanSansCN-Bold; font-size: 0.3rem;}
.productsview-top-info-dis{font-family: SourceHanSansCN-Medium; font-size: 0.14rem; margin: 0.3rem 0;}
.productsview-top-info-txt{font-family: SourceHanSansCN-Medium; font-size: 0.14rem; line-height: 1.8;}
.productsview-top-info-btn{width: 1.8rem; height: 0.5rem; line-height: 0.5rem; text-align: center; background: #000;
  border-radius: 0.2rem; font-size: 0.16rem; margin-top: 0.3rem;}
.productsview-top-info-btn a{display: block; color: #fff;}

.productsview-tab-box{background: #f5f5f5;}
.productsview-tab{display: flex;}
.productsview-tab-li{line-height: 0.6rem; margin-right: 2.4rem; border-bottom: 0.03rem solid #f5f5f5;}
.productsview-tab-li a{display: block;}
.productsview-tab-li:hover{border-bottom: 0.03rem solid #000;}

.productsview-Overview{padding: 0.6rem 0;}
.productsview-Overview-tit{line-height: 0.6rem; background: #bbb; padding-left: 0.2rem; color: #fff;
  font-family: SourceHanSansCN-Regular;
	font-size: 0.2rem;}
.productsview-Overview-txt img{max-width: 100%;}

.productsview-Tech-box{margin-bottom: 0.5rem;}
.productsview-Tech-line{height: 0.02rem; background: #000; margin: 0.3rem 0;}
.productsview-Tech{}
.productsview-Tech-list{border-bottom: 0.01rem solid #dddddd;}
.productsview-Tech-tit{display: flex; justify-content: space-between; line-height: 0.6rem; align-items: center;
cursor: pointer;}
.productsview-Tech-tit span{font-family: SourceHanSansCN-Bold; font-size: 0.14rem; color: #000; text-transform: uppercase;}
.productsview-Tech-tit i{
  display: block;
	width: 0.2rem;
	height: 0.2rem;
  line-height: 0.2rem;
  font-style: normal;
  text-align: center;
  color: #fff;
	background-color: #4c4c4c;
}

.productsview-Tech-content{font-family: SourceHanSansCN-Bold; font-size: 0.14rem; line-height: 1.8;
display: none2; padding-bottom: 0.2rem; transition:all 1s;}

.productsview-Downloads{border-bottom: 0.01rem solid #dddddd;}
.productsview-Downloads-tit{
  font-family: SourceHanSansCN-Bold; font-size: 0.14rem; color: #000;
}
.productsview-Downloads-link{margin: 0.15rem 0 0.3rem;}
.productsview-Downloads-link a{font-family: SourceHanSansCN-Regular; color: #74a2e6;
	text-decoration: underline; font-size: 0.14rem; margin-left: 0.1rem;}


.theme-popover-mask{position:fixed;top:0;left:0;z-index:9998;display:none;width:100%;height:100%;background:#000;opacity:.4;filter:alpha(opacity=40)}
.theme-popover{position:fixed;top:50%;left:50%;z-index:9999;margin:-4rem 0 0 -3.35rem;width:6.7rem; height:8rem;
   border-radius:5px; background-color:#fff; box-shadow:0 0 10px #666; box-sizing: border-box; padding: 0.55rem 0.7rem;
  overflow-y:scroll; display: none;}
.theme-poptit{position:absolute; right:0.3rem; top:0.3rem; transform:scale(2);}
.Inquiry-tit{font-family: SourceHanSansCN-Bold; font-size: 0.2rem;}
.Inquiry-txt{font-family: SourceHanSansCN-Regular; font-size: 0.14rem; color: #777; line-height: 1.8; margin: 0.15rem 0;}
.Inquiry-pro{background: #f5f5f5; padding: 0.3rem; display: flex;}
.Inquiry-pro-pic{width: 22%; margin-right: 5%;}
.Inquiry-pro-pic img{max-width: 100%;}
.Inquiry-pro-info{width: 73%;}
.Inquiry-pro-info-tit{font-family: SourceHanSansCN-Bold; font-size: 0.2rem;}
.Inquiry-pro-info-dis{font-family: SourceHanSansCN-Medium; font-size: 0.14rem; margin: 0.1rem 0;}
.Inquiry-pro-info-txt{font-family: SourceHanSansCN-Medium; font-size: 0.14rem; line-height: 1.5;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; 数}
.Inquiry-inp{padding:0; margin-top: 0.3rem;}

  @media screen and (max-width:576px){

    .productsview-route{background: #f5f5f5; line-height: 0.8rem; font-size: 0.22rem;}
    .productsview-route a{color: #d7ac79;}
    
    .productsview-top{display: flex; flex-wrap: wrap;}
    .productsview-top-pic{display: flex; align-items: center; justify-content: center; width: 100%; box-sizing: border-box;
    padding: 0.5rem;}
    .productsview-top-pic img{display: block; max-width: 100%;}
    .productsview-top-info{width: 100%; padding: 0.5rem; box-sizing: border-box;}
    .productsview-top-info-tit{font-family: SourceHanSansCN-Bold; font-size: 0.3rem;}
    .productsview-top-info-dis{font-family: SourceHanSansCN-Medium; font-size: 0.2rem; margin: 0.3rem 0;}
    .productsview-top-info-txt{font-family: SourceHanSansCN-Medium; font-size: 0.25rem; line-height: 1.8;}
    .productsview-top-info-btn{width: 1.8rem; height: 0.5rem; line-height: 0.5rem; text-align: center; background: #000;
      border-radius: 0.2rem; font-size: 0.22rem; margin-top: 0.3rem;}
    .productsview-top-info-btn a{display: block; color: #fff;}
    
    .productsview-tab-box{background: #f5f5f5;}
    .productsview-tab{display: flex;}
    .productsview-tab-li{line-height: 0.8rem; margin-right: 0.4rem; border-bottom: 0.03rem solid #f5f5f5;
    font-size: 0.25rem;}
    .productsview-tab-li a{display: block;}
    .productsview-tab-li:hover{border-bottom: 0.03rem solid #000;}
    
    .productsview-Overview{padding: 0.3rem;}
    .productsview-Overview-tit{line-height: 0.6rem; background: #bbb; padding-left: 0.2rem; color: #fff;
      font-family: SourceHanSansCN-Regular;
      font-size: 0.25rem;}
    .productsview-Overview-txt img{max-width: 100%;}
    
    .productsview-Tech-box{margin-bottom: 0.5rem;}
    .productsview-Tech-line{height: 0.02rem; background: #000; margin: 0.3rem 0;}
    .productsview-Tech{}
    .productsview-Tech-list{border-bottom: 0.01rem solid #dddddd;}
    .productsview-Tech-tit{display: flex; justify-content: space-between; line-height: 0.8rem; align-items: center;
    cursor: pointer;}
    .productsview-Tech-tit span{font-family: SourceHanSansCN-Bold; font-size: 0.22rem; color: #000; text-transform: uppercase;}
    .productsview-Tech-tit i{
      display: block;
      width: 0.4rem;
      height: 0.4rem;
      line-height: 0.4rem;
      font-style: normal;
      text-align: center;
      color: #fff;
      background-color: #4c4c4c;
    }
    
    .productsview-Tech-content{font-family: SourceHanSansCN-Bold; font-size: 0.22rem; line-height: 1.8;
   padding-bottom: 0.2rem; transition:all 1s;}
    .productsview-Tech-content table{width:100%;}
    .productsview-Downloads{border-bottom: 0.01rem solid #dddddd;}
    .productsview-Downloads-tit{
      font-family: SourceHanSansCN-Bold; font-size: 0.22rem; color: #000;
    }
    .productsview-Downloads-link{margin: 0.15rem 0 0.3rem;}
    .productsview-Downloads-link a{font-family: SourceHanSansCN-Regular; color: #74a2e6;
      text-decoration: underline; font-size: 0.22rem; margin-left: 0.1rem;}
    
      
.theme-popover-mask{position:fixed;top:0;left:0;z-index:9998;display:none;width:100%;height:100%;background:#000;opacity:.4;filter:alpha(opacity=40)}
.theme-popover{position:fixed;top:10%;left:5%;z-index:9999;margin:0;width:90%; height:auto; max-height: 80%;
   border-radius:5px; background-color:#fff; box-shadow:0 0 10px #666; box-sizing: border-box; padding: 0.55rem 0.7rem;
  overflow-y:scroll;}
.theme-poptit{position:absolute; right:0.3rem; top:0.3rem; transform:scale(2);}
.Inquiry-tit{font-family: SourceHanSansCN-Bold; font-size: 0.25rem;}
.Inquiry-txt{font-family: SourceHanSansCN-Regular; font-size: 0.22rem; color: #777; line-height: 1.8; margin: 0.15rem 0;}
.Inquiry-pro{background: #f5f5f5; padding: 0.3rem; display: flex;}
.Inquiry-pro-pic{width: 30%; margin-right: 5%;}
.Inquiry-pro-pic img{max-width: 100%;}
.Inquiry-pro-info{width: 65%;}
.Inquiry-pro-info-tit{font-family: SourceHanSansCN-Bold; font-size: 0.25rem;}
.Inquiry-pro-info-dis{font-family: SourceHanSansCN-Medium; font-size: 0.22rem; margin: 0.1rem 0;}
.Inquiry-pro-info-txt{font-family: SourceHanSansCN-Medium; font-size: 0.22rem; line-height: 1.5;}
.Inquiry-inp{padding:0; margin-top: 0.3rem;}

  }

/*产品详情*/

/*产品列表*/
.products-content{display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0.3rem 0;}
.s-side{width:18%; }
.s-side:hover{ box-shadow: 0.01rem 0.01rem 0.05rem rgba(0,0,0,.3); transition: 0.5s;}
.s-firstDrop,.s-secondDrop{display:none}
.s-firstDrop{background:#f9f9f9; padding-bottom: 0.2rem;}
.s-side .s-firstItem i{font-size:0.25rem}
.s-side .s-firstItem span{display:inline-block;margin-left:10px;font-size:0.2rem;text-shadow:0 0 5px #eee;white-space:10px}
.s-side .first{border-bottom:1px solid #424242;}
.s-firstNav{line-height:.7rem; /*display:flex;justify-content:space-between;align-items:center; padding: 0 0.1rem;*/ position:relative;}
.s-firstNav a{display:block;}
.s-firstNav:hover a{background:#f9f9f9;}
.s-side .d-firstNav span{display:inline-block;margin-left:0.1rem; font-size: 0.2rem; font-family: AdobeHeitiStd-Regular;}
.s-side .d-firstNav i{font-size:0.25rem; position:absolute; top:40%; right:0.1rem}
.s-side .s-secondItem,
.s-side .s-secondNav{margin-left:0.3rem;margin-top:0.1rem; line-height: 0.4rem; padding: 0 0.1rem;
	font-family: SourceHanSansCN-Regular; font-size: 0.16rem;
  display:flex;justify-content:space-between;align-items:center;}
.s-side .s-secondNav i{font-size: 0.2rem;}
.d-firstNav:hover,.s-secondNav:hover{cursor:pointer}
.s-side .d-secondDrop{margin-left:0.8rem;margin-top:10px}
.iconRotate{transform:rotate(90deg);transition:transform .5s}
.s-thirdItem{line-height: 0.4rem; font-size: 0.14rem;
	font-family: SourceHanSansCN-Normal;}
.s-thirdItem input{margin-right: 0.1rem;}
.reset{width: 1.4rem; height: 0.4rem; background-color: #000000; border-radius: 0.05rem; border: solid 1px #000000;
margin: 0.3rem auto; text-align: center; line-height: 0.4rem; text-transform: uppercase;}
.reset a{color: #fff; display: block;}

.products{width: 80%;}
.products-top{display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.4rem;}
.products-top .tit{font-family: SourceHanSansCN-Normal; font-size: 0.2rem; font-weight: bold; color: #000;}
.products-top select{width: 1.8rem; height: 0.4rem;background-color: #ffffff; border-radius: 0.1rem; border: solid 1px #cccccc;
line-height: 0.4rem; font-family: SourceHanSansCN-Normal;font-size: 0.14rem; color: #333; padding-left: 0.1rem; cursor: pointer;}

.products-list{display: flex; flex-wrap: wrap;}
.products-list .products-li{width: 23.5%; margin-right: 2%; margin-bottom: 0.5rem;}
.products-list .products-li:nth-child(4n){margin-right: 0;}
.products-list .products-li-pic{background: #f5f5f5; width:100%;  height: 3.5rem; padding: 0.3rem; box-sizing: border-box;  text-align:center;}
.products-list .products-li-pic a{width:100%; height:100%; display: flex; align-items: center; justify-content: center; }
.products-list .products-li-pic img{max-width:100%; max-height:100%;}
.products-list .products-li-pic:hover img{ transform: scale(1.1); transition: 0.5s;}
.products-list .products-li-tit{font-family: SourceHanSansCN-Normal; font-size: 0.2rem; color: #434343; line-height: 1.8;
margin-top: 0.1rem; text-align:center;
overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}

@media screen and (max-width:576px){
  .products-content{/*display: flex; flex-wrap: wrap; justify-content: space-between;*/ padding: 0.3rem 0;}
  .s-side{width:90%; margin: 0 auto; margin-bottom: 0.2rem; }
  .s-side:hover{ box-shadow: none; transition: 0.5s;}
  .s-firstDrop,.s-secondDrop{display:none}
  .s-firstDrop{background:#f9f9f9; padding-bottom: 0.2rem;}
  .s-side .s-firstItem i{font-size:0.3rem}
  .s-side .s-firstItem span{display:inline-block;margin-left:10px;font-size:0.25rem;text-shadow:0 0 5px #eee;white-space:10px}
  .s-side .first{border-bottom:1px solid #424242;}
  .s-firstNav{line-height:.7rem;display:flex;justify-content:space-between;align-items:center; padding: 0 0.1rem;}
  .s-side .d-firstNav span{display:inline-block;margin-left:0.1rem; font-size: 0.28rem; font-family: AdobeHeitiStd-Regular;}
  .s-side .d-firstNav i{font-size:0.25rem}
  .s-side .s-secondItem,
  .s-side .s-secondNav{margin-left:0.3rem;margin-top:0.1rem; line-height: 0.5rem; padding: 0 0.1rem;
    font-family: SourceHanSansCN-Regular; font-size: 0.22rem;
    display:flex;justify-content:space-between;align-items:center;}
  .s-side .s-secondNav i{font-size: 0.2rem;}
  .d-firstNav:hover,.s-secondNav:hover{cursor:pointer}
  .s-side .d-secondDrop{margin-left:0.8rem;margin-top:10px}
  .iconRotate{transform:rotate(90deg);transition:transform .5s}
  .s-thirdItem{line-height: 0.4rem; font-size: 0.2rem;
    font-family: SourceHanSansCN-Normal;}
  .s-thirdItem input{margin-right: 0.1rem;}
  .reset{width: 1.4rem; height: 0.4rem; background-color: #000000; border-radius: 0.05rem; border: solid 1px #000000;
  margin: 0.3rem auto; text-align: center; line-height: 0.4rem; text-transform: uppercase;}
  .reset a{color: #fff; display: block;}
  
  .products{width: 90%; margin: 0 auto;}
  .products-top{display: flex; justify-content: space-between; margin-bottom: 0.4rem;}
  .products-top .tit{font-family: SourceHanSansCN-Normal; font-size: 0.25rem; font-weight: bold; color: #000;}
  .products-top select{width: 30%; height: 0.6rem;background-color: #ffffff; border-radius: 0.1rem; border: solid 1px #cccccc;
  line-height: 0.6rem; font-family: SourceHanSansCN-Normal;font-size: 0.22rem; color: #333; padding-left: 0.1rem; cursor: pointer;}
  
  .products-list{display: flex; flex-wrap: wrap;}
  .products-list .products-li{width: 48%; margin-right: 2%; margin-bottom: 0.5rem;}
  .products-list .products-li:nth-child(3n){margin-right: 2%;}
  .products-list .products-li:nth-child(2n){margin-right: 0%; margin-left: 2%;}
  .products-list .products-li-pic{background: #f5f5f5; height: 3.9rem; display: flex; align-items: center; justify-content: center; padding: 0.2rem; box-sizing: border-box;}
.products-list .products-li-pic a{width:100%; height:100%; display: flex; align-items: center; justify-content: center; }
.products-list .products-li-pic img{max-width:100%; max-height:100%;}
  .products-list .products-li-tit{font-family: SourceHanSansCN-Normal; font-size: 0.25rem; color: #434343; line-height: 1.8;
  margin-top: 0.1rem;}
}



.pages{width:100%; margin:0 auto; text-align:center;margin-top:0px; margin-bottom:30px; margin-top:15px}
/*�Ա����*/
.paginator { font: 12px "΢���ź�"; margin:0 auto; }
.paginator a {border:solid 1px #E3E3E3;color:#000;cursor:pointer;text-decoration:none; background-color:#FCFCFC;}
.paginator a:visited {/*padding: 1px 6px;*/ border: solid 1px #ddd; background: #fff; text-decoration: none;}
.paginator .cpb {border:1px solid #000000;color:#FFF;background-color:#000000; font-family:"微软雅黑"}
.paginator a:hover {border:solid 1px #000000;color:#fff;text-decoration:none; background:#000000; display:block}
.paginator a,.paginator a:visited,.paginator .cpb,.paginator a:hover  
{/*height:20px;line-height:20px;min-width:20px;_width:10px;*/margin-right:5px;text-align:center;
 white-space:nowrap;font-size:12px;font-family:"微软雅黑";padding:5px 10px; display:inline-block;}