@import url(com.css);
/*技术问答*/
.support-block{padding-top: clamp(0.55rem, 3.48vw, 70px); overflow: hidden;}
.support-search{margin-top: clamp(0.3rem, 2vw, 40px); border-top:1px solid #f0f0f0; }
.support-search .boxs{ max-width:1150px; margin:0 auto;  overflow:hidden; padding-top:1.2%; padding-bottom:1.2%;}
.support-search label{ float:left; line-height:32px; height:32px; width:136px; overflow:hidden; text-align:center; border-right:1px solid #f0f0f0;}
.support-search .input{ float:left; text-indent:40px; height:32px; width:calc(100% - 186px);width:-webkit-calc(100% - 186px);width:-moz-calc(100% - 186px);}
.support-search .submit{--size: 1.2em; --fill: #999999; width:50px; text-align:center; cursor:pointer; height:32px; line-height:32px;}
.support-search .submit:hover{ --fill: #264eb5; }
.support-faq-bg{ overflow:hidden;padding-top: clamp(0.45rem, 3.48vw, 67px);}
.support-faq-bg2{ overflow:hidden; background:#fff;padding-top: clamp(0.2rem, 2vw, 57px);}
.faq_ul{ max-width:1566px; width:94%; margin:0 auto; margin-bottom:4%;overflow:hidden;}
.faq_ul ul li{ display:block; overflow:hidden; transition:all 0.3s; -webkit-tap-highlight-color:transparent; border-bottom:1px solid #e7e7e7; }
.faq_ul ul li .h3-word {
  cursor:pointer;
}
.faq_ul ul li .icon {
  --iconw: 32px;
  position: absolute;
  display: block;
  right: 0;
  top: 19px;
  cursor:pointer;
  background: url(../image/faq_pic2.png) no-repeat center/contain;
  height: var(--iconw);
  width: var(--iconw);
}
/*.faq_ul ul li:hover{ background-image:url(../images/support/faq_pic2_on.png);}*/
.faq_ul ul li:hover .h3{   color:#1a77b6;}
.faq_ul ul li.on .h3{ background-image:url(../image/support_pic1.png); color:var(--mcolor);padding-left:36px;}
.faq_ul ul li.on .icon{ background-image:url(../image/faq_bg4_on.png);}
.faq_ul ul li .h3{ font-weight:bold; overflow:hidden; padding-top:20px; padding-bottom:20px;line-height:30px;/*white-space:nowrap;text-overflow:ellipsis;*/ transition:all 0.3s; position:relative; padding-right:40px; background-repeat:no-repeat; background-position:left 20px;background-size:26px 30px;}
.faq_ul ul li .down{ /*font-weight:lighter;*/ overflow:hidden; line-height:26px;padding: 4px 0 2%  0; display: none; padding-left:10px; color:#999999;padding-right:40px;}
.faq_ul ul li .down p{ overflow:hidden; margin-bottom:5px;}
/*资质证书*/
.certificate_ul{ overflow:hidden; margin-top:2%; }
.certificate_ul li{ float:left;width:25%; list-style:none; margin-bottom:var(--l1p); margin-top:var(--l1p);}
/*产品视频*/
.support_video{ overflow:hidden; margin-top:3%; }
.support_video li{ float:left;width:32%; margin-right:2%; margin-bottom:3%; list-style:none; overflow:hidden;}
.support_video li:nth-child(3n){ margin-right:0;}
.support_video li .vmake{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.2) no-repeat center center; background-size:52px 52px;transition:all 0.3s;}
.support_video li .img-box::before{ padding-top:58%;}
.support_video li:hover .vmake{background-image:url(../image/video_pic1.png); background-color:rgba(0,0,0,0.57); }
.support_video li .time{ position:absolute; bottom:13px; line-height:30px; height:30px; overflow:hidden; right:3%; color:#ffffff; /*font-weight:lighter;*/ transition:all 0.3s;}
.support_video li:hover .time{opacity:0;filter:Alpha(opacity=0);}
.support_video li .title{ font-weight:bold;line-height:1.6;margin-top: 4%;}
#videoplaybox{position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background: rgba(0, 0, 0, 0.45);display: flex;display: -webkit-flex;align-items: center;justify-content: center;display: none; z-index:5;}
#videoplaybox .videobg{ width: 1680px; width: 1000px; max-width: 96vw;background-color: #fff;padding: 58px; padding-bottom:40px;position: relative;}
#videoplaybox .videobg .video-box { position: relative; }
#videoplaybox .videobg .video-box .i-pad {
  --ph: 58%;
  box-sizing: border-box;
  display: block;
  padding-top: clamp(0px,var(--ph),76vh);
}
#videoplaybox .videobg video {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
#videoplaybox .videobg .videotext{display: flex;display: -webkit-flex;justify-content: space-between;padding-top: 30px;color: #999999;}
#videoplaybox .videobg .videoclose{display: block;position: absolute;right: 12px;top: 12px;/*transform: translate(18px,-18px);*/width: 34px;height: 34px;/*background-color: #fff;border-radius: 50%;border: 2px solid #000000;*/}
#videoplaybox .videobg .videoclose>i{display: block;margin: 0 auto;width: 24px;height: 2px;background-color: #000000;}
#videoplaybox .videobg .videoclose>i:first-child{transform: translateY(16px) rotateZ(45deg);}
#videoplaybox .videobg .videoclose>i:last-child{transform: translateY(14px) rotateZ(-45deg);}
#videoplaybox .videobg #video{ object-fit:cover;}
/*防伪认证*/
.support_anti{ overflow:hidden; margin-bottom:6%; margin-top:2%;}
.support_anti .anti_l{ float:left; width:46%; overflow:hidden; max-width:770px; margin-top:18px;}
.support_anti .anti_l .border{ border:1px solid #d1d1d1; overflow:hidden; border-radius:4px; margin-top:24px; background-repeat:no-repeat; background-position:10px center; background-size:21px 23px; padding-left:44px; position:relative;}
.support_anti .anti_l .border.bgs1{ background-image:url(../image/anti_pic1.png);}
.support_anti .anti_l .border.bgs2{ background-image:url(../image/anti_pic2.png);}
.support_anti .anti_l .border .input{width: 100%; padding: 0.8em 0em; line-height: calc(var(--lh) - 1.6em);}
.support_anti .anti_l .border .code{ position:absolute; right:10px; height:39px; top:50%; margin-top:-20px; width:137px; cursor:pointer;}
.support_anti .anti_l .submit-box{--lh: 44px; line-height: var(--lh); overflow:hidden; margin-top:50px; display:inline-block; vertical-align:top;}
.support_anti .anti_l .submit-box .btn{border-radius: calc(var(--lh)); background: var(--btn-bg);   width: 167px; cursor: pointer; text-align: center;
font-weight: bold; color: #ffffff; font-size:15px;}
.support_anti .anti_l .submit-box .btn:hover { background: var(--btn-bg-h);}
.support_anti .anti_l .txts{ margin-top:33px; border-top:1px dashed #e8e8e8; padding-top:20px; line-height:1.6; color:#777777; text-align:justify; clear:both;}
.support_anti .anti_r{ float:right; width:52%; max-width:655px;}
/*.support_anti .anti_r:before{ padding-top:81.9%;}*/
.support_anti .anti_r img{display: block;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.support_anti .anti_r:hover img{-webkit-transform:scale(1.02, 1.02); -moz-transform:scale(1.02, 1.02); -o-transform:scale(1.02, 1.02); -ms-transform:scale(1.02, 1.02); transform:scale(1.02, 1.02);}
.support-anti-bg{ overflow:hidden;padding-top: clamp(0.45rem, 4vw, 88px);}
.support_anti_ul{ overflow:hidden; margin-top:3%; padding-bottom:4%; border-bottom:1px solid #e0e0e0; line-height:1.6; color:#777777; margin-bottom:4%;}
.support_anti_ul.bgs2{ border-bottom:0; margin-bottom:0;}
.support_anti_ul ul li{ overflow:hidden;  margin-bottom:2%; display:block;padding-left:16px; position:relative;}
.support_anti_ul ul li:before{ content:""; position:absolute; width:6px; height:6px; top:14px; border-radius:50%;left:0; background:#0d5fbc;}
/*查询结果*/
.query-box{overflow:hidden;  margin: 25px 45px 45px; margin-bottom:0; padding-bottom:45px; --lh: 60px; background:url(../image/anti_img4.png) right bottom 45px no-repeat; background-size:28.9655% auto;}
.query-box.no{ background-image:url(../image/anti_img3.png);}
.query-box .query_div{ border:1px solid #d1d1d1; overflow:hidden; border-radius:4px; margin-top:24px; position:relative; text-align:left;padding: calc((var(--lh) - 1.4em - 2px)*0.5) 1.4em; padding-left:0;}
.query-box .query_div label{ float:left; width:266px; line-height:26px; color:#999999;padding-left:56px; /*font-weight:lighter;*/ background-repeat:no-repeat; background-position:12px center; background-size:29px 26px;}
.query-box .query_div.bgs1 label{ background-image:url(../image/anti_ico1.png);}
.query-box .query_div.bgs2 label{ background-image:url(../image/anti_ico2.png);}
.query-box .query_div.bgs3 label{ background-image:url(../image/anti_ico3.png);}
.query-box .query_div span{ overflow:hidden; display:block;}
.query-box.no .query_div span.red{ color:#d00b0b;}
.query-box .query_desc{ overflow:hidden; margin-top:10%; min-height:180px; margin-bottom:3%; line-height:1.6;}
.query-box .query_desc .h4{ font-weight:bold; overflow:hidden;}


@media screen and (max-width: 1700px) {
/*产品视频*/
/*防伪认证*/
.support_anti_ul ul li:before{ top:12px;}
/*查询结果*/
.query-box{ margin: 25px 40px 40px;--lh: 54px;margin-bottom:0; padding-bottom:40px;}

}
@media screen and (max-width: 1600px) {
/*产品视频*/
#videoplaybox .videobg{ padding:40px;}
#videoplaybox .videobg .videoclose{ right:7px; top:7px;}
/*查询结果*/
.query-box{margin: 22px 35px 35px;--lh: 52px;margin-bottom:0; padding-bottom:35px;}
}
@media screen and (max-width: 1500px) {
/*产品视频*/
#videoplaybox .videobg{ padding:30px;}
#videoplaybox .videobg .videoclose{ right:2px; top:2px;}
/*防伪认证*/
.support_anti_ul ul li:before{ top:10px;}
/*查询结果*/
.query-box{margin: 20px 32px 32px; --lh: 50px;margin-bottom:0; padding-bottom:32px;}
}
@media screen and (max-width: 1400px) {
/*产品视频*/
/*防伪认证*/
.support_anti .anti_l{ margin-top:15px;}
.support_anti .anti_l .border{ margin-top:20px;}
.support_anti .anti_l .submit-box{ margin-top:30px;}
.support_anti .anti_l .txts{ margin-top:25px; padding-top:15px;}
/*查询结果*/
.query-box{margin: 0.1rem 0.4rem 0.4rem; margin-bottom:0; padding-bottom:0.4rem;}
}

@media (max-width: 1200px) {
/*技术问答*/
.support-block{ padding-top: 0.55rem;}
/*查询结果*/
.query-box{--lh: 0.56rem;}
.query-box .query_div label{ width:236px;}

}

@media screen and (max-width: 992px) {
/*技术问答*/
.faq_ul ul li .icon {
  --iconw: 26px;
  top: 17px;
}
.faq_ul ul li .down{  line-height:26px; padding-right:30px;}
.faq_ul ul li .h3{  padding-right:30px; padding-top:15px; padding-bottom:15px; line-height:24px; }
.faq_ul ul li.on .h3{ background-size:22px auto; background-position:left 13px; padding-left:30px;}
/*资质证书*/
.certificate_ul{ margin-bottom:1%; margin-top:3%; }
.certificate_ul li{ width:50%;}
/*产品视频*/
.support_video li{ width:49%;}
.support_video li:nth-child(3n){ margin-right:2%;}
.support_video li:nth-child(2n){ margin-right:0;}
#videoplaybox .videobg .videotext{ padding-top:20px;}
/*防伪认证*/
.support_anti{ margin-top:1%;}
.support_anti .anti_l .submit-box .btn{ width:100%;}
.support_anti .anti_l{ float:none; width:100%; max-width:none;}
.support_anti .anti_l .submit-box{ width:100%;}
.support_anti .anti_r{ float:none; width:100%; max-width:none;}
/*查询结果*/
.query-box .query_div label{ width:216px;}
}

@media screen and (max-width: 640px) {
/*技术问答*/
.support-search label{ width:100px;}
.support-search .input{ text-indent:25px;width:calc(100% - 150px);width:-webkit-calc(100% - 150px);width:-moz-calc(100% - 150px);}
.faq_ul ul li .down{  line-height:24px;}
/*产品视频*/
.support_video li .vmake{background-size: 42px 42px;}
.support_video li .time { bottom: 0%; }
#videoplaybox .videobg{ padding-bottom:20px;}
#videoplaybox .videobg .videotext{ display:block; padding-top:10px;}
#videoplaybox .videobg span{ display:block; width:100%; overflow:hidden;}
/*防伪认证*/
.support_anti_ul ul li:before{ top:8px;}
/*查询结果*/
.query-box .query_div{ margin-top:20px;}
.query-box .query_div label{ width:196px; background-size:26px auto; background-position:12px center;}
}
@media screen and (max-width: 480px) {
/*技术问答*/
.support-search label{ width:80px;}
.support-search .submit{--size: 16px;}
.support-search .input{ text-indent:20px;width:calc(100% - 130px);width:-webkit-calc(100% - 130px);width:-moz-calc(100% - 130px); font-size:14px;}
.support-search .boxs{ padding-top:2%; padding-bottom:2%;}
.faq_ul ul li .icon {
  --iconw: 22px;
}
.faq_ul ul li .down{  line-height:22px;}
.faq_ul ul li .h3{ line-height:22px; padding-top:10px; padding-bottom:10px;}
.faq_ul ul li.on .h3{background-position: left 8px;}
/*产品视频*/
.support_video li .vmake{background-size: 32px 32px;}
#videoplaybox .videobg .videoclose{ right:-6px; top:-6px;}
#videoplaybox .videobg .videoclose>i { width: 18px; }
#videoplaybox .videobg{ padding:20px; padding-bottom:15px;}
/*防伪认证*/
.support_anti .anti_l .border{ margin-top:4%;}
.support_anti .anti_l .border .code{ right:6px;}
.support_anti .anti_l .txts { text-align: left; }
.support_anti .anti_l .submit-box{ margin-top:4%;}
/*查询结果*/
.query-box{ background-position:right bottom 20px;margin: 0.1rem 0.2rem 0.4rem; margin-bottom:0; padding-bottom:0.4rem;background-size:35% auto;}
.query-box .query_div{ margin-top:10px;border:0; padding-bottom:0; padding-right:0;}
.query-box .query_desc{ min-height:160px;}
.query-box .query_div label{ float:none; display:block; width:100%;background-size:22px auto; background-position:0px center; padding-left:32px;}
.query-box .query_div span{ border:1px solid #d1d1d1; border-radius:4px; line-height:26px; padding-top:5px; padding-bottom:5px; padding-left:32px; margin-top:10px;}

}
@media screen and (max-width: 420px) {
/*技术问答*/
.support-search label{ width:70px;}
.support-search .input{ text-indent:12px;width:calc(100% - 110px);width:-webkit-calc(100% - 110px);width:-moz-calc(100% - 110px); font-size:12px;}
.support-search .submit{ width:40px;}
.faq_ul ul li .down{ line-height:20px;}
.faq_ul ul li .h3{ line-height:20px;}
/*防伪认证*/
.support_anti .anti_l .border .code{ right:4px; margin-top:-19px;}
.support_anti_ul ul li{ padding-left:12px;}
.support_anti_ul ul li:before{ top:6px;}
/*查询结果*/
.query-box{ background-position:right bottom 15px;}
.query-box .query_desc{ min-height:150px;}
}
@media screen and (max-width: 360px) {
/*技术问答*/
.support-search label{ width:60px;}
.support-search .input{width:calc(100% - 100px);width:-webkit-calc(100% - 100px);width:-moz-calc(100% - 100px); text-indent:10px;}
/*防伪认证*/
.support_anti .anti_l .border .code{ margin-top:-18px; height:36px;}

}