@charset "utf-8";

@media screen and (max-width:1200px)
{
    header .logo  {
        float: left;
        width: 60%;
        margin-left:2% ;
    }
    header .logo img {
       max-width: 100%;
    }
    header .headerright dl{ display: none;}
    .imainbg{ display: none;}
    .imain2 .iproduct {

        height:auto;
        background:none;

    }
    .imain2 .iproduct .cpleft {
        float:none;
        width: 96%;
        background: none;
        margin: 0 2%;

    }
    .imain2 .iproduct .cpleft ul li {
        display: inline-block;
        clear: none;
        border-bottom: none;
        line-height: 40px;
        background: #282828;
         margin-bottom: 10px;
    }
    .iproduct .cpzhanshi {
        float: none;
        width: 96%;
        background: none;
        margin: 0 2%;
        padding: 15px 0px;
    }
    .iproduct .cpzhanshi ul li {

        padding: 1%;
        width: 23%;
    }
    .imain2 .iproduct .cpleft li a:hover,.imain2 .iproduct .cpleft li a.active,.imain2 .iproduct .cpleft li a.active:link,.imain2 .iproduct .cpleft li a.active:visited{ background:#f6b402;}

    .imain1 .ititle1,.imain2 .ititle2, .imain3 .ititle3,.imain4 .ititle4,.imain4 .anlibox {

        width: 96%;
        margin:1% 2%;

    }
    .newsbox {
       width:96%;
        margin: 30px 2% 0 2%;
    }
    .footbg{ display: none;}
    .linkbox .biaoti {
        float: none;
        width: 96%;
        border-right: none;
        margin: 0 2%;
        padding: 10px 0px;
    }
    .linkbox .linknr {
        float: none;
        width: 96%;
        margin: 0 2%;
    }
    .footer {

       width: 96%;
        margin: 0 2%;
         }

}

@media screen and (max-width:859px){
    header { padding-top: 10px; padding-bottom: 10px;}
    header .headerright {
        width: 180px;
        padding: 0;
    }
    .newsbox .xwleft,.imain1 .guanggao{ display: none;}
    .newsbox .xwright {
        float: none;
        width: 92%;
        padding:0 4% 2% 4%;
        padding-top: 40px;
    }
    .imain1 dl dt {
         display: none;
    }
    .imain1 dl dd {
        float: none;
        width: 100%;
    }
    .yb_conct{ display: none;}
    .imain2 .iproduct .cpleft ul li a {
        padding: 0px 10px;
    }
}

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

{




    /*产品分类*/
    .menu3 h3{width:32%;}
    .menu4 ul a {width:30%;}

    .message_add p{ padding:3px 0; float:none; width:100%;}

    .position{display:none;}
    .positioninfo{display:none;}


    .product_list ul li{ float:left; width:48%; padding:5px 1% 10px 1%;}

    .info_listimg ul li{float:left; width:46%; padding:5px 1% 5px 1%;}

    .newsbox  dl dt{ display:none;}
    .newsbox dl dd{ float:none;width:98%; margin:0 auto; clear:both;}
    .mainbox4 ul li{width:48%; }

}


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


    /*产品分类*/
    .menu3 h3{width:48%;}
    .menu3 h3 a,.menu3 h3 a:link,.menu3 h3 a:visited{ font-size:13px;}
    .menu4 ul a {width:46%; font-size:12px;}


    /*新闻内页*/
    .info_list ol  span.views {
      display: none;
    }
    .info_list ol  span.date{ display:none;}
    .info_list ol.info a.title {
        width: 96%;
    }
    .info_list ol.head11{ display: none;}
    .infosearch{ display: none;}
    .linkbg{display: none;}
    .newsbox .xwleft dl dt{display:none;}
    .newsbox .xwleft dl dd{ width:100%; float: none;}
    .titlebox1 h3{ display: none; }


    header .logo  {

         width: 96%;
        margin: 0 2%;
        text-align: center;
    }
    header .headerright{ width: 60%; margin-top: 5px;}
    header .headerright ul {
        padding-top: 0;
    }
    header .headerright ul li {
        float: left;
        width:80px;
        margin-left: 10px;
        background: #000000;
    }
    header .headerright ul li a {
        background: none;
        display: block;
        color: #FFFFFF;
        line-height: 30px;
        padding: 0;
        text-align: center;
    }
    .navbg{ margin-top: 0;}


    .imain1,.imain3 {
        margin: 10px auto 20px auto;
    }
    .imain2,.imain4 { padding: 10px 0 20px 0;}

    .imain1 .ititle1, .imain2 .ititle2, .imain3 .ititle3, .imain4 .ititle4, .imain4 .anlibox {
      background: none;
        padding: 0;
        text-align: center;
    }
    .imain1 .ititle1 a,.imain2 .ititle2 a,.imain3 .ititle3 a,.imain4 .ititle4 a {
       font-size: 20px;
    }
    .imain1 dl dd h2 {
        font-size: 16px;
        line-height: 30px;
        padding: 5px 0px;
    }
    .imain1 dl {
        margin: 15px auto 0 auto;
        padding: 10px 20px;
        overflow: hidden;
    }

    .iproduct .cpzhanshi ul li {
        padding: 2%;
        width: 46%;
    }
    .newsbox {
      margin: 15px 2% 0 2%;
    }
	
	
    .newsbox .xwright ul li span{ display: none;}
	
	.info_list dl{width:47%; padding-left:1%;}


    .imain4 .anlibox{ margin-top: 20px;}
    .imain1 .gengduo,.imain2 .gengduo,.imain3 .gengduo {
              margin-top: 10px;
    }
    .imain4 .gengduo{ padding-top: 10px;}

    .linkbg {
        padding: 20px 0px;
    }

    .footer .banquan{ width: 100%; clear: both;}
    .footer dl {
        float: none;
        margin: 0 auto;
    }
    .footer dl dt,.footer dl dd{ padding-top: 10px; line-height: 16px;}
}