/* CSS Document */

@media (max-width:1500px){

}

@media (max-width:1440px){

}
@media (max-width:1300px){



.rightejectcon1{ width:90%; margin-left:5%;}
.rightejectcon1 .fdh{ padding-left:0px; width:60%; float:left; margin-top:28px;}
.rightejectcon1 .fdh li{ float:left; height:50px; line-height:50px; margin:0px 0px 0px 60px; position:relative;}
.rightejectcon1 .fdh li a{ display:block; font-size:17px;}

.rightejectcon1 .search{ padding-right:50px; float:right; height:100px; line-height:100px; font-size:14px; white-space:nowrap;}
.rightejectcon1 .search img{ vertical-align:middle; margin-left:15px;}

.rightejecttit{ right:5%;}

}

@media (max-width:1200px){


}

@media (max-width:1050px){

.dh{ background:#fff;}
.righteject{ display:none;}

.ny_dh{ height:56px;}

.dh .logo{ margin-left:5%;}
.dh .logo img{ width:160px;}

.phone-header{ display:block;}

.dh .logo{ display:none;}
.dh .logo2{ display:block; padding:8px 0px; float:left; padding-left:20px;}
.dh .logo2 img{ height:40px; display:block;}


.in_banner .swiper-slide .ani{ font-size:35px; width:90%; left:5%; background-size: 300px;}
.in_banner .swiper-slide img{ width:270px;}

.in_about1 p{ font-size:13px;}

.in_about1_x{ width:50%; padding:10px 0px;}

.in_about2{ height:500px;}


.in_about .bt{ width:90%; margin-left:5%;}
.in_product{ width:90%; margin-left:5%;}
.in_about1{ width:90%; margin-left:5%;}
.di{ width:90%;  padding:15px 5%;}

.product_xx{ width:90%;  padding:30px 5%;}

.product_lb{ width:90%;  padding:15px 5%; margin-top:20px;}
.product_lb ul li{ width:50%;}
.product_lb ul li .nr h2{ font-size:16px;}

.about_banner{ background:none; height:auto; margin-top:56px;}
.about_banner img{ display:block; height:auto;}

.about1{ font-size:13px; line-height:28px; width:90%; margin:0px 5%;}

.news{ width:90%;}

.product_banner .swiper-slide .ani{ font-size:30px;}
.product_banner .swiper-slide .ani span{ font-size:20px;}

.product_xlb ul li a{ width:100%; font-size:12px; line-height:24px; background-size:50px;}
.product_xlb ul li a .left{ width:120px; border-right:1px solid #ccc; padding:15px 0px;}
.product_xlb ul li a .right{ width:calc(100% - 140px); padding:15px 0px;}
.product_xlb ul li a:hover{ background-size:50px;}

}

@media (max-width:768px){
.slider-multi.shrink ul li .content .logo{ height:30px !important;}

.in_product_t .img img{ height:35px;}
.in_product_t .img{ width:100%; height:200px;}
.in_product_t .nr{ width:100%; height:320px;}
.PopupText1{ height:200px;}

.reveal-modal1{ top:10% !important;}

.in_about2{ background: none; height: auto;}
.in_about2 img{
    width: 100%;
    height: auto;
    display: block;
}


.di_l{ width:100%; margin-bottom:20px;}
.di_r{ width:100%;}
.di_r .bt{ margin-left:0%;}

.di_r1{ text-align:center;}

.di .cop{ display:none;}
.di .cop1{ display:block;}


.di_r .social-icons{ margin-left:0px;}
.di_r .social-icons a{ width:18%;}

.product_lb ul.tj li{ width:100%; padding:0px;}
.product_lb ul li{ padding:0px 10px;}
.product_lb ul{ width: calc(100% + 20px); margin-left:-10px;}
.product_lb ul.tj{ width:100%; margin-left:0px;}

.about1 img{ width:100% !important; margin:0px !important;}

.news2{ display:none;}
.news3{ display:block;}

.product_xx .nr img{ width:100%;}

.in_about1{ background-size:40% !important;}

.in_banner{
    height: 300px;
}

}

@media (max-width:568px){


}

@media (max-width:480px){

}

@media (max-width:350px){

}