@charset "utf-8";
@media only screen and (max-width: 1600px){
.nav1 .logo2 {margin-left:22%}
.nav1 .mleft ul,.nav1 .mleft .search {left:22%}
.nav1 .mright ul,.nav1 .mright .submenu { left:17%}
.nav1 .mleft .search {width:58%;}
.nav1 .mleft .search:hover #k {width:75%;}
.nav1 .mleft .search #sbtn {width:25%; }
.ind2 .wrap {max-width:100%}
.ind2 li.li1 .pic {margin:0 -5% 0 0;width:105%}
.ind2 li.li2 .pic {margin:-55% 0 0 -5%;width:105%}
.ind2 li.li1 .indmore {margin:40px 0 0 12.5%}
.fixtop2 .toper .logo {left:0}	
.nav2 .logo2 {left:10%;top:5%;}
.nav2 .tab2 {bottom:10%;}
.tab2s{width:40%;left:10%;}
.tab2_content {width:40%}

}

@media only screen and (max-width: 1560px){
.wrap2 {margin:0 3%}	
.wrap2_product {margin:0 2.25%}
.product {width:100%;margin-left:0}

.showslider{min-width:1100px;}
.showslider .bd{width:1100px;margin-left:-550px}
.showslider .bd li{width:510px;}
.showslider .bd li h2 { height:319px}
.showslider .tempWrap ul{margin-left:-1100px !important;}
.showslider,.showslider .bd li,.showslider .pnBtn,.showslider .pnBtn .a{height:379px}
.showslider .prev{margin-left:-570px;}
.showslider .next{margin-left:570px;}
.showslider .pnBtn .blackBg{background:url(../images/6.png) repeat-x top}


}

@media only screen and (max-width: 1400px){
.wrap {margin:0 3%;}
.phonemenu .nav__trigger {left:auto;right:3%;margin-left:0;}
.nav1 ul {margin-bottom:10%}
.nav1 li {margin:8% 0 0 0}
.nav1 .logo2 {margin-top:8%;margin-bottom:30%;}
.ind2 .wrap {max-width:100%;margiN:0}
.ind2 li.li1 .indmore {margin:40px 0 0 6%}
.ind2 li.li2 .pic .cons { padding:0 6% 0 0}
.indnum li {margin:0 0 0 11%;}

.design2 li .cons .content {min-height:0px}
.design2 li.f2 .cons .content {min-height:0px}
.design2 li.f3 .cons .content {min-height:0px}
.design2 li.f4 .cons .content {min-height:0px}
.design3 {padding:0 5%}

.video_cons .wrap {max-width:1100px;margin:0 auto}
}

@media only screen and (max-width: 1360px){
.nav1 .mleft .search:hover #k {width:70%;}
.nav1 .mleft .search #sbtn {width:30%; }	
.history .cons li .c {font-size:15px;}

.showslider_about{min-width:1100px;height:767px;}
.showslider_about .bd{width:1100px;margin-left:-550px}
.showslider_about .bd li{width:1060px;margin:0 20px;  height:767px}
.showslider_about .bd li h2 {  height:707px}
.showslider_about .tempWrap ul{margin-left:-1100px !important;}
.showslider_about .pnBtn{height:767px;}
.showslider_about .prev{margin-left:-570px;}
.showslider_about .next{margin-left:570px;}
.showslider_about .pnBtn .blackBg{height:767px;}
.showslider_about .pnBtn .a{height:767px}
.showslider_about .prev .a{right:-28px;}
.showslider_about .next .a{left:-28px;}
.story .mleft .title {font-size:60px; line-height:70px;}
.story .mleft .title i {right:-40px;top:55px}
.story .mleft .cons {font-size:16px}
.story .mright {margin:230px 0 0 0}
.story .mright .pic:before { top:-220px}
.about .title .in {font-size:18px}
.download ul{width:18%;}
.tab_content {width:82%}
.indnum li {margin:0 0 0 9%;}
}

@media only screen and (max-width: 1200px){
.wrap1,.wrap2 {width:1200px}
body,.indtopvideo video,.fixtop{width:1200px}
.wrap,.wrap2 {margin:0 30px;width:1140px;}
.phonemenu .nav__trigger {position:absolute;right:30px}
.phonemenu .nav { left:-600px;width:600px}
.nav1 .logo2 {margin-left:18%}
.nav1 .mleft ul,.nav1 .mleft .search {left:18%}
.nav1 .mright ul,.nav1 .mright .submenu { left:18%}
.ind2 .wrap {width:1200px}
.fixright {right:auto;left:1120px}
.inddeve { background-attachment:scroll;}

}