/*-------------------------------------
                   平板 begin
                 ----------------------------------*/
@media screen and (max-width: 1200px) 
{
    .layout{ width:100%;}
    .top{ display:none;}
    .w1200{ width:100%; }

    .nav_wrap{ right:auto; left:330px;}

    .leftnav{ width:25%;}
    .rgcont{ width:73%;}
}   

@media screen and (min-width:980px){
    .msg{ width:320px;}
    
}

@media screen and (max-width: 980px) {
    .leftnav{ display:none;}
    .rgcont{ width:100%;}
    .foot_items{ padding:2%;}
    .wrap{ position:fixed; background:rgba(220,220,220,0.7); z-index:99}
    .ctus{ position:fixed;top:40px; right:3px; z-index:999}
    
    .z10000 { position:relative; z-index:100000; }
    .mobile-body-mask { width:100%; height:100vh; background:rgba(0, 0, 0, 0.6); position:fixed; left:0; top:0; z-index:999 }
    .mobile-ico-close { width:30px; height:30px; background:#fff url(../Images/888.png) center center no-repeat; background-size:50% auto; position:absolute; right:-35px; top:0; }
    .sub-content { position:relative; display:block; right:auto; border-radius:0; border:none; box-shadow:none; z-index:99999; }
    .lang-more { display:none !important }
    .mobile-head-items { position:fixed; top:0; left:0; background:#161622; width:100%; height:25px; line-height:25px; text-align:left; display:block; z-index:999; }
    .mobile-head-item { float:left; width:45px; }
    .mobile-head-item.mobile-head-aside { float:right }
    .mobile-head-item .title { width:60px; margin:auto; padding-top:5px;  line-height:25px; overflow:hidden; text-align:center; color:#FFF; }
    .mobile-head-item .title a { position:relative; display:block; color:#FFF; }
    .mobile-head-item.mobile-head-home .title a:before { content:'\f015'; }
    .mobile-head-item.mobile-head-nav .title:before { content:url(../Images/nav-bottom.png); }
    .mobile-head-item.mobile-head-search .title:before { content:url(../Images/555.png); }
    .mobile-head-item.mobile-head-social .title:before { content:"\f007"; }
    .mobile-head-item.mobile-head-aside .title:before { content:url(../Images/999.png); }
    .mobile-head-item .main-content-wrap { background:#FFF; top:0; display:block; z-index:99999; }
    .mobile-head-item .main-content-wrap .content-wrap { overflow-y: scroll; height:100%; padding:15px 10px; }
    .mobile-head-item .main-content-wrap.middle-content-wrap .content-wrap { overflow-y:hidden; }
    .mobile-head-item .side-content-wrap { position:fixed; display:block; left:-70%; width:70%; height:100%; }
    .mobile-head-item .middle-content-wrap { position:absolute; left:0; width:100%; height:auto; padding:20px 0; opacity:0; visibility:hidden; }
    .mobile-head-item .middle-show-content-wrap { top:30px; visibility:visible; opacity:1; }
    .index_web_head.web_head{ position:relative;background: rgba(0,0,0,1);}
    .logo{position:relative; display:block;}
    .logo img{ height:50px;}
    .web_head{ padding:24px 0 0; height:auto; height:50px; }
    .web_head .btn--search{  right:0; top:-20px; margin:0;}
    .web_head .nav_wrap,.web_head .change-language,.web_head .btn--search{ display:none;}
    .head-search{ position:relative;width:90%; height:35px; margin:0 auto; background:#000;}
    .head-search .search-txt{ position:absolute; width:83%; height:90%;left:0; top:0; color:#FFF; padding:0 10px; background:#000; border:0;}
    .head-search .search-btn{ position:absolute; width:35px; height:100%; background:url(../Images/555.png) no-repeat center center; border:none; right:0; top:0; display:block !important;}
    .head-search .search-attr{display:none;}

    .mobile-nav { position:fixed; bottom:0; left:0; background:#161622; border-radius:0 8px 0 0; width:18%; height:45px; line-height:25px; text-align:left; display:block; z-index:999; }
 
    /*nav */
    .head_nav li { position:relative; display:block; width:100%; font-size:16px; }
    .head_nav > li { border-bottom: 1px solid #eee; line-height:35px; }
    .head_nav > li:after { content:url(../Images/666.png); position: absolute; right: 0; top:0; color:#999; font-size:12px; }
    .head_nav li ul { display:block; width:100%; }
    .head_nav li ul li { width:auto; padding:0 10px; font-size:14px; text-transform:lowercase; line-height:30px; }
    .head_nav li ul li:before { content:""; width:3px; height:3px; background:#999; border-radius:50%; position:absolute; left:0; top:15px; }
    .head_nav li ul li li { line-height:25px; font-family: 'SourceSansProLight'; }
    .head_nav li ul li li:before { display:none; }

    .copyright{    margin-bottom: 46px;}

    .adv1{ height:auto;}
    .adv1 div.advbg2{ margin-left:0;margin-right:0;}  
    .adv1 .advv{  width:calc(33.3% - 80px);}
    .adv{ height:auto;}
    .ind_prod ul li{ width:calc(33.3% - 22px); margin: 0 10px 20px 10px;}
    .ind_prod ul li:nth-child(4),.ind_prod ul li:nth-child(8){ margin-right:10px;}

    .msg{ height:45px; width:80%;}
    .msg ul{ display:none;}

    .firtop,.fircen{flex-direction: column;}
    .fircen{  width:calc(100%-80px)}
    .firtop>div{width: 40%;margin: 0 auto;margin-bottom: 15px;}
    .fircen .fircenlef{width: 100%;text-align: center;}
    .fircenlef div{text-align: left;}
    .fircen .fircenrig{display:none;}
}
          
@media (min-width:481px) and (max-width: 880px)  {
    .protop .proimg{ width:49%; margin-left:1%; float:left;}
    .protop img.curimg{ width:100%; height:auto; border:1px solid #c3c3c3; cursor:pointer; }
    .protop ul{width:100%; float:none; margin-right:0; }
    .protop ul li{ width:49.5%; margin-right:1%; margin-bottom:0; cursor:pointer;   }
    .protop ul li:last-child{  margin-right:0;}
    .protop ul li img{ border-radius:5px; width:100%; border:1px solid #c3c3c3; }
    .protop .prot{ width:47%; float:right; margin:0 1.5%;}
}            

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

    .banner h1{ padding-top:50px}
    .ctact_cont li span{width:35%;}
    .advcont{ width:80%;}
    .ind_prod ul li span{ height:60px;}
    .ind_tit span { width:60%;    }
    .ind_tit span:first-child, .ind_tit span:last-child
    {
        width:20%;
    }

}

@media screen and (max-width: 600px)
{
    .adv1 .advv{ width:calc(100% - 80px); height:auto; float:left; margin-top:30px;}
}

/*-------------------------------------
                   手机 begin
                 ----------------------------------*/
@media screen and (max-width: 480px) {
    .foot_item.foot_item_info,.foot_item.foot_item_product,.foot_item.foot_item_contact{ width:100%; padding:0; margin:0 0 30px;}
    .gotop { display:none !important; }
    .cont .tit{ padding:0; text-align:center;}
    .ctact_cont li span{width:40%;}
    .ctact_cont li .inptrea{ width:57%;}

    /*产品*/
    .list ul li{ width:44%; text-align:center; margin:5px 0 5px 3.5%; float:left; display:inline; border:1px solid #c3c3c3;}
    .list ul li div,.list ul li img{ width:100%; float:none;}
    .list ul li div p,.list ul li .getall{ display:none;}

    #newslist li{ width:93%;}
    #newslist img{ display:none;}
    #newslist p{ text-align:left; padding-right: 8px; display:block;}
    #newslist .getall{ display:block; background:#ffbc0e}

    .ind_prod ul li{ width:calc(48% - 2px); margin:0 1% 20px 1%;}
    .ind_prod ul li:nth-child(4),.ind_prod ul li:nth-child(8){ margin-right:1%;}


    .protop .proimg{ width:100%; float:none;}
    .protop img.curimg{ width:calc(100% - 22px); height:auto; padding:10px; border:1px solid #c3c3c3; cursor:pointer; }
    .protop ul{width:100%; float:none;}
    .protop ul li{float:left; width:calc(33.3% - 10px); margin-right:10px; margin-top:10px; cursor:pointer;   }
    .protop ul li img{ border-radius:5px; width:100%; border:1px solid #c3c3c3; }
    .protop .prot{ width:100%; margin:10px; float:none;}
    .prorec ul li{ width:49.7%; border-bottom:1px dashed #c3c3c3;}

    .ctact_info dl{ width:90%; margin:20px auto; }

}