@charset "utf-8";

/*width:1200+*/



@media only screen and (min-width: 1004px) and (max-width: 2800px){

	/** 鼠标滑过 斜切 **/

.dd, .simg, .imgW .img, .imga, .product-list a, .teach-list .imga a, .news-list .more{

    transition:all ease-in .3s;

    -moz-transition:all ease-in .3s;

    -ms-transition:all ease-in .3s;

    -o-transition:all ease-in .3s;

    -webkit-transition:all ease-in .3s;

}

.shadow1 .imga:hover,.shadow1 dd:hover{

    box-shadow:0px 0px 10px #aaa;

    -moz-box-shadow:0px 0px 10px #aaa;

    -ms-box-shadow:0px 0px 10px #aaa;

    -o-box-shadow:0px 0px 10px #aaa;

    -webkit-box-shadow:0px 0px 10px #aaa;

}

.shadow99 .imga:hover,.shadow99 dd:hover{

    transform:translateY(-5px);

    -moz-transform:translateY(-5px);

    -ms-transform:translateY(-5px);

    -o-transform:translateY(-5px);

    -transform:translateY(-5px);

    box-shadow:0px 0px 10px #999;

    -moz-box-shadow:0px 0px 10px #999;

    -ms-box-shadow:0px 0px 10px #999;

    -o-box-shadow:0px 0px 10px #999;

    -webkit-box-shadow:0px 0px 10px #999;

}

.shadowcc .imga:hover{

    box-shadow:0px 0px 10px #ccc;

    -moz-box-shadow:0px 0px 10px #ccc;

    -ms-box-shadow:0px 0px 10px #ccc;

    -o-box-shadow:0px 0px 10px #ccc;

    -webkit-box-shadow:0px 0px 10px #ccc;

}

.lateY .imga:hover{

    transform:translateY(-5px);

    -moz-transform:translateY(-5px);

    -ms-transform:translateY(-5px);

    -o-transform:translateY(-5px);

    -transform:translateY(-5px);

    box-shadow:0px 0px 10px #ccc;

    -moz-box-shadow:0px 0px 10px #ccc;

    -ms-box-shadow:0px 0px 10px #ccc;

    -o-box-shadow:0px 0px 10px #ccc;

    -webkit-box-shadow:0px 0px 10px #ccc;

}

.lateY10 .imga:hover{

    transform:translateY(-10px);

    -moz-transform:translateY(-10px);

    -ms-transform:translateY(-10px);

    -o-transform:translateY(-10px);

    -transform:translateY(-10px);

}

.scale:hover .simg,.imgW:hover .img,.product-list a:hover .img{

    -ms-transform:scale(1.1);

    -moz-transform:scale(1.1);

    -webkit-transform:scale(1.1);

    -o-transform:scale(1.1);

    transform:scale(1.1);

}







}







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



}

/** max-width:1200 **/

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

   .wp{ width:96%;}



}

/** max-width:1024 **/

@media only screen and (max-width: 1023px) {
    .detailprItem{width: 48%}

.banner .banimgarea .banimg{
    height: 300px;
    width: auto;
}
    .banner .banimgarea video{height: 300px;}

.nav{ display:none;}

.menubtn{ display:block;} 



.loarea{ height:60px;}

.loarea .logo{ width:140px; }

.loarea .logo img{ height:32px;}

.tel{ display:none;}

.mtel{ display:block;}

.banner .swiper-pagination{ display:none;}

.banner .swiper-button-prev,.banner .swiper-button-next{ 

    display:inline-block; 

    width:20px; 

    height:28px;

    margin-top:-14px;

}

.footer_wap{ display:block;}

.pcshow{ display:none;}

.wapshow{ display:inline-block;}





.serchBox{display: none;}

.headerBox{padding-top: 12px;}

.heptx{display: none;}

.headtop{padding: 5px 0}

.bantext{width: 90%; font-size: 14px;}

.bantext h3{font-size: 24px}

.bantext p{margin: 10px 0}

.semore{padding: 5px 15px; font-size: 16px;}

.inpupularBg{padding-top: 25px; background-size: cover;}

.title{max-width: 98%; font-size: 14px; margin: 0 auto 20px;}

.title h3{font-size: 28px;}

.populItem{width: 48%; margin: 5px 1%}

.bantext img{width: 25px}

.populItem .bantext h3{font-size: 16px;}

.populItem .bantext{font-size: 12px;}

.populItem .semore{font-size: 14px;}



.inaboutBg{padding-top: 25px;}

.inaboutImg img{object-fit:cover; height: 300px}

.inaboutBg .bantext h3{font-size: 22px;}

.inaboutBg .bantext{font-size: 14px;}

.infillBg{padding-bottom: 25px; background-size: cover;}

.infillBox{flex-wrap: wrap; margin-top: 25px;}

.infillFl{width: 100%; font-size: 14px; padding-right: 0}

.infillFl h3{margin-right: 50px; display: inline-block; font-size: 20px; margin-bottom: 20px;}

.infillFr{width: 100%; margin: 15px 0}

.infillts .infillFl{padding-left: 0}
#phone{display:block;}
#pc{display:none;}
.inmemberBg{padding: 25px 2% 60px; background-size: cover;}

.innewBg{padding: 25px 0; background-size: cover;}

.innewItem{width: 98%; margin: 15px 1%}

.inquesBg{padding: 25px 0; background-size: cover;}

.job_show dt{font-size: 16px; padding: 12px 30px 12px 20px;}

.job_show dt:before{left: 5px;}

.foottit h3{font-size: 14px;}

.foottit{flex-wrap: wrap; padding: 12px 0}

.foottit .serchBox{display: block; margin-top: 12px;}

.logobot{display: none;}

.footneItem{margin-bottom: 10px;}

.footmenubox{padding-bottom: 15px;}

.footerBot{flex-wrap: wrap;}

.fotbfl{font-size: 12px; margin-bottom: 5px;}

.productBg{padding: 25px 0}

.prodetailBox{flex-wrap: wrap;}

.prodetailFl{width: 100%}

.prodetailFr{width: 100%; padding-left: 0}

.prodetailFr .title h3{font-size: 26px;}

.detailBotbox{margin-top: 25px; flex-wrap: wrap;}

.detailBotfl{width: 100%}

.detailBotfr{width: 100%}



.inaboutImg .bantext{

    position: relative;

    text-align: justify;
    width: 90%;
    left: 0;

    -webkit-transform: translate(0%, 0%);

    -moz-transform: translate(0%, 0%);

    -ms-transform: translate(0%, 0%);

    -o-transform: translate(0%, 0%);

    transform: translate(0%, 0%);

}
.newImg{
    width: 100%
}
.newImg img{
    width: 100%
}


.company .bantext h3{

    text-align: center;

}

.company .inaboutImg img{

    display: none;

}

.factoryBox a span{

    font-size: 12px;

}

.newBg{padding: 25px 0}

.newBox{

    flex-wrap: wrap;

    padding: 20px 0

}

.newcent{width: 100%;}

.newImg{width: 100%; margin-top: 20px;}

.newDate{padding: 8px 12px; margin-right: 12px;}

.newCont{width: calc(100% - 80px);}

.newCont h3{

    white-space: nowrap;

    text-overflow:ellipsis;

     overflow: hidden;

}

.newDetailBg{

    padding: 25px 0

}

.newDetailBox{

    flex-wrap: wrap;

}

.newDetailFl{width: 100%}

.newDetailFr{width: 100%; border-left: none; padding-left: 0; margin-top: 15px;}

.newdexcont{padding: 20px 0}

.newtitle h3{

    /* white-space: nowrap;

    text-overflow:ellipsis;

     overflow: hidden;*/
     font-size: 28px;
     line-height: 32px;

}



.interestBg{

    padding: 25px 0

}

.interestBox{flex-wrap: wrap;}

.interestFl{width: 100%}

.interestFr{width: 100%; border-left: none; padding-left: 0; margin-top: 25px;}

.interestTitle{font-size: 24px;}

.infillFr img{
    height: 205px;
}


.innerBg .banimgarea{
    height: 200px !important;
}

.headtopfl{
    display: inline-block;
    
}

.inaboutImg{ background-attachment:initial!important;   }

.inmenmImg{background-attachment:initial!important; }

.inaboutBg .inaboutImg{
    background: url(../images/aboubg.png) no-repeat;
    background-size: cover;
}











}

/** max-width:960 **/

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



}

/** max-width:768 **/

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

    .banner .slick-dots{ bottom:10px;}

}

/** max-width:640 **/

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

}



/** width:480 **/

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



}



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



}

/** width:320px **/

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

}



/*********************************首页结束**********************************/



/*******************************************************************/

/*width:1200+*/

@media only screen and (min-width: 1200px){}

/** max-width:1200 **/

@media only screen and (max-width: 1365px){}

/** max-width:1200 **/

@media only screen and (max-width: 1199px){}

/** width:960px **/

@media only screen and (max-width: 1023px){}

/** max-width:960 **/

@media only screen and (max-width: 959px){}

/** max-width:768 **/

@media only screen and (max-width: 767px){}

/** max-width:640 **/

@media only screen and (max-width: 639px){}

/** width:480 **/

@media only screen and (max-width: 479px){}

/** width:360px **/

@media only screen and (max-width: 360px){}



/** width:320px **/

@media only screen and (max-width: 319px){}

/*******************************************************************/