/*
* @description: IPAD
* @author: Senxia
* @update: 2018-07-18
*/



.index{ padding: 0;}


@media (max-width:1280px) and (min-width:1025px){
    
    .nav .nav_zt li{ margin: 0 0.15rem; line-height: 0.46rem; position: relative;}
    .nav .nav_zt li .list{display: none;}
    .i-down h2, .product h2, .about h2{ font-size: 0.24rem;}
    .common{ padding-left: 0.5rem; padding-right: 0.5rem;}
    

}

@media (max-width:1024px) and (min-width:769px){
    .header .logo{ width: auto;}
    .header .logo img {height: 0.40rem; width: auto;}
    .nav{ padding: 0.3rem 0.5rem;}
    .nav .nav_zt li{ margin: 0 0.15rem; line-height: 0.46rem; position: relative;}
    .i-down h2, .product h2, .about h2{ font-size: 0.24rem; font-weight: bolder}
    .i-down p, .product p, .about p{ font-size: 0.14rem; line-height: 1.7}
    .footer .wz2 span+span{ display: none;}
    .nav .nav_zt li a{ font-size: 0.16rem;}
    .common{ padding-left: 0.5rem; padding-right: 0.5rem;}
    .common-nav-list li{ font-size: 0; max-width: 1.5rem; margin: 0 0.12rem;}
    .common-nav-list li a,.common-nav-list li{ line-height: 1.7;}
   /* .company-img2{ margin-bottom: -1.5rem !important;}
    .company-img2 img{ max-width: 100% !important;}
    .company .company-img2 p{ padding-left:0; padding-right: 0; width: 100%; }
    */
    .header .nav .nav_zt li .list{ display: none;}

    .new-zt ul.new-list li{ width: 47.5%;}
    .new-zt ul.new-list li:nth-child(3n){margin-right: 5% !important;}
    .new-zt ul.new-list li:nth-child(2n){ margin-right:0 !important;}

}


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






.index .l{ width: 50%; margin-top: 0; float: left; vertical-align: middle; text-align: center;}
.index .r{ width: 50%; margin-top: 0; padding-bottom: 0.3rem; float: left; text-align: center; vertical-align: middle;}

.i-down,.product,.about{ width: 100%; float: left; margin-top: 0.5rem;}
.i-down h2,.product h2,.about h2{ font-size: 0.3rem; width: 100%; font-family: "Helvetica-45",arial;font-style: italic}
.i-down img,.product img,.about img{ max-width: 100%;}
.i-down img:hover,.product img:hover,.about img:hover{ max-width: 100%; opacity: 0.7;}
.i-down img{ position: absolute; top: 50%; margin-top: -3.5rem; left: 0; width: 100%;}
.i-down .l{height: 4rem; overflow: hidden; position: relative;}


.i-down .r{ box-sizing: border-box; padding: 0.6rem 0.2rem 0.2rem; text-align: left}



.i-down p,.product p,.about p{ width: 100%; float: left; font-size: 0.14rem; line-height: 1.7; font-style: italic}

.product .l{ text-align: left; padding: 0; float: right; height: 4rem; overflow: hidden;}
.product .l img{ height: 4rem; max-width: auto!important;}
.product .r{  padding: 0.6rem 0.2rem 0.2rem; text-align: right }


.about{ width: 100%; float: left;}
.about .l{ width: 100%;}
.about .r{ width: 100%;}



.footer{ width: 100%; background: #000; float: left;   text-align: center; color: #fff; position: relative; z-index: 99; }
.footer{ padding: 0.2rem; box-sizing: border-box}
.footer span+span{ display: none;}
    
    .nav{ padding: 0.3rem 0.5rem;}
    .nav .nav_zt li{ margin: 0 0.15rem; line-height: 0.46rem; position: relative;}
    .i-down h2, .product h2, .about h2{ font-size: 0.24rem; font-weight: bolder}
    .i-down p, .product p, .about p{ font-size: 0.14rem; line-height: 1.7}
    .nav .nav_zt li a{ font-size: 0.16rem;}
    .common{ padding-left: 0.5rem; padding-right: 0.5rem;}
    .common-nav-list li{ font-size: 0; max-width: 1.5rem; margin: 0 0.12rem;}
    .common-nav-list li a,.common-nav-list li{ line-height: 1.7;}
   /* .company-img2{ margin-bottom: -1.5rem !important;}
    .company-img2 img{ max-width: 100% !important;}
    .company .company-img2 p{ padding-left:0; padding-right: 0; width: 100%; }
    */

    .new-zt ul.new-list li{ width: 47.5%;}
    .new-zt ul.new-list li:nth-child(3n){margin-right: 5% !important;}
    .new-zt ul.new-list li:nth-child(2n){ margin-right:0 !important;}

}