@charset "utf-8";
@media only screen and (max-width: 1480px){
#slider2 {padding:0}
}

@media only screen and (max-width: 1345px){
.wrap {padding:0 3%}
.fixtop .toper ul.navpc li {margin:0;width:14.2857%}
.fixtop .toper ul.navpc li a {padding:0}
.banners,.bxslider li a {height:450px; background-size:cover;}
.indcompany li .c {min-height:215px}
.indstep li i { margin:30px 35px 0 35px; background-size:cover;width:25px; height:25px}
.indstep li .p img {width:85px}
}

@media only screen and (max-width: 1200px){
.fixtop { position:fixed; z-index:9999;left:0;top:0; height:50px; line-height:50px;width:100%; background:#fff}
.tblank {  height:50px;}
.fixtop .toper ul.navpc { display:none;}
.phonemenu { display:block}
.fixtop .toper .header { height:50px;}
.fixtop .toper .header .mleft {margin:10px 0 0 0}
.fixtop .toper .header .mleft .logo { background-size:cover;width:100px; height:29px}
.fixtop .toper .header .mleft .cons { display:none}
.fixtop .toper .header .mright .encn {font-size:14px;margin:0px 0 -36px 0}
.fixtop .toper .header .mright .encn a {font-size:14px;}
.fixtop .toper .header .mright .encn i { height:12px;margin:20px 10px 0 10px; vertical-align:top;}
.fixtop .toper .header .mright .encn span { display:none}
.fixtop .toper .header .mright .cons{ display:none}
.banners,.bxslider li a {height:350px;margin:0 0 30px 0}
.bxslider li a {margin:0}
.indbanner {margin:0 0 30px 0}


.indsubject {margin:0 0 30px 0}
.indsubject p {font-size:20px;border-bottom-width:3px;padding:0 0 10px 0; letter-spacing:1px}
.indsubject i { margin-top:-2px}
.indabout .cons {width:40%;}
.indabout .cons .c {margin:25px 0}
.indabout .cons .m a {height:25px; line-height:25px; width:80px;}
.indabout .pics {width:57%}
.proshowpic {width:75.2%;}
#proshowcolor2 {width:23%}
#proshowcolor2 h3 {margin:0 0 7.5% 0}
.indvalue { margin:40px 0 0 0;padding:30px 0}

.indcompany {padding:30px 0}
.indcompany ul {width:102%;margin:-2% 0 0 -1%}
.indcompany li {width:23%;margin:2% 1% 0 1%; }

.indcompany li .p { height:80px}
.indcompany li .p img {margin-top:10px; height:60px}
.indcompany li .t {font-size:20px; margin:15px 0 -10px 0}
.indcompany li .c {min-height:240px}

.indadv {margin:0px 0;padding:30px 0}
#slider4 {padding:0 0 30px 0}
#slider4 .slide .cons .title {font-size:18px; line-height:28px;margin:-5px 0 10px 0; }
#slider4 .slide .cons .content { line-height:25px}
.bx-wrapper .bx-pager { bottom:-30px;}
.bx-wrapper .bx-pager.bx-default-pager a {  width:15px;  height:6px;  border-radius:5px;}
/* .bx-wrapper .bx-pager.bx-default-pager a:focus 
.bx-wrapper .bx-pager.bx-default-pager a:hover,*/
.bx-wrapper .bx-pager.bx-default-pager a.active{width:30px;}

.indstep { margin:0px 0 30px 0;padding:30px 0 40px 0;}
.indstep .title {font-size:16px;margin:0px 0 15px 0}
.indstep ul {margin:0 auto;max-width:460px;}
.indstep li {margin-top:30px;}
.indstep li .t {font-size:16px;margin:10px 0 0 0}
.indstep li.f4 i { display:none;}
.inddevice {padding:30px 0;margin:40px 0 0 0}
.tabs{height:30px; line-height:30px; }
.tabs li{height:30px; line-height:30px;}
.tabs a{width:120px;font-size:16px;}
.tabs_item dl {padding:30px 0 0 0;width:102%;margin:-20px 0 0 -1%}
.tabs_item dd {margin:20px 1% 0 1%;width:23%}
.tabs_item dd .pic,.tabs_item dd .pic p {border-radius:5px;}
.tabs_item dd .title {margin:10px 0 0 0}

.foot {padding:30px 0;line-height:25px}
.foot .title {font-size:15px;margin:-10px 0 10px 0}
.foot .content {font-size:14px;}
.footer { padding:15px 0; line-height:25px}
.company {margin-top:-30px}

.service { padding:30px 0 40px 0;margin-top:-30px}
.service .title {font-size:16px; line-height:26px;margin:0 0 15px 0}
.indservice2 {padding:40px 0 50px 0}
.device {margin-top:-30px}

.map iframe,#container {height:300px}
.contact {margin:0 0 40px 0}
.contact .mleft li a { height:80px; line-height:80px;font-size:20px;}
.contact .mright {padding:40px;min-height:0}
.contact .mright .title {margin:0 0 20px 0}

#slider2 {padding:0}
#slider2 .bx-wrapper .bx-prev {
  left:-30px;
  background-size:cover;
}
#slider2 .bx-wrapper .bx-next {
  right:-30px;
  background-size:cover;
}
#slider2 .bx-wrapper .bx-controls-direction a {
  margin-top:-18px;
  width:20px;
  height:36px;
  background-size:cover;
}
.indhonor {padding:30px 0}
.report {padding:0 0 30px 0}

#slider3 {padding:0 30px}
#slider3 .bx-wrapper .bx-prev {
  left:-30px;
  background-size:cover;
}
#slider3 .bx-wrapper .bx-next {
  right:-30px;
  background-size:cover;
}
#slider3 .bx-wrapper .bx-controls-direction a{
  margin-top:-18px;
  width:20px;
  height:36px;
  background-size:cover;
}
.indreport {margin-top:30px}
.page_wrap {padding:30px 0 0 0;}
.pager a,.pager span.current,.pager span.disabled{width:25px; text-align:center;height:25px; line-height:25px;}

#slider5 .bx-wrapper .bx-pager { bottom:15px;right:10px; text-align:right}
#slider5 .bx-wrapper .bx-pager.bx-default-pager a {width: 5px; height:5px;margin: 0 5px;}
.news .mright li {padding:15px 0}
.news .mright li .t { height:20px; line-height:20px; margin:0 0 5px 0}
.news .mright li .t a {font-size:16px; padding:0 80px 0 0}
.news .mright li .t p {font-size:12px;}
.news .mright li .c {font-size:14px; line-height:25px; height:50px;}
.news .mright li .m{ display:none;}
.newsubject { border-top-width:1px; height:40px; line-height:40px;font-size:18px;padding:0 0 0 15px; margin:0px 0 0 0}

.news {margin:0 0 30px 0}
.news dd {padding:20px 0 15px 0}
.news dd .addtime {top:20px; height:40px;padding:0px 0 0 0;width:50px; text-align:left;}
.news dd .addtime h1,.news dd .addtime h2 {font-size:14px; line-height:20px;}
.news dd .addtime h2 {margin-left:3px}
.news dd .cons {margin:0 0 0 65px}
.news dd .cons .title { height:20px; line-height:20px;margin:-3px 0 5px 0;padding:0}
.news dd .cons .title a {font-size:16px; }
.news dd .cons .title i { display:none;}
.news dd .cons .content {font-size:14px; height:20px; line-height:20px;}

.nshow .indsubject p { line-height:25px;font-size:16px}
.nshow .prevnext {margin:30px 0 0 0}
.fixedright { display:none;}
.indbanner .bx-wrapper .bx-pager { bottom:10px;}
.indservice3 {margin-bottom:30px}
}

@media only screen and (max-width: 1024px){
.indcompany li .c {min-height:330px}
}

@media only screen and (max-width: 900px){
.banners,.bxslider li a {height:300px;}
}

@media only screen and (max-width: 768px){
.banners,.bxslider li a {height:250px;}
.indabout .cons {width:100%;}
.indabout .pics {width:100%;margin-top:30px}
.proshowpic {width:100%;}
#proshowcolor2 {width:100%; text-align:center}
#proshowcolor2 h3 { display:inline-block; vertical-align:middle;margin:10px 5px 0 5px;width:80px}
.indvalue .cons1 {width:100%; text-align:center}
.indvalue .cons2 {margin-top:30px;width:100%; text-align:center}
.indcompany li {width:48%}
.indcompany li .c {min-height:160px}
}

@media only screen and (max-width: 640px){
.banners,.bxslider li a {height:200px;}
.indcompany li {width:100%}
.indcompany li .c {min-height:10px}
.indstep ul {max-width:420px;}
.indstep li i { margin:30px 25px 0 25px;}
.tabs_item dd {width:48%}
.contact .mleft {width:100%;}
.contact .mleft li {width:50%; display:inline-block}
.contact .mright {width:100%;margin-top:10px}
.contact .mleft li a { height:60px; line-height:60px;font-size:18px;}
.contact .mright {padding:30px;}

.news .mleft {width:100%;}
.news .mright {width:100%;}
.news .mright li .c { height:auto;margin-top:-10px}
.news .mright li .t {margin:0 0 15px 0; height:auto;}
.news .mright li .t a {padding:0}
.news .mright li .t p { position:relative;}
}

@media only screen and (max-width: 480px){
.banners,.bxslider li a {height:160px;}
#slider4 .slide .pic {width:100%;}
#slider4 .slide .cons {width:100%;margin-top:25px}

.indstep ul {max-width:350px;}
.indstep li i { margin:20px 15px 0 15px;width:20px; height:20px}
.indstep li .p img {width:60px}
}

@media only screen and (max-width: 420px){
.banners,.bxslider li a {height:130px;}
}