@charset "utf-8";
.indeximg{ background:url(index.jpg) center top no-repeat; height:700px}
.nav_media{ display: none; }
@media (max-width: 1200px) {.swiper-slide{ margin:10px;}
  .pc1200 {display: none;}
  .mt1200 {display: inline-block;}
  .nav{ width: 64%; }  .bot-nav {display: none;}
  .nav > li > a{padding:0 13px;}
  .news-m-ul > li { margin:0 20px 15px 20px;}
  .news-m-ul > li .news-m-li-zi > h2 { line-height: 50px; height: 50px; font-size: 20px; }
  .indeximg{ background:url(index.jpg) center top no-repeat; height:700px}
}

@media (max-width: 1100px) {
.nav > li > a{padding:0 10px;}
.about-m-m { height: 230px;}
.about-m-m>div{ height:230px;}
 .indeximg{ background:url(index.jpg) center top no-repeat; height:600px}  .bot-nav {display: none;}
}

@media (max-width: 1024px) {
 .indeximg{ background:url(index.jpg) center top no-repeat; height:500px}  .bot-nav {display: none;}
.logo{ width:20%;}
.nav{ width:80%;}
.nav > li > a{ padding:0 12px;}
.tel{ display:none;}
.footer-m{ padding-left:300px;}
.footer-m > dl > dt{ padding-left:11px;}
.footer-m > dl > dd{ padding-left:15px;}
.footer-l{ width:300px;}

.nyban{ height:300px;  }

.about-m-m { height: 210px;}
.about-m-m>div{  height:210px;}
.about-m-m .about-m-m-3{ padding-top: 20px; }
.about-m-m .about-m-m-3 span{ font-size: 14px; }
.about-m-m .about-m-m-3 p{ margin-top:10px;  font-size: 14px; }
.about-m-m .about-m-m-3 h3{  font-size: 16px;}

.nyban-zi .nav8{ width: 90%; margin:70px 5% 0 5%;:   }
.nyban-zi .nav8 li{ width: 25%; }

.nyban-zi .nav5{ width: 90%; margin:70px 5% 0 5%;:   }
.nyban-zi .nav5 li{ width: 20%; }


.product-m-ul > li .product-m-down > h3{ font-size: 18px; }
.product-m-ul > li .product-m-down { padding:20px 20px 0 20px;}
.product-m-ul > li .product-m-down p{margin-top: 10px; }
.product-m-ul > li .product-m-down > i { margin-top: 15px; }

.part1-m > li .part1-m-down > h3{ font-size: 18px;}
.part1-m > li .part1-m-down { padding:20px 20px 0 20px;}
.part1-m > li .part1-m-down p{margin-top: 10px;}
.part1-m > li .part1-m-down > i { margin-top: 15px;}
.productFinal-m-l .productFinal-m-l-t > h2{ height: 70px; line-height: 70px; padding-left:0; font-size: 24px; text-align: center; }

.productFinal-m-l .productFinal-m-l-b .productFinal-m-l-b-2 .productFinal-tel > p { font-size: 20px; }
}

@media (max-width: 860px) {
.logo{ width: 22%; }  .bot-nav {display: none;}
.nav{ width: 78%; }
.nav > li > a{ padding:0 7px; }
.part2{margin-top: 20px;padding-top: 20px;padding-bottom: 20px;}
.part2-m{ margin-top:20px;}
.part2-m li{ display:none;}
.part2-m li.on{ display: block; width:100%; margin:0;}

.footer .container{ padding:0 20px;}
.footer-m{ display:none;}
.footer-l{ margin:0;}
.footer-r{ margin:0;}


.about-m-m { height: 180px;}
.about-m-m>div{  height:180px;}

.about-m-m .about-m-m-3 span{ font-size: 12px; }
.about-m-m .about-m-m-3 p{ margin-top:5px;  font-size: 12px; }
.about-m-m .about-m-m-3 h3{  font-size: 14px;}

.prodls > li { width: 48%;margin: 1% !important;padding: 0;}
}

@media (max-width: 768px) {
.swiper-slide{ margin:0px}
.tel { padding-left:30px;   margin-right:10px; height: 66px; line-height: 66px;background: url("../images/tel.png") no-repeat left center; background-size:auto 40%;  float: right; display: block;  }
.tel .tel-p{ display:none;}
.tel .tel-span{ margin:0;  }	
.header {width:100%; z-index:999; height: 66px; }
.logo { margin-left:10px; width: 45%;}
.logo a{margin-top:8px;}
.logo img{ height:50px; }
  .bot-nav {display: block;}

.navbtn { display: none; position:absolute; right:10px; top:25px;  background:transparent; outline: none; border: none;}
.navbtn > span { display: block; width: 28px; height: 3px; background-color: #333333; margin-right: calc(35%); margin-bottom: 5px; transition: all 0.5s ease-out; transform-origin: 0 0;}
.navbtn.active {background: #333333; padding: 2px;}
.navbtn.active > span {background: #fff;}
.navbtn.active > span:nth-child(2) {opacity: 0;}
.navbtn.active > span:first-child { transform: rotate(45deg) translate(5px, -4px); }
.navbtn.active > span:last-child { transform: rotate(-45deg) translate(-1px, 6px);}
.nav{ display: none; }

.nav_media{ display: block; overflow: hidden;  }
.nav_media li{ float: left; width: 25%; height: 36px; line-height: 36px; font-size: 14px; border-bottom: 1px solid #fff;
border-right: 1px solid #fff; text-align: center; background: #098145; }
.nav_media li.on{ background:#333333; }
.nav_media li a{ display: block; color: #ffffff; }
/*.nav { display: none; position: fixed; width: 40%;height: 100%; top: 66px;float: none;
background: rgba(0, 0, 0, 0.9);padding: 20px 0;z-index: 3;left: -50%;transition: all .5s;}
.nav > li {width: 100%; line-height: 45px; text-align: center;}
.nav > li > a {color: #ffffff;}
.nav > li.on { background: none;}
.nav > li.on > a:hover { color: #098145;}
.nav > li:hover { background: none;}
.nav > li:hover > a:hover { color: #098145;}*/

.banner {}
.banner .search { position:static;}
.banner .swiper-button-prev{ display: none; }
.banner .swiper-button-next{ display: none; }


.search .search-l,.search .search-r{ display:none;}
.search_key{ width:100%;background:rgba(000,000,000,0.7); display:none;} 
.search_form{ width:100%; background:#098145; height:60px;}
.search_form .search-r-input{ width:90%;}

.part1-t{ padding-top:20px;}
.part1-t-zi > h2{ font-size:24px;}
.tagnav{ margin:20px 0;}

.tagnav li, .tagnav span{ width:45%; margin:1%; font-size: 12px;}

.prod_more{ margin-top:20px;}

.part2-m > li{ height:260px;}
.part2-m > li .part2-m-r .part2-m-r-r { padding:15px;}
.part2-m > li .part2-m-r .part2-m-r-r > h3{ font-size:16px;}
.part2-b{ margin-top:20px;}
.part2-m > li .part2-m-r .part2-m-r-l img{ height:260px; width:100%;}

.part3{ padding:20px 0;}

.part3-m{ margin-top:20px!important;}
.part3-m .swiper-slide{ width:49%;}

.part3 .part2-b{ margin-top:20px;}


.part4 > .container{ padding:0;}
.part4-m{ margin:0; padding:0;}
.part4-m .part4-m-l .swiper-part4-img img { width:100%; height:auto;}

.inline_two, .float_two{ width:100%;}
.part4-m .part4-m-r > h3{ display:none;}
.part4-m .part4-m-r > .gctxt{ padding:20px; height:auto;}
.part5{ padding:20px 0;}
.swiper-part5 li { width:100%;}

.footer{ padding:20px 0;}
.footer-m{ display:none;}
.footer-r{ display:none;}
.footer-l{ width:100%; margin:0; text-align:center;}
.footer-l .dblogo{ display:none;}
.footer-l .dblink a{ margin:0 10px; }

.about-m-t{ padding:20px 0;}
.about-m-t > h2{ font-size:24px;}
.about-m-t > .count > li .count-1-t{ font-size:36px;}
.about-m-t > .count > li{ margin:0 8px;}

.about-m{ padding:0 20px; margin-bottom:20px;}
.news-m{padding:0 20px; margin:20px 0; }
.case-m{padding:0 20px; margin:20px 0;}
.video-m{padding:0 20px; margin:20px 0;}
.product-m{padding:0 20px; margin:20px 0; }
.news-m-ul > li{ height: 115px; margin:0 0 15px 0;  }
.news-m-ul > li .news-m-li-img{ width: 40%;padding-right: 20px;  }
.news-m-ul > li .news-m-li-img p{ height: 100px; }
.news-m-ul > li .news-m-li-zi { width: 60%; padding-right:0;}
.news-m-ul > li .news-m-li-zi > h2 { font-size:14px; margin-top:10px; line-height:25px; height:50px;}
.news-m-ul > li .news-m-li-zi > p{ display: none; }
.news-m-ul > li .news-m-li-zi > .news-m-li-zi-data{ margin-top:5px; }
.news-m-ul > li .news-m-li-date{ display:none;}

.nyban{ height:100px; }
.nyban-zi {text-align: center; height: 60px; margin-top: -30px; }
.nyban-zi > h2{ font-size: 20px; }
.nyban-nav{ margin-top:20px;}
.nyban-nav > li{display: inline-block;  float: none; width: 92px; font-size: 12px;}
.nyban-nav > li{ height: 32px; line-height: 30px; }
.nyban01{ height: 112px; margin-top: -26px; }
.nyban02{margin-top:-75px; height: 150px; }

.nyban-zi .nav8{ width: 99%; margin:10px auto 0 auto;:   }
.nyban-zi .nav8 li{ width: 25%; }

.nyban-zi .nav5{ width: 99%; margin:20px auto 0 auto;:   }
.nyban-zi .nav5 li{ width: 20%; }


.part1-m > li{ width:48%; margin:1%!important;}

.product-m-ul > li{ width:48%; margin:1%!important; padding:0;}

.case-m-ul > li{width:48%; margin:1%;}
.case-m-li-zi > p{ line-height:1.5; height:46px; overflow:hidden; display: none;}

.video-m-ul > li{width:48%; margin:1%;}
.video-m-li-zi{ height:40px; line-height:40px;}
.video-zhaozi{ background-size:auto 30%;  }

.machining-m-t{ padding-top:20px;}
.machining-m-t > h2{ font-size:24px;}
.machining-m-t > p{ padding:0 20px;}

.machining-m-b{padding: 0 50px;}
.machining-m-b .swiper-slide{ width:100%;}
.machining-m-b > .swiper-button-prev { left:10px;}
.machining-m-b > .swiper-button-next { right:10px;}

.contact-m-t{ padding-top:20px;}
.contact-m-t .contact-m-t-r{ width:100%; margin-top:20px;}
.contact-m-t .contact-m-t-l{ width:100%; }
.map{ height:200px; margin-top: 30px;}


.afterSale-m{ padding:20px;}
.afterSale-m-t{ padding:0;}
.afterSale-m-t .afterSale-m-t-l{ width:100%;}
.afterSale-m-t .afterSale-m-t-l img{ width:100%;}
.afterSale-m-t .afterSale-m-t-r{ width:100%; padding: 0;}

.afterSale-m-m{ padding:20px 0; margin:0;}
.afterSale-m-m ul{ margin-top: 30px; }
.afterSale-m-b{ padding:0;}
.afterSale-m-b .afterSale-m-b-l{ width:100%; padding: 0;}
.afterSale-m-b .afterSale-m-b-r{ width:100%; margin-top:20px;}
.afterSale-m-b .afterSale-m-b-r img{ width:100%;}


.about-m-m { height: auto;overflow: hidden;}
.about-m-m>div{ float:left; height:auto;}
.about-m-m>div img{ height:100%; width:100%;}

.about-m-m .about-m-m-1{width:100%;}
.about-m-m .about-m-m-1 img{ width: 70%; margin:0 auto;}
.about-m-m .about-m-m-2{width:100%;}
.about-m-m .about-m-m-2 img{ width: 70%;margin:0 auto; }

.about-m-m .about-m-m-3{width:100%; padding:20px; margin:20px 0; }
.about-m-m .about-m-m-3 span{ font-family:arial; font-size: 16px; }
.about-m-m .about-m-m-3 p{ margin-top:15px;  font-size: 14px; }
.about-m-m .about-m-m-3 h3{  font-size: 18px; font-weight: normal; }

.about-m-m .about-m-m-4{width:100%;}
.about-m-m .about-m-m-4 img{ width: 70%; margin:0 auto;  }

.productFinal-m{ padding:20px;}
.productFinal-m-l{ display: none;}
.productFinal-m-r{ width: 100%;}
.productFinal-m-r-b > ul > li{ width: 30%; }


.showbj{ background: #f7f7f7; overflow: hidden; }
.show{ background: #ffffff; margin:0; padding:0 20px 20px 20px;  }


.video{ width:100%; height: 260px; overflow:hidden; margin:30px auto 0 auto;}
.video iframe{ width: 100%; height: 100%; }

.showhead{ text-align: left; }
.showhead h1{ font-size: 20px; }
.art_page{float:none; width: 100%;}
.bdsharebuttonbox{ width: 100%;  float:none; padding: 0;  }

.pagination div a{ display: none; }
.pagination div a.prev,.pagination div a.next{ display: block; }
.txt img{ width: 90%; }
.join{ border:none;  }
.jointxt{ width: 100%; margin:0; margin-top: 66px; border:none; }

.part1-t-zi > span{ display: none; }
}


@media (max-width: 480px) {
   .swiper-slide{ margin:0px}  
.part3-m .swiper-slide{ width: 100%; }
.part1-t-zi > span.letter{letter-spacing: 1px;}
.part1-t-zi > h2{ font-size: 20px; }
.part2-b{ overflow: hidden; margin:20px 20px 0 20px;  }
.part2-b .part2-b1{ width: 35%; float: left; margin:0;  }
.part2-b .part2-b1 a{ padding: 0; }
.part2-b .part2-b2{ width: 65%; float: right; padding:0 0 0 30px; border-left: none;  }
.part2-m > li{ height: 200px; }
.part2-m > li .part2-m-r .part2-m-r-r > p { display: none; }
.swiper-part5 li > a > h3{ font-size: 16px; }

.about-m-t > h2 {font-size: 20px;}
.about-m-t > .count > li { margin:0 5px;}

.about-m-t > .count > li .count-1-t { font-size: 28px; }
.count-1-b{ font-size: 12px; }

.about-m-m .about-m-m-5{ font-size: 12px; }
.about-m-b > h3{font-size: 20px; margin:20px 0 10px 0;}

.case-m-li-zi{padding: 10px;}
.case-m-li-zi > h3{ font-size: 14px; height: 42px; overflow: hidden; }

.video-m-li-zi {font-size: 14px; }


.afterSale-m-t .afterSale-m-t-r > h2 { height: 50px; line-height: 50px; font-size: 20px; }
.afterSale-m-m h2{height: 50px; line-height: 50px; font-size: 20px; }
.afterSale-m-b .afterSale-m-b-l > h2 {height: 50px; line-height: 50px; font-size: 20px;}
.machining-m-t > h2{ font-size: 20px; padding:20px; }

.contact-m{ padding:0 20px 20px 20px; }

.contact-m-t .contact-m-t-l > h2{ font-size: 20px; }

.productFinal-m-r-b{ margin:10px 0 20px 0; }
.productFinal-m-r-b > ul > li{ height: 32px; line-height: 32px; }

.part1-m > li .part1-m-down{ padding:10px;}
.part1-m > li .part1-m-down > h3{ font-size:16px;}
.part1-m > li .part1-m-down > p{ margin-top:10px; font-size:12px; line-height:18px; height:54px; overflow:hidden;}
.part1-m > li .part1-m-down > i{ margin-top:5px;}

.product-m-ul > li .product-m-down{ padding:10px;}
.product-m-ul > li .product-m-down > h3{ font-size:16px;}
.product-m-ul > li .product-m-down > p{ margin-top:10px; font-size:12px; line-height:18px; height:54px; overflow:hidden;}
.product-m-ul > li .product-m-down > i{ margin-top:5px; display: none;}

}