@media only screen and (min-width: 767px){
   .foot{
    display: none;
   }
   .header_media{
    display: none;
   }
}

@media only screen and (max-width: 767px){
	.hxd_title{width:100%;}
	.hxd_title h2{font-size:22px;}
	.habtit p {
    font-size: 14px;
    letter-spacing: 0;
	  
}
   .top{
	display:block;
	    height: 46px;
	    background: url(../images/logo.png) no-repeat left center;
    background-size: 100%;
   }
   .top a{display:none;width:100%;height: 46px;}
   .top font{display:none;}
   .top_logo{display:block;}
   .top span{display:none;}
   .logo_tel{
    display: none;
   }
   .nav li ul{display:none!important;}
   .keywordw{
    display: none;
   }
   .pleft{
    /* display: none; */
	display: block;
   }
   .picScroll-left{
    display: none;
   }
   .abg{
    /* display: none; */
	margin-bottom:10px;height: 130px;
   }
   .abg b{display:none;}
   
   .abg font{margin-left:20px;}
   
   .abg font p{font-size:32px;letter-spacing:4px;}
   
   .abg span{margin-top: -90px;margin-right: 38px;height: 30px;}
   
   .abg span a{line-height:30px;font-size:16px;}
   
   .f_ggy{ display: none;}
   .h30 {
    display: none;
   }
   .line{
    display: none;
   }
   .flink{
    display: none;
   }
   .footer .ft03{
    display: none;
   }
   .nav li:nth-child(7){
    display: none;
   }
   .wp1 {
    margin: 0;
   }
   .wp2 {
    width: 100%;
    margin: 0;
   }
   .nav li{
    height: 40px;
    line-height: 40px;
   }
   .w1200 {
    width: 100%;
   }
   ul.w1200 {
    width: 100%;
	overflow: hidden;
	display:block;
   }
   .nav{
    height: auto;
	display: block;
	 background: #007a37;
   }
   .nav li {
    padding: 0;
    width: 25%;
    border-bottom: 1px solid #1f8a17;
   }
   .nav li a{padding:0;}
   .slideBox{
    height: 200px;
	/* padding-top: 50px; */
   }
   .pleft{width:100%;}
   .ptitle{
	    width: 49%;
    margin:0.5%;
    float: left;
    background: #007a37;
    padding-left: 0;
    text-align: center;
	height: 35px;
    line-height: 35px;
    font-size: 16px;
   }

   .pleft h2{display:none;}
   
  .pleft #categorys-2013{display:none;}
   .slideBox .hd{
    height: 10px;
	right: 40%;
    bottom: 15px;
   }
   .slideBox .hd ul li{
    width: 10px;
    height: 10px;
    line-height: 10px;
   }
   .slideBox .bd img {
    width: 100%;
    height: 200px;
   }
   .h40 {
    height: 15px;
   }
   .product {
    width: 100%;
   }
   .pright {
    width: 100%;
   }
   .slideGroup {
    padding-left: 0;
   }
   .slideGroup .pcon dl{
    overflow: hidden;
    width: 100%;
   }
   .pcon dd{
    width: 43.4%;
    height: auto;
    padding: 2%;
    margin: 1%;
   }
.pcon dd:last-child{display: none;}
   .protitle2{
    margin-top: 0;
   }
   .pcon .view{
    width: 100%;
    height: auto;
   }
   .pcon dd .img{
    width: 100%;
    height: 150px;
    padding: 0;
    margin-bottom: 10px;
   }
   .pcon .hover{
    width: 100%;
   }
   .pcon .view:hover .hover{
    height: 150px;
   }
   .pcon dd a {
    width: 100%;
    height: auto;
   }
   .pcon dd .img img {
    width: 100% !important;
    height: 150px !important;
   }
   .xuqiu dt img{
    width: 100%;
	padding-top: 15px;
   }
   .xuqiu dd{
    width: 48%;
    height: 150px;
    margin: 0;
    padding: 1%;
   }
   .xuqiu .view{
    width: 100%;
    height: 150px;
   }
   .xuqiu .view img {
    width: 100%;
    height: 150px;
   }
   .xuqiu .hover{
    width: 100%;
    }
	.xuqiu .view:hover .hover{
    height: 150px;
    }
   .about {
    padding-top: 0;
    overflow: hidden;
	padding-bottom: 0;
   }
    .about .hxd_title{padding-top:0;}
   .about center img{
    width: 100%;
   }
   .about dt {
    width: 100%;
    height: auto;
   }
   .about dt img{
    width: 100%;
    height: auto;
   }
   .about dd{
    width: 96%;
    padding: 2% 2% 0;
    height: auto;
    line-height: 2;
   }
   .abline li {
    width: 100%;
   }
.honor{
display: none;
}
   .abline li font{
    float: left
   }
   .abline li a{
   overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 71%;
    float: left;
    display: inline-block;}
   .abmore {
    width: 100%;
    text-align: center;
    overflow: hidden;
    padding-top: 15px;
   }
   .about span {
    float: none;
    line-height: 28px;
    display: inline-table;
   }
   .htitle {
    width: 100%;
   }
   .hpicScroll li .view{
    width: 100%;
   }
   .hpicScroll ul li img {
    width: 100%;
   }
   .news {
    width: 100%;
   }
   .news .hd ul{
    display: none;
   }
   .news .bd{
    width: 96%;
    padding: 0 2%;
   }
   .news .bd li {
    padding-top: 15px;
   }
   .news .bd li .img{
    width: 37%;
    margin-right: 3%;
    height: 125px;
   }
   .news .bd li img {
    width: 100%;
    height: 125px;
   }
   .news .bd li b {
    font-size: 16px;
    line-height: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
   }
   .news .bd li p {
    line-height: 1.8;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
   }
   .question{
    width: 100%;
	height: auto;
	margin-top: 15px;
	display: none;
   }
   .txtMarquee-top .bd {
    padding: 0;
   }
   .txtMarquee-top .infoList li{
    padding: 0;
   }
   .footer{
    height: auto;
	padding-top: 15px;
	padding-bottom: 60px;
   }
   .lxleft{
    width: 100%;
    background: none;
    padding: 15px 0;
    text-align: center;
    height: auto;
	line-height: 28px;
   }
   .footer .ft02{
    padding: 0;
    width: 100%;
    text-align: center;
   }
   .footer .ft{
    padding: 15px 0;
   }
   .copry{
    height: auto;
    line-height: 2;
   }
   .slideBox5{
    height: auto;
	/* padding-top: 50px; */
   }
   .slideBox5 .hd{
    height: 10px;
	right: 40%;
    bottom: 15px;
   }
   .slideBox5 .hd ul li{
    width: 10px;
    height: 10px;
    line-height: 10px;
   }
   .slideBox5 .bd img {
    width: 100%;
    height: auto;
   }
   .left{
    display: none;
   }

   .subBody {
    width: 100%;
	
   }
.shxs{display: block!important;padding:10px;overflow: hidden;}
.shxs li{width: 32%;float: left;text-align: center;line-height: 32px;margin-bottom: 2%;border-radius: 0.1rem; background: #eeeeee;margin-right: 2%;}
.shxs li:nth-child(3n) { margin-right: 0px;}
.shxs li a{ display: inline-block;width: 100%;color: #333;font-size:16px;}


.xwlb{display: block!important;padding:10px;overflow: hidden;}
.xwlb li{width: 49%;float: left;text-align: center;line-height: 32px;margin-bottom: 2%;border-radius: 0.1rem; background: #eeeeee;margin-right: 2%;}
.xwlb li:nth-child(2n) { margin-right: 0px;}
.xwlb li a{ display: inline-block;width: 100%;color: #333;font-size:16px;}


   .right {
    width: 100%;
   }
   .subTitle{    padding: 10px;}
   .subTitle span {display: none;
   }
.cjwt{background: #e4e4e4;
    height: 40px;}

.cjwt font{ 
    float: left!important;
    width: 160px!important;
    background: #1c9c13!important;
    color: #fff!important;
    text-align: center!important; 
   height: 40px!important;
    padding-left: 0px!important;
    padding-top: 0px!important;
    line-height: 40px!important;
	font-size:18px!important;
	}

.proinfo dt{font-size: 20px;}
   .tcon .view{
    width: 45.5%;
    height: auto;
    padding: 1%;
    margin-right: 2%;
   }
   .tcon .view:nth-child(2n){margin-right: 0;}
   .tcon .view .img{
    width: 100%;
    height: 150px;
   }
   .tcon .view .img img{
    width: 100% !important;
    height: 150px !important;
    margin-left: 0;
   }
   .tcon .hover{
    width: 100%;
   }
   .tcon .view:hover .hover{
    height: 155px;
   }
   .pno b{
    margin-top: 18px;
   }
   .page_list{
    height: auto;
	margin-bottom: 15px;
   }
   .page_list a{
    height: 24px;
    line-height: 24px;
	width: auto;
    padding: 0 10px;
   }
   .tnews_quest {
    width: 100%;
	margin-top:20px
   }
   .tnews{
    width: 100%;
    height: auto;
   }
   .tnews_c{
    padding: 2%;
   }
   .tnews_quest .question{
    height: auto;
   }
   .txtMarquee-top{
    margin-top: 15px;
   }
   .txtMarquee-top .bd ul.infoList li{
    padding: 2%;
   }
   .question dl {
    padding: 2%;
   }
   .subCont{
    width: 100%;
	padding: 0;
   }
   .news_list li{
    width: 96%;
    padding: 0 2%;
	margin-bottom: 15px;
   }
   .news_list li .img{
    width: 37%;
    margin-right: 3%;
    height: 125px;
   }
   .news_list li img{
    width: 100%;
    height: 125px;
   }
   .news_list li b{
    font-size: 16px;
    line-height: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
   }
   .news_list li p{
    line-height: 1.8;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
   }
   .productlist li{
    width: 48%;
    padding: 1% !important;
    height: auto;
   }
   .productlist li a.img{
    width: 100%;
    height: 150px;
   }
   .productlist li a.img img{
    width: 94%;
    height: 150px;
    padding: 3%;
   }
   .productlist li p.info{
    line-height: 30px;
	overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
   }
   .subContbody ul.productlist{
    padding: 0;
   }
   .listConts{
    padding: 10px;
   }
.listConts h1{font-size: 20px;}
   .listConts .info{
    width: 100%;
	margin: 10px auto;
   }
   .dlsj p{font-size:14px!important; text-indent: 0!important;color:#333!important;}
   .dlsj span{font-size:14px!important;color:#333!important;}
   .txtMarquee-top .infoList li {height:auto!important;}
   .txtMarquee-top .infoList li  b{color: #1c9c13!important;font-size:15px!important;}
   #textarea{
    padding: 0;
    line-height: 2;
   }
   #textarea img{
    width: 100% !important;
    height: auto !important;
	margin:10px auto;
   }
   .lanrenzhijia{
    width: 100%;
   }
   .spec-preview{
    width: 100%;
   }
   .jqzoom img{
    width: 100% !important;
    height: auto !important;
   }
   .proinfo{
    width: 100%;
	margin-bottom: 15px;
   }
   .proinfo dd font{
    padding-top: 0;
   }
   .tjcp2{
    width: 100%;
   }
   .subCont2{
    padding: 0;
	line-height: 28px;
    margin: 20px auto;
   }
   .subCont2 p{
    padding: 0;
   }
   .subCont2 img{
    width: 100% !important;
    height: auto !important;
	margin:10px auto
   }
   .tjcp {
    width: 100%;
    height: auto;
	margin: 15px auto;
   }

.tjcp .tcon .view:last-child{display: none}


#newBridge{    display: none!important;}


.foot{position: fixed;bottom:0;width:100%;max-width:640px;background:#007a37;}
   .foot ul li{float: left;width:25%;text-align: center;padding:2% 0;}
   .foot ul li img{width:23px;}
   .foot ul li p{color:#fff;padding-top:2%;font-size:1em;}
   
   .header_media {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
	display:none;
   }
   nav a{ color:#fff;}
.cd-nav-trigger {
  position: fixed;
  display: inline-block;
}
.cd-nav-trigger a{ color:#fff;}
.cd-nav-trigger {
  top:5px;
  right: 0;
  height: 40px;
  width: 50px;
  z-index: 5;
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
.cd-nav-trigger .cd-icon {
  /* icon created in CSS */
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: inline-block;
  width: 25px;
  height: 3px;
  background-color: #fff;/*瀵艰埅妯潯鐨勯鑹�*/
  z-index: 10;
}
.cd-nav-trigger .cd-icon::before, .cd-nav-trigger .cd-icon:after {
  /* upper and lower lines of the menu icon */
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;/*瀵艰埅妯潯鐨勯鑹�*/
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  /* apply transition to transform property */
  -webkit-transition: -webkit-transform .2s;
  -moz-transition: -moz-transform .2s;
  transition: transform .2s;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  content: '';
}
.cd-nav-trigger .cd-icon::before {
  -webkit-transform: translateY(-6px) rotate(0deg);
  -moz-transform: translateY(-6px) rotate(0deg);
  -ms-transform: translateY(-6px) rotate(0deg);
  -o-transform: translateY(-6px) rotate(0deg);
  transform: translateY(-6px) rotate(0deg);
}
.cd-nav-trigger .cd-icon::after {
  -webkit-transform: translateY(6px) rotate(0deg);
  -moz-transform: translateY(6px) rotate(0deg);
  -ms-transform: translateY(6px) rotate(0deg);
  -o-transform: translateY(6px) rotate(0deg);
  transform: translateY(6px) rotate(0deg);
}
.cd-nav-trigger::before, .cd-nav-trigger::after {
  /* 2 rounded colored backgrounds for the menu icon */
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  height: 100%;
  width: 100%;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
}
.cd-nav-trigger::before {
  background-color: #000;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.cd-nav-trigger::after {
  background-color: #ddd;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  transition-duration: 0s;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  transition-delay: 0s;
  color:#000;
}
.cd-nav-trigger.close-nav::before {
  /* user clicks on the .cd-nav-trigger element - 1st rounded background disappears */
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.cd-nav-trigger.close-nav::after {
  /* user clicks on the .cd-nav-trigger element - 2nd rounded background appears */
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.cd-nav-trigger.close-nav .cd-icon {
  /* user clicks on the .cd-nav-trigger element - transform the icon */
  background-color: rgba(255, 255, 255, 0);
}
.cd-nav-trigger.close-nav .cd-icon::before, .cd-nav-trigger.close-nav .cd-icon::after {
  background-color: #fff;/*灏徝楃殑棰滆壊*/
}
.cd-nav-trigger.close-nav .cd-icon::before {
  -webkit-transform: translateY(0) rotate(45deg);
  -moz-transform: translateY(0) rotate(45deg);
  -ms-transform: translateY(0) rotate(45deg);
  -o-transform: translateY(0) rotate(45deg);
  transform: translateY(0) rotate(45deg);
}
.cd-nav-trigger.close-nav .cd-icon::after {
  -webkit-transform: translateY(0) rotate(-45deg);
  -moz-transform: translateY(0) rotate(-45deg);
  -ms-transform: translateY(0) rotate(-45deg);
  -o-transform: translateY(0) rotate(-45deg);
  transform: translateY(0) rotate(-45deg);
}
.cd-primary-nav {
  /* by default it's hidden */
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 90%;
  padding: 50px 5%;
  z-index: 3;
  background-color:#139c04;

  /*background-color:#000;*/
  overflow: auto;
  /* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */
  -webkit-overflow-scrolling: touch;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s, opacity 0.2s;
  -moz-transition: visibility 0s, opacity 0.2s;
  transition: visibility 0s, opacity 0.2s;
}
.cd-primary-nav li {
  margin: 1.6em 0;
  text-align: center;
  text-transform: capitalize;
}
.cd-primary-nav a {
  font-size: 20px;
  font-size: 1rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  transition: color 0.2s;
}
.no-touch .cd-primary-nav a:hover {
  color: #ffffff;
}
.cd-primary-nav.fade-in {
  /* navigation visible at the end of the circle animation */
  visibility: visible;
  opacity: 1;
}
.cd-primary-nav nav a{ color:#fff;}
.cd-nav-trigger {
  position: fixed;
  display: inline-block;
}
.cd-overlay-nav, .cd-overlay-content {
  /* containers of the 2 main rounded backgrounds - these containers are used to position the rounded bgs behind the menu icon */
  position: fixed;
  top: 18px;
  right: 5%;
  height: 4px;
  width: 4px;
  -webkit-transform: translateX(-20px) translateY(20px);
  -moz-transform: translateX(-20px) translateY(20px);
  -ms-transform: translateX(-20px) translateY(20px);
  -o-transform: translateX(-20px) translateY(20px);
  transform: translateX(-20px) translateY(20px);
}
.cd-overlay-nav span, .cd-overlay-content span {
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.cd-overlay-nav.is-hidden, .cd-overlay-content.is-hidden {
  /* background fades out at the end of the animation */
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .2s 0s, visibility 0s .2s;
  -moz-transition: opacity .2s 0s, visibility 0s .2s;
  transition: opacity .2s 0s, visibility 0s .2s;
}

.cd-overlay-nav {
  /* main rounded colored bg 1 */
  z-index: 2;
}
.cd-overlay-nav span {
  /*background:url(../images/main.jpg);*/
  background:#139c04;/*寮瑰嚭鐨勮儗鏅壊*/
}
/*榛戣壊缁撴潫*/
.cd-overlay-content {
  /* main rounded colored bg 2 */
  z-index: 4;
}
.cd-overlay-content span {
   background:#139c04;/*寮瑰嚭缂╁洖鐨勬椂鍊欒儗鏅壊*/
}

   .hpicScroll .prev, .hpicScroll .next{
    width: 30px;
    height: 30px;
   }
   .hpicScroll .next{background-size: 100% 100%;}
   .hpicScroll .prev{background-size: 100% 100%;}


}