@charset "utf-8";

@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 .5s;-moz-transition:all ease-in .5s;-ms-transition:all ease-in .5s;-o-transition:all ease-in .5s;-webkit-transition:all ease-in .5s;}
.shadow1 .imga:hover{
    transform:translateY(-10px);-moz-transform:translateY(-10px);
    -ms-transform:translateY(-10px);-o-transform:translateY(-10px);
    -transform:translateY(-10px);
    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;
}
.shadow2 .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;
}
.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 (max-width: 1367px) {

}

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

.container{width: 98%;}

.banner_text h1{font-size: 60px;}
.profuBox{right: 5%;}


}

@media only screen and (max-width: 1024px) {
.maleBg .imgW{width: 300px;}



}

@media only screen and (max-width: 1004px) {
.profuBox{position: relative; right: 0; top: 0; float: right; width: 45%;}

}

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

}

@media only screen and (max-width: 890px) {
/*导航*/
.menu{display: block;}
#nav{display: none;}
.nav{width: 100%; position: fixed; top: 60px; z-index: 22; left: 0; background-color: rgba(255,255,255,0.8); height: 100%;}
.nav ul li{width: 94%; z-index:33; padding: 0 3%; text-align: left;}
.lag{width: 90px;}
.nav .sub{position: relative; padding-top: 0;}
.nav ul li dl{position: relative;}
.nav ul li a{display:inline-block;}
.banner_text h1{font-size: 30px;}
/*产品介绍*/
.proshuffBg{padding: 0 0 50px;}
.proshuff_fl{width: 100%; text-align:center;}
.profuBox{width: 90%;}
.proline{width: 1px; height: 300%;}
/*品牌故事*/
.brank_introductBox{padding: 20px 0;}
.brank_introductBox .imgW{width: 100%!important}
.brank_introductBox .mlW{width: 100%!important;}
.deveLeft{float: right; width: 94%;}
.deveRight{width: 94%;}
.memorabilia{background: url(../images/01fzlc.png) repeat-y left top;}
.devetop{left: 0;}
.devebot{left: 0;}
.development_Box .container{padding: 0 5%;}
.memorabilia em{left: 0;}
.date{text-align: left;}




}

@media only screen and (max-width: 769px) {
.maleBg .imgW{width: 100%; margin-top: 20px;}
.maleBg .mlW{width: 100%!important;}
.maleBg{padding: 20px 0 5px;}
.maleltf{margin-left: 0px;}
.maleltf i{margin: 10px 0;}
.maleBg h3{font-size: 20px;}
.maleltf p{font-size: 14px; line-height: 24px;}
.maleltf a{width: 150px; height: 30px; line-height: 30px; font-size: 15px; margin-top: 10px;}
.more{width: 150px; height: 30px; line-height: 30px; font-size: 15px;}
.maleBg ul li{margin-bottom: 20px;}
/*产品技术*/
.inproductBox ul li{width: 41%;}
.incaseBox ul li{width: 47%;}
.incaseBox .imgW img{height: 160px;}
.incaseBox{padding: 20px 0 0;}
/*留言*/
.messageBg{padding: 30px 0;}
.messageBg h3{font-size: 20px;}
.messageBox table td{width: 100%; display: block;}
.messtext{width: 94%; line-height: 38px;}
.messselt{width: 100%; line-height: 38px; height: 38px;}
.messfil{width: 100%; line-height: 38px; height: 38px;}
/*底部*/
.footerBg{padding: 20px 0;}
.footerBg ul li{width: 50%; margin-top: 15px;}
/*案例*/
.case_fl{width: 100%;}
.case_fr{width: 100%; margin-top: 10px;}
/**/
.guideBox ul li p{font-size: 16px; margin-top: 15px;}
.guideBox ul li{width: 43%; margin: 0 2%;}
.guideBox ul li a{padding: 10px;}
}

@media only screen and (max-width: 680px) {
.banner_text{margin-top: -30px;}
.banner_text h1{font-size: 20px;}
.banner_text a{width: 150px; height: 30px; line-height: 30px; font-size: 15px;}
/**/
.inaboutBox{padding: 30px 0;}
.inaboutTop .inaboutfl{width: 100%;}
.inaboutTop .inaboutfl h3{font-size: 20px;}
.inaboutTop .inaboutfl p{margin-top: 10px;}
.inaboutTop .inaboutfr{width: 100%;}
.inaboutNav ul .inabxmImg{width: 60px; height: 60px;}
.inaboutNav ul li .intex{font-size: 16px; margin-top: 0;}
/**/
.parsingBg{padding: 40px 0}
.parsingBg dt{width: 100%}
.parsingBg dt .img{width: 100%; height: 100%;}
.parsingBg dd{display: none;}
.pup{width: 100%;}


}

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

}

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

}

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

}