@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: 1920px){
/*
.wp{ width:80%;}*/





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

.wp{ width:80%;}
.navul li{font-size: 16px;}
.loarea{height: 90px;}
.logo {
    width: 200px;
    display: block;
    padding-top: 15px;
}
.nav{padding-top: 35px;}
.navul li>a{padding: 0 15px 41px;}
.subnav1 dd a{font-size: 16px;}
.subnav1 dd{padding: 50px 20px;}

.inservibox li h3{font-size: 18px;}
.title h3{font-size: 30px}
.title.titleSub h3{font-size: 30px;}
.title p{font-size: 16px;}
.industitbox{font-size: 18px;}
.intechText h3{font-size: 20px;}
.inproceLi{font-size: 20px;}
.bannerTextbox h3{font-size: 26px;}
.bannerTextbox{font-size: 20px;}
.more{line-height: 42px;}
.nybantext h3{font-size: 26px;}
.avalilTab span{line-height: 42px;}

.avalilTabSub span{line-height: 42px;}
.avalilTab{font-size: 20px;}
.avalilTabSub span{font-size: 18px;}
.aboutbox h3{font-size: 24px;}
.contactFr .title h3{font-size: 24px;}
.submit{line-height: 50px; font-size: 22px;}
.industrieHover{font-size: 16px;}
.industrieHover h3{font-size: 20px;}








}

/** max-width:1200 **/

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

.wp{ width:96%;}



}

/** max-width:1024 **/

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

.nav{ display:none;}

.menubtn{ display:block;} 


.headerbox{display: block;}
.loarea{ height:60px;}

.loarea .logo{ /*width:140px;*/ padding-top:14px;  }
.loarea .logo.fl{float: right;}

.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;}



.inloginbxo{padding-top: 15px; float: right; /*padding-right: 30px;*/}

.searbtn{width: 100px; line-height: 32px; height: 32px; font-size: 14px;}



.bannerTextbox{font-size: 14px; line-height: 24px; width: 100%;}

.bannerTextbox h3{font-size: 22px;}

.more{width: 110px; line-height: 32px; line-height: 32px; font-size: 14px;}



.padb{padding: 25px 0;}

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

.inservibox li{width: 48%; padding: 20px 8px; min-height: 275px}
.industrieHover{font-size: 12px; line-height: 20px; padding: 15px 10px;}
.industrieHover h3{font-size: 14px;}
.detailbtn{font-size: 14px;}
.inservibox li:hover .inserLihover i{
    width: 50px;
}
.inserLihover i{
    bottom: -10px;
}

.intechbox{display: block;}

.intechText,.intechImg{width: 100%; margin: 10px 0; }

.intechText{line-height: 22px;}

.intechText h3{font-size: 20px;line-height: 24px;}

.inproceLi{font-size: 16px;}

.incontactTop{

    flex-wrap: wrap;

}

.incontactTop input{

    width: 48%;

    margin: 10px 0;

}



.footertop{padding: 25px 0; flex-wrap: wrap;}

.footertop div:first-child{display: none;}

.footertop div:last-child{width: 100%;}

.inproceLi:after{display: none;}

/*contact*/

.contactBox{display: block;}

.contactFl, .contactFr{width: 100%; margin-bottom: 20px;}

.technicalImg{display: none;}

.technicLi{

    position: static;

    width: 100%!important;

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

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

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

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

    transform: translate(0%, 0%);

    margin: 15px 0;

    text-align: left;

   

}

.technicLi .techtit{

     padding: 10px 20px;

    box-sizing: border-box;

}





.nybantext{

    width: 100%;

    font-size: 14px;

}

.nybantext h3{

    font-size: 20px;

}



.title.titleSub{

    margin-bottom: 20px;

}

.serviceBox ul li{

    width: 48%

}

.aboutbox h3{

    font-size: 20px;

}



.title.titleSub h3{

    font-size: 24px;

}

.qualityBox.serviceBox ul li{

    margin: 10px 1%;

    padding: 10px 10px;

}

.casebox ul li{

    width: 48%

}

.casecont{padding: 10px; font-size: 14px; line-height: 24px;}

.casecont h3{font-size: 18px;}



.inservibox li h3{font-size: 22px;}
.inservibox li img{width: 45px;}

.title p{font-size: 14px;}
.industitbox{font-size: 18px;}
.submit{width: 100%; font-size: 20px; line-height: 48px;}
.avalilTab span{line-height:42px; font-size: 18px; }
.avalilTabSub span{line-height:42px; font-size: 16px; }

.avalilcon .intechText h3{font-size: 20px;}













}

/** 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){}

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