.navBtn{display:none;position:absolute;right:15px;top:10px;width: 30px;height: 30px;transform: translateZ(0px) rotate(0deg);transition: transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99)}
.lcitem {display:none;position: absolute;left: 0;top: 0;width: 30px;height: 30px;transform: translateZ(0px) rotate(0deg);transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;-webkit-transform: translateZ(0px) rotate(0deg);-webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;}
.lcitem .rect {position: absolute;left: 0;top: 14px;width: 30px;height: 1px;background: #999;transition: transform 0.2s ease 0.2s;-webkit-transition: -webkit-transform 0.2s ease 0.2s;}
.lcitem .rect.ltop {transform: translate3d(0px, -6px, 0px);-webkit-transform: translate3d(0px, -6px, 0px);}
.lcitem .rect.lbottom {transform: translate3d(0px, 6px, 0px);-webkit-transform: translate3d(0px, 6px, 0px);}

.navBtn span{font-size:16px;margin-left:-15px;white-space: nowrap;line-height: 30px;width:50px;text-align:right;display: block}

.ovh{}
.ovh .sitecontent{transform: translate3d(-260px,0,0);-webkit-transform: translate3d(-260px,0,0);}

.ovh .navBtn span{display:none;}
.ovh .navBtn {transform: translateZ(0px) rotate(90deg);-webkit-transform: translateZ(0px) rotate(90deg);}

.ovh .navBtn .lcitem {
  display:block;
  transform: translateZ(0px) rotate(45deg);transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.2s;
  -webkit-transform: translateZ(0px) rotate(45deg);-webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.2s;
}
.ovh .navBtn .lcitem.lbottom {transform: translateZ(0px) rotate(-45deg);-webkit-transform: translateZ(0px) rotate(-45deg);}
.ovh .navBtn .lcitem .rect {
  transition: transform 0.2s ease 0s;transform: translate3d(0px, 0px, 0px);
  -webkit-transition: -webkit-transform 0.2s ease 0s;-webkit-transform: translate3d(0px, 0px, 0px);
}


/*主菜单=======================*/
.mnav{display:none;position:fixed;right:0;width:260px;top:0;height:100%;background-color:#FAFAFA;transition:all 0.64s ease 0s;box-sizing:border-box;overflow-x: hidden;  overflow-y: auto;}
.navhd{height:50px;border-bottom:1px solid #EBEBEB;}
#mnav li{border-top:1px solid #EBEBEB;}
#mnav>li:first-child{border-top:0;}
#mnav a{position:relative;display:block;height:49px;line-height:49px;padding-left:40px;color:#666;text-transform: uppercase;font-size:1rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden}
#mnav>li>a>.dot{position:absolute;left:20px;top:50%;border:#999 1px solid;border-radius:50%;width:8px;height:8px;margin-top:-4px;}
#mnav a.active{background:#0093dd;color:#fff;}
#mnav>li>a.active .dot{background:#fff;border-color:#fff;}

#mnav .hsub{}
#mnav .hsub:after{position:absolute;right:20px;top:50%;content:'';border-top:1px solid #b7b7b7;border-right:1px solid #b7b7b7;width:10px;height:10px;@include transition(.15s);-webkit-transform:translate(0px,-6px) rotate(45deg);transform:translate(0px,-6px) rotate(45deg);}

#mnav .sub{z-index:2;display:none;}
#mnav .sub a{padding-left:55px;font-size:.9rem;}
#mnav .sub .dot{position:absolute;left:35px;top:50%;margin-top:-1px;border-top:1px solid #b7b7b7;border-right:1px solid #b7b7b7;width:6px;height:6px;-webkit-transform:translate(0px,-3px) rotate(45deg);transform:translate(0px,-3px) rotate(45deg);}

#mnav a.show:after{-webkit-transform:translate(0px,-10px) rotate(135deg);transform:translate(0px,-10px) rotate(135deg);}
#mnav .sub a.active .dot{border-color:#fff;}


@media (max-width: 1024px){
  .wrapper, #main_content{width:100%;}
  #main_content{}

  .header .nav li{margin-right:10px;}
  .header .nav .psa{padding:0 20px;}

  .header .slink,.header .tso{right:10px;}

  .prod .bd{margin:0px;}
  .prod li {width: calc(25% - 20px);margin: 0 10px 13px;}

  #side{display:none;}
  #main{float:none;width:auto;padding:0 10px;}

  .links{padding:0 10px;}
  .footer{padding:10px;}

  .prod_list .list{padding:1%;}
  .prod_list .list li{width: calc(25% - 20px);margin: 0 10px 13px;}
}

@media (max-width: 768px) {
  *{box-sizing: border-box;}
  body, html {width: 100%;height: 100%;overflow: hidden;}
  .sitecontent{transition:all 0.5s ease 0s;box-shadow:0px 0px 20px rgba(0, 0, 0, 0.1);position:relative;z-index:1;background:#fff;height: 100%;}

  .container {padding: 50px 0 0;overflow-y: auto;height: 100%;}
  .container, .mnav {overflow-x: hidden;}
  .navBtn{display:block}

  .wrapper, #main_content{width:100%;margin:0;padding:0;}
  .header{position: fixed;top:0;left:0;right:0;}
  .header:after{position: absolute;bottom:0;left:0;right:0;background:#ddd;content:'';height:1px;}
  .header .slink,.header .tso,.nav,#side,#main_t,.fnav,.onlinebox{display: none;}

  .header .top{height:50px;}
  .header .logo{float:none;height: 50px;padding: 10px 0 10px 10px;margin:0;}
  .header .logo a{float: none;}
  .header .logo img {width: auto;height: 100%;display: inline-block;}

  .nbanner{display: none;}
  .banner .bnav {bottom:10px;}
  .banner .bnav a{width:5px;height:5px;margin-right:3px;}

  .mnav{display: block}

  #main{float:none;width:auto;padding: 0;}
  #main_c{padding:0;}

  .pagination li{margin:0 3px;}
  .pagination li a{padding:0 10px;}

  /*首页*/
  .box .hd{font-size:18px;text-align:center;margin:0;padding:20px 0;height: auto;line-height:30px;}

  .prod{margin:35px 0 0px;border-bottom:1px solid #e6e6e6;padding-bottom:34px;}
  .prod .hd{margin:0 2% 30px;}
  .prod .hd h2{font-size:18px;}

  .prod .bd{padding:1%;}
  .prod li{float:left;width:31.3333%;margin:1%}
  .prod li .pic{display:block;border:1px dotted #d8d8d8;width:100%;height:auto}
  .prod li .pic img{width:100%;height:auto}
  .prod li h3{line-height:38px;height:38px;overflow:hidden;font-size:12px;text-overflow: ellipsis;white-space: nowrap;}

  .more{display:block;width:50%;margin:30px 25% 0}

  .about{float:none;width:100%;margin-right:0px;border-bottom:1px solid #e6e6e6;padding-bottom:30px;}
  .about .bd{padding:0 14px;height:auto;overflow:visible;}
  .about .bd img{margin-bottom:10px;width:100%;}

  .news{float:none;width:100%;margin-right:0px;border-bottom:1px solid #e6e6e6;padding-bottom:30px;}
  .news .bd{height:auto;padding:0 20px;}
  .news li{}
  .news .hot{margin-bottom:10px;}
  .news .hot .pic{float:left;width:120px;height:81px;}
  .news .hot .pic img{width:100%;height:100%}
  .news .hot h2{font-size:14px;margin-bottom:5px;height:28px;line-height:28px;}
  .news .hot .desc{margin-left:135px;font-size:12px;}
  .news .hot p{height:44px;overflow: hidden;}
  .news .item{height:40px;line-height:40px;font-size:12px;}

  .faq{float:none;width:100%;border-bottom:1px solid #e6e6e6;padding-bottom:30px;}
  .faq .bd{padding:0 20px;}
  .faq li{margin-bottom:30px;}
  .faq li h2{font-size:14px;}
  .faq li p{font-size:12px;}
  .faq .more{margin-top:0px;}


  .nfooter,.nlinks{display: none;}
  .footer{padding:0;}
  .copyright{clear:both;line-height:22px;border-top:0;padding:20px;position:relative;}
  .copyright .fl{float:none;text-align:left}
  .copyright .fr{float:none;text-align:left;margin:10px 0;}
  .copyright .qrcode{display:none;position:static;text-align:center;}
  .copyright .qrcode img{height:80px;}

  .links{line-height:24px;margin:20px 0px;overflow:hidden;padding:0 10px;}
  .links h3{display:none;}
  .links .list{display:block;white-space: nowrap;overflow-x:auto}
  .links a{margin:0 10px 0 0;display: inline-block;border:1px solid #ddd;padding:5px 10px;}


  /*============================*/
  .contact{padding:20px;}
  .contact .pic{margin-bottom:20px;}

  #dituContent{height:300px;margin:0 20px 30px;}

  .newslist{padding:10px 10px;}
  .newslist .item{position:relative;padding:15px 0;border-bottom:1px dotted #ddd;}
  .newslist .item:after{content:"020";display:block;height:0;clear:both;visibility:hidden;}
  .newslist .item .pic{width:120px;height:80px;}
  .newslist .item .pic img{width:100%;height:100%;}
  .newslist .item .desc{margin-left:130px;height:auto;}
  .newslist .item .desc .title{line-height:30px;font-size:14px;}
  .newslist .item .desc .info{height:44px;overflow:hidden;font-size:12px}


  .news_detail{padding:10px;font-size:12px;}
  .news_detail .tt{margin-bottom:10px;}
  .news_detail .info{line-height:20px;}

  .recommended{padding:10px;}
  .recommended h2{line-height:30px;font-size:14px;font-weight:normal;}
  .recommended li{position:relative;padding:0 80px 0 10px;font-size:12px;height: 40px;line-height:40px;}
  .recommended li:last-child{border-bottom:0}
  .recommended li a{display:block;white-space:nowrap;text-overflow: ellipsis;overflow: hidden}
  .recommended li i{position:absolute;left:0;top:17px;margin:0}
  .recommended li em{position:absolute;right:0;top:0;}

  /**/
  .prod_list{padding:10px 0}
  .prod_list .list{padding:1%;margin:0;}
  .prod_list .list li{float:left;width:31.3333%;margin:1%}
  .prod_list .list li .pic{display:block;border:1px dotted #d8d8d8;width:100%;height:auto}
  .prod_list .list li .pic img{width:100%;height:100%}
  .prod_list .list h3{line-height:38px;height:38px;font-size:12px;white-space: nowrap;text-overflow: ellipsis;}

  /*产品详细*/
  .prod_detail{padding:0px;background:#fff;}
  .prod_detail .prod_pic{width:100%;float:none;padding:0px;margin:0px;}
  .prod_detail .prod_info{width:100%;float:none;}
  .prod_detail .bpic{display:none;}
  .prod_detail .spic{display:none;}

  .prod_detail .spics{display:block;width:100%;height:150px;position:relative;overflow:hidden;margin-bottom:10px;}
  .prod_detail .spics .hd{position:absolute;height:28px;line-height:28px;bottom:0;right:20px;z-index:1;}
  .prod_detail .spics .hd li{display:inline-block;width:5px;height:5px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#333;text-indent:-9999px;overflow:hidden;margin:0 6px;}
  .prod_detail .spics .hd li.on{background:#ddd;}
  .prod_detail .spics li{float:left;margin:0;}
  .prod_detail .spics a{display:block;width:100%;height:100%;}
  .prod_detail .spics a img{width:100%;height:100%;}

  .prod_info{color:#777;font-size:14px;}
  .prod_info .prod_title{font-size:18px;font-weight:400;line-height:25px;margin:10px;}
  .prod_info .info{line-height:28px;padding:0 15px;}
  .prod_info .chat{background:#f2f2f2;padding:8px 15px 18px;margin:14px 0 0px}
  .prod_info .chat h3{font-size:16px;font-weight:400;line-height:30px;margin-bottom:15px;}
  .prod_info .chat .list{height:44px;}
  .prod_info .chat a{float:left;width:calc(50% - 10px);height:44px;line-height:44px;font-size:18px;background:#00aaf0;color:#fff;border-radius:4px;margin-right:10px;}
  .prod_info .chat a i{float:left;width:44px;height:44px;margin:0 10px 0 8px}
  .prod_info .icon-skype{background-position:-21px -2px}
  .prod_info .icon-email{background-position:-21px -46px}

  .tab{}
  .tab .tabt{border-top:1px solid #74caf6;height:48px;line-height:48px;background:#fafafa}
  .tab .tabt span{width:33.3333%;padding:0 5px;font-size:14px;}
  .tab .tabt span.active{color:#74caf6}
  .tab .tabc{padding:20px;display:none}

  .relateddownload li{line-height:30px;border-bottom:1px dotted #ddd;margin-bottom:10px;}
  .relateddownload li i{float:left;width:5px;height:5px;background:#ddd;margin:12px 10px 0 0}

  .pnav{margin:10px;}


  .pic_list{padding-top:20px;}
  .pic_list .li{float:left;width:208px;margin:0 45px 20px 0;}
  .pic_list .li .pic{display:block;width:196px;height:135px;margin-bottom:6px;border:1px solid #ddd;padding:4px;}
  .pic_list .li .pic img{width:100%;height:100%}
  .pic_list .li .tt{display:block;font-weight:normal;font-size:14px;line-height:20px;height:40px;overflow:hidden;text-align:center}
  .pic_list .end{margin-right:0;}

  .pic_list2{padding-top:20px;}
  .pic_list2 .li{float:left;width:180px;margin:0 60px 30px 0}
  .pic_list2 .li .pic{display:block;width:180px;height:48px;border:1px solid #ddd;}
  .pic_list2 .li .pic img{width:100%;height:100%}
  .pic_list2 .li .tt{display:block;font-weight:normal;font-size:14px;line-height:30px;height:30px;overflow:hidden;text-align:center}
  .pic_list2 .end{margin-right:0;}

  .pic_list3{padding-top:20px;}
  .pic_list3 .li{float:left;width:232px;margin:0 30px 20px 0}
  .pic_list3 .li .pic{display:block;width:230px;height:130px;border:1px solid #ddd;}
  .pic_list3 .li .pic img{width:100%;height:100%}
  .pic_list3 .li .tt{display:block;font-weight:normal;font-size:14px;line-height:30px;height:30px;overflow:hidden;text-align:center}
  .pic_list3 .end{margin-right:0;}

  /*解决方案*/
  .solution_list{padding:0 10px;}
  .solution_list .li{margin:10px 0;height:auto;border:1px solid #f3f3f3;padding:10px;}
  .solution_list .pic{float:left;width:100%;height:auto;border:0;margin-bottom:10px;}
  .solution_list .pic img{width:100%;height:auto}
  .solution_list .desc{margin-left:0px;color:#797979;}
  .solution_list .desc p{font-size:14px;font-weight:400;margin:0;line-height:20px;}
  .solution_list .tit{font-size:16px;line-height:30px;margin-bottom:10px;height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
  .solution_list .con{display: none;}

  .solution_detail{padding:10px}
  .solution_detail .pic{float:none;width:100%;height:auto;}
  .solution_detail .pic img{width:100%;height:auto}
  .solution_detail .intro{margin:10px 0 20px;}
  .solution_detail .intro h3{font-size:14px;font-weight:400;}
  .solution_detail .title{font-size:18px;}
  .solution_detail .con{line-height:22px;font-size:14px;font-weight:400;margin-top:15px;}
  .solution_detail .bpic{border:1px solid #f3f3f3;margin-top:0px;}
  .solution_detail .hd h2{font-size:18px;}

  .download_list{padding:0 10px;}
  .download_list .item{padding:14px 0;}
  .download_list .item .pic{width:100px;height:75px;}
  .download_list .item .pic img{width:100%;height:100%}
  .download_list .item .desc{margin-left:110px;}
  .download_list .item h2{font-size:14px;}
  .download_list .down a{display:block;width:110px;padding-left:15px;height:25px;line-height:25px;text-align:center;background:url(../images/download.jpg) no-repeat;background-size:auto 25px;color:#fff;font-size:12px;}

}
@media (max-width: 480px) {
  .prod li{float:left;width:48%;margin:1%}
  .prod_list .list li{float:left;width:48%;margin:1%}
}
@media (max-width: 350px) {

}