/* CSS Document */




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

    /*头部*/
    .header{ height:70px;}
    .header .logo,.header .logo img{ height:40px; width:auto;}
    .header .logo{ margin-top:15px;}
    
    .w650{ width:100%;}
    
    
    
    /* 导航开始 */
    .daohang{ display:none;}
    .nav{-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease; display:block;}
    .nav{width:100%;background:#fff;float:left;}
    .nav li{ width:8%;height:20px;line-height:20px;float:left;font-size:14px;text-align:center;position:relative;}
    .nav ul li a{color:#fff;display:block; font-size:18px;}
    .nav ul li:hover,.nav ul li.another{}
    .nav ul li:hover a{ color:#fff !important;}
    .nav ul li.another a.wp_nav_li{ padding-bottom:0 !important;}
    .nav ul li .box{ padding-top:0;}
     .toggle{opacity: 0;}
    
     .toggle {
        width: 25px;
        height: 20px;
        position: absolute;
        top: 20px;
        right: 0px;
        cursor: pointer;
        z-index: -1;
    }
     .toggle em {
        width: 100%;
        height: 3px;
        position: absolute;
        top: 0px;
        left: 0px;
        background-color:#fff;
        border-radius: 5px;
    }
     .toggle em:nth-child(2) {
        top:8px;
    }
     .toggle em:last-child {
        top: auto;
        bottom: 0px;
    }
     .toggle em:first-child {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
     .toggle em:last-child {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
     .toggle em, .header .toggle{
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    
    .active .nav li {
        opacity: 0;
    }
    
    .chose {
      width: 21px;
      height: 21px;
      background:url(../images/chose.png) no-repeat center;
      -webkit-background-size: 100%;
      background-size: 100%;
      position: absolute;
      right: 15px;
      top: 16px;
      cursor: pointer;
    }
    /* 导航结束 */
    
     .nav,.active .nav{
        width: 260px;
        height:auto;
        position: fixed;
        float: none;
        top: 0px;
        left: -260px;
        right: auto;
        border-left: 2px solid #d7d7d7;
        bottom: 0px;
        background-color:rgba(148,148,148,.91);
        z-index: 10;
        -webkit-transition: all 0.6s ease;
        -moz-transition: all 0.6s ease;
        -ms-transition: all 0.6s ease;
        -o-transition: all 0.6s ease;
        transition: all 0.6s ease;}
     .nav ul{width:auto;height:auto; overflow:hidden;}
     .nav ul li{ margin-right:0; margin-left:25px;}
     .nav ul li .box li{ margin-left:0; background:none;}
     .nav li, .nav li a{    
        width: 100%;
        margin: 0;
    }
     .nav li a{
        width:100%;
        float:none;
        font-size:14px;
        display:block;
        color:#333;
        padding-left:30px;
        text-align:left;
    }
     .toggle{opacity:1;right:15px;}
     .toggle em:first-child, .toggle em:last-child{-webkit-transform:translateY(0);transform:translateY(0);}
     .toggle{z-index:1;}
     .nav.show{padding-top: 50px;}
     .nav.show li a:hover{
        
    }
    .sec_nav{position:initial !important; background:none !important; border-bottom:none !important; box-shadow:none !important;}
    .sec_nav span > a{color:#fff !important;padding-left:40px !important;}
    .sec_nav{width:100%;display:none;position:absolute;left:-25%;top:50px;z-index:100;  }
    .web_hid_nav{display:block !important}
    .nav li{position:initial;height:auto;}
    .sec_nav .web_hid_nav a{ color:#fff !important;}
    .web_hid_nav{ background-color:#fff !important;}
    
    
    .nav ul li{ padding:0; float:none;}
    .nav ul li a{ border-right:none;}
    .nav ul li a, .nav ul li .box li a{ padding:10px 0 !important;}
    
    .daohang ul li{ width:100%;}
    .daohang ul li a{ height:auto; padding:0 0 0 30px !important; height:40px; line-height:40px; font-size:15px;}
    .daohang ul li .box{ width:inherit !important; left:inherit !important; top:inherit !important; margin-left:auto !important;}
    .daohang ul li .box li:hover a b,.daohang ul li .box li a b{ display:none !important;}
    .daohang ul li .box li a{ width:100%; padding:0 0 0 40px !important; line-height:30px;}
    .daohang ul li .box li a span{ float:none; color:#333 !important;}
    .daohang ul li .box li:hover a span{ color:#fff !important;}
    .daohang ul li .box li:hover a{ background-color:#009944 !important;}
    
    
    
    
    .device,.swiper-container { height:auto !important;}
    .swiper-wrapper,.swiper-slide{ height:auto !important; background:none !important;}
    .swiper-slide img{ display:block !important;}
    .zongbu{ display:none !important;}
    
    
    .w1200,.fangan,.chanpin-xq,.lianxi{ width:auto;}
    h1 span, .h1 span{ font-size:36px !important;}
    
    
    
    
    /*首页*/
    .sy-1 .sy-1-n{ margin:50px auto;}
    .sy-1 .sy-1-n video{ width:100%; height:auto;}
    .sy-1 .sy-1-n .bt{ font-size:18px;}
    .sy-1 .sy-1-n div p.z-1{ font-size:24px; margin-top:30px; padding:0;}
    .sy-1 .sy-1-n div p.z-2{ font-size:14px; margin-top:15px;}
    .sy-1 img{ max-width:100% !important;}
    .sy-2 .bt{ height:120px;}
    .sy-2 .bt p{ width:100px; font-size:24px; padding:30px 0;}
    .w980,.w1050{ width:auto;}
    .sy-2 ul li{ padding:0 0 30px; margin-bottom:50px;}
    .sy-2 ul li:nth-child(odd) .fl,.sy-2 ul li:nth-child(odd) .fr,.sy-2 ul li .fl,.sy-2 ul li .fr{ float:none;}
    .sy-2 ul li .fl{ text-align:center;}
    .sy-2 ul li .fr{ margin-top:20px; width:auto;}
    .sy-2 ul li .fr .z-1{ font-size:20px; margin-bottom:10px;}
    .sy-2 ul li .fr .z-2{ font-size:14px;}
    .sy-3{ width:auto; margin:0 auto 50px;}
    .sy-3 .bt{ font-size:24px; margin-bottom:30px;}
    .sy-3 ul li{ width:auto; margin-right:0; margin-top:30px;}
    .sy-3 ul li:first-child,.sy-3 ul li:nth-child(2){ margin-top:0;}
    .col-xs-6{ width:50% !important;}
    .sy-3 ul li p{ height:30px; line-height:30px; font-size:16px;}
    .sy-3 .more{ margin-top:50px;}
    .sy-3 .more a{ font-size:18px;}
    .sy-4{ padding-top:30px; padding-bottom:30px;}
    .sy-4 .bt{ font-size:24px; margin-bottom:30px;}
    .sy-4 ul{ width:auto;}
    .sy-4 ul li{ width:auto; margin-right:0;}
    .row{ margin-left:-15px !important; margin-right:-15px !important;}
    .col-xs-4{ width:33.33333333% !important;}
    .sy-4 ul li{ height:220px;}
    .sy-4 ul li p{ font-size:14px; height:auto; line-height:normal; padding:10px 0;}
    .sy-5{ width:auto; margin-top:50px; margin-bottom:50px;}
    .sy-5 .bt{ font-size:24px; padding-left:0; margin-bottom:30px;}
    .sy-5 ul li{ margin-right:0; margin-bottom:30px;} 
    .sy-5 ul li p.t-1,.sy-5 ul li p.t-1 img{ height:120px;}
    .sy-5 ul li .z-1{ font-size:16px; margin-top:20px; -webkit-line-clamp:2; height:auto;}
    .sy-5 ul li .z-2{ font-size:12px; margin:10px auto;}
    .sy-5 ul li .z-3{ font-size:14px; height:100px;}
    .sy-5 ul li .more{ font-size:14px; margin-top:10px;}
    .sy-6{ padding-top:30px; padding-bottom:50px;}
    .sy-6 .bt, .sy-6 ul{ width:auto;}
    .sy-6 .bt{ font-size:24px; margin-bottom:30px;}
    .sy-6 ul li{ margin-right:0; margin-bottom:20px;}
    .sy-6 .owl-carousel .owl-item img{ height:auto !important;}
    
    
    
    /*技术页*/
    .jj-li,.w-50{ float:none; width:100%; margin:0 auto;}
    hr{ width:100%;}
    
    
    /*产品页*/
    .chanpin{ margin-bottom:80px; width:100%;}
    .chanpin .bt{ margin-top:50px;}
    .chanpin .bt h1{ font-size:24px;}
    .chanpin .bt small{ font-size:20px; margin:15px auto;}
    .chanpin .bt span{ width:40px;}
    .chanpin img{ max-width:100% !important; height:auto !important;}
    .chanpin .cp-fenlei{ width:100%; margin-top:50px;}
    .chanpin .cp-fenlei ul li,.chanpin .cp-fenlei ul li:nth-child(4){ margin-top:20px; text-align:center;}
    .chanpin .cp-n ul li p.t-1{ height:auto;}
    .chanpin .cp-n ul li p.t-1 img{ height:100px !important;}
    .chanpin .cp-fenlei ul li:nth-child(4n),.chanpin .cp-fenlei ul li{ margin-right:auto;}
    .chanpin .cp-fenlei ul li:first-child,.chanpin .cp-fenlei ul li:nth-child(2),.chanpin .cp-fenlei ul li:nth-child(3){ margin-top:0;}
    .chanpin .cp-fenlei ul li a{ font-size:18px;} 
    .chanpin .cp-n{ margin-top:50px;}
    .chanpin .cp-n ul li{ width:auto; margin-bottom:30px;}
    .chanpin .cp-n ul li,.chanpin .cp-n ul li:nth-child(3n){ margin-right:0;}
    .chanpin .cp-n ul li p.z-1{ font-size:16px; padding:10px 0;}
    .chanpin .fenye{ margin-top:50px;}
    .chanpin .fenye a, .chanpin .fenye span{ font-size:16px; width:25px; height:25px; line-height:25px;}
    .chanpin .fenye a.a1:nth-child(2){ margin-right:15px;}
    .chanpin .fenye a.a1:last-child{ margin-left:15px;}
    
    
    /*产品详情页*/
    .chanpin-xq{ margin:50px auto 80px;}
    .chanpin-xq .dqwz{ font-size:14px;}
    .chanpin-xq .cpxq-n{ margin:50px auto; padding:0;}
    .chanpin-xq .cpxq-n .z-1{ font-size:18px; margin:30px auto 20px;}
    .chanpin-xq .cpxq-n .z-2{ font-size:14px;}
    .chanpin-xq .xiangguan span.x{ width:40px; margin-bottom:15px;}
    .chanpin-xq .xiangguan .bt{ font-size:18px; margin-bottom:30px;}
    .owl-carousel{ width:80% !important; margin-left:auto; margin-right:auto;}
    .owl-carousel p{ font-size:16px; padding:10px 0;}
    .owl-prev, .owl-next{ width:15px; height:130px;}
    .owl-prev{ left:-10%;}
    .owl-next{ right:-10%;}
    
    
    
    
    
    
    /*技术页*/
    /*解决方案页*/
    .fangan .bt .z-1{ font-size:20px;}
    .fangan .fa-n{ font-size:14px;}
    .fangan .fa-n .z-2{ padding-top:20px;}
    #youku-playerBox,#youku-playerBox div,embed{ max-width:100% !important; height:auto !important;}
    
    
    
    
    .zhichi .cp-n ul li p.t-1 img{ height:auto !important;}
    
    
    
    
    
    /*新闻页*/
    .xinwen .xw-n{ margin-top:50px;}
    .xinwen .xw-n li{ margin-bottom:30px; width:100%; margin-right:0;}
    .xinwen .xw-n li .t-1{ margin-bottom:20px; height:auto;}
    .xinwen .xw-n li .z-1{ font-size:12px;}
    .xinwen .xw-n li .z-2{ margin:10px auto; -webkit-line-clamp:1;}
    .xinwen .xw-n li .z-2 a{ font-size:18px;}
    .xinwen .xw-n li .z-3,.xinwen .xw-n li .z-3-sj{ font-size:14px; height:auto;}
     
    
    .zhichi .cp-n ul li p.t-1{ height:auto;}
    
    
    /*关于页*/
    .guanyu{ width:auto;}
    .guanyu .gy-1-n{ font-size:14px; padding-bottom:30px; margin-top:50px;}
    .guanyu .gy-1-n p.z-1{ font-size:20px; margin-bottom:30px;}
    
    
    
    
    
    
    /*联系页*/
    .lianxi .lx-n{ font-size:16px; margin:50px auto 0; padding:0 0 30px;}
    .lianxi .tijiao{ width:auto;}
    .lianxi .tijiao form table tr th{ font-size:16px;}
    .lianxi .tijiao form #dosubmit{ width:100px; height:40px; line-height:40px; font-size:16px; margin-top:30px;}
    
    
    
    
    
    
    
    
    
    
    
    
    
    /*底部*/
    .footer { padding-bottom:10px;}
    /*.footer .di-1 .fl,.footer .di-1 .fr{ float:none;}*/
    .footer .di-1, .footer .di-2{ width:auto;}
    .footer .di-1 .fl img{ width:180px;}
    .footer .di-1 .fr{ margin-top:10px;}
    .footer .di-1 .fr p{ margin-right:0; margin-top:20px;}
    .footer .di-1 .fr p span{ text-align:left; font-size:14px;}
    .footer .di-2{ margin-top:10px;}
    .footer .di-2 p{ font-size:12px;}
    /*.footer .di-1 .fr div{ text-align:justify !important;}*/
    /*.footer .di-1 .fr div br{ display:none !important;}*/
    
    
    
    }
    
    
    
    
    
    @media screen and (max-width: 769px){
    
        
    
    }
    
    
    @media screen and (max-width:640px){
    
        .chanpin.lianxi.fangan.container video{ width:100%; height:auto; margin-top:20px; }
        .chanpin.xinwen.container .cp-fenleinews ul{  }
        .chanpin.xinwen.container .cp-fenleinews ul li{ width: 50% !important; }
        
        
        .chanpin-xq.xinwen-new { padding: 0; }
        .chanpin-xq.xinwen-new .z-new{  background: #18cedd;
        padding: 5%;
        color: #fff;
        padding-left: 5%;
        padding-top: 30px; }
        .chanpin-xq.xinwen-new .z-new h3{ margin-bottom: 20px; }
        .chanpin-xq.xinwen-new .z-new h4::after{ width: 50px; }
        .chanpin-xq.xinwen-new .z-2{ padding:5%; }
        .chanpin-xq.xinwen-new .z-2 img{  margin:0px !important; }
        .chanpin-xq.xinwen-new .z-2 h1{ position:static; }
    }
    
    
    @media screen and (max-width: 374px){
    
    
    
    
    }