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

.indexPart1 .box .title img{width:50%;margin-top:60px;}
.indexPart1 .title h2{font-size:40px;padding-top:15px;}
.indexPart1 .content{font-size:18px;padding:20px 0px;}
.indexPart1 .title i{height:20px;}
}
@media screen and ( max-width:1450px ){
.indexPart3 .a-1, .indexPart3 .box, .indexPart4 .a-1{left:50px;}
.indexPart1 .box .title img{width:50%;margin-top:60px;}
.indexPart1 .title h2{font-size:40px;padding-top:15px;}
.indexPart1 .content{font-size:18px;}
.indexPart1 .title i{height:20px;}
}
@media screen and ( max-width:1350px ){
.nav{right:150px}
.nav li{padding-left:30px;}
.product .pro-show{width:62.3%;}
}
@media screen and ( max-width:1150px ){
.navA{display:block; width:115px; height:115px; position:absolute; top:0px; right:0px; background:url(../image/navA.png) center no-repeat;}
.pageHead .navA{background:url(../image/navA2.png) center no-repeat;}
.nav{position:fixed; z-index:100; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.85); opacity:0; filter:alpha(opacity=0); visibility:hidden;}
.nav.on{opacity:1; filter:alpha(opacity=1); visibility:visible;}
.nav .close{height:120px; display:block;}
.nav .close a{display:block; position:absolute; top:0px; right:0px; width:115px; height:115px; background:url(../image/close.png) center no-repeat;}
.nav li{float:none; padding:0 10%;}
.nav li a{height:85px; line-height:83px; font-size:16px; padding:0; text-align:center;}
.nav i{height:2px;}

#menu{width:40px;}
.topSearch a{right:115px;}
.indexPart2 .more{right:50px;}

.pageBanner .num{padding-top:55px;}
.pageBanner .list li{padding:0 10px 20px 10px;}

.product ul{margin-right:-15px;}
.product li{padding-bottom:15px;}
.product .box{margin-right:15px;}
.product .h10{height:50px;}

.contact_01 .bg{left:-100px;}

.about_02{min-height:700px;}
.about_02 ul{margin-right:-10px;}
.about_02 .box{margin-right:10px;}
.about_02 .name div{font-size:20px;}

.about_03 .box{width:450px;}

}
@media screen and ( max-height:900px ){
.indexPart3 .box{margin-top:0px; top:50px;}
.indexPart3 .a-1, .indexPart4 .a-1{bottom:50px;}
}
@media screen and ( max-height:750px ){
.indexPart2 .box{margin-top:-250px;}
.indexPart2 .title img{height:90px;}
.indexPart2 .title h2{font-size:45px;}
.indexPart2 .content{padding:25px 0; font-size:16px;}

.indexPart3 .a-1, .indexPart4 .a-1{display:none;}
}