@media only screen and (min-width:50rem){
  .header-m{
    display: none;
  }
  .m_banner{
    display: none;
  }
  .nybanner{
    display: none;
  }
}
@media only screen and (max-width:50rem){
  .header{
    display: none;
  }
  .header-m{
    display: block;
  }
  .indexbanner{
    display: none;
  }
  .m_banner{
    margin-top: 52px;
    display: block;
  }
  .m_banner img{
    width: 100%;
  }
  .m_banner .swiper-container{
    --swiper-navigation-color: #FFFFFF;
    --swiper-pagination-color: #f45009;
  }
  .product{
    width: 95%;
    padding-top: 1.25rem;
  }
  .zbt_gy {
    font-size: 1.25rem;
  }
  .more_gy a{
    font-size: .88rem;
  }
  .pro_list{
    justify-content: space-between;
  }
  .pro_list .list{
    width: 48%;
    margin-right: 0;
    margin-bottom: .88rem;
  }
  .pro_list .list .title{
    font-size: 1rem;
    margin-top: .63rem;
  }
  .pro_list .list .desc p:first-child{
    font-size: .75rem;
  }
  .pro_list .list .desc p:last-child{
    font-size: .63rem;
  }
  .pro_list .list .desc p:last-child img{
    display: none;
  }
  .pro_list .list{
    border-bottom: 2px solid #308d82
  }
  .indexwes{
    background: #308d82;
  }
  .indexwes-top .gsxx:before{
    display: none;
  }
  .indexwes-top .gsxx:first-child:after{
    display: none;
  }
  .indexwess{
    width: 95%;
    padding-top: 1.25rem;
    padding-bottom:1.88rem;
  }
  .indexwes-top .gsxx .number{
    font-size: 24px;
  }
  .indexwes-top .gsxx .dw{
    font-size: 10px;
  }
  .indexwes-top .gsxx p:last-child{
    font-size: 10px;
  }
  .more_gy{
    margin-top: .63rem;
  }
  .more_gy a{
    top: 0;
  }
  .indexwes-bottom .mc{
    font-size: 1.25rem;
    margin-bottom: 15px;
  }
  .indexwes-bottom .tests{
    flex-direction: column;
  }
  .indexwes-bottom .tests>div{
    width: 100%;
  }
  .indexwes-bottom .tests .jj_left{
    margin-right: 0;
    margin-bottom: 10px;
  }
  .indexwes-bottom .tests .jj_left .nr{
    font-size: 14px;
    line-height: 26px;
  }
  .indexwes-bottom{
    margin-top: 30px;
  }
  .indexwes-bottom .tests .jj_left .nr span{
    font-size: 18px;
  }
  .indexwes-bottom .tests .jj_left .ljxq a{
    font-size: 14px;
    width: 80px;
    line-height: 30px;
  }
  .news{
    padding-top: 1.25rem;
    width: 95%;
  }
  .news_left{
    display: none;
  }
  .news_right{
    width: 100%;
    margin-left: 0;
  }
  .news_top{
    margin-bottom: 15px;
  }
  .news_right .rightlist a .times{
    width: 20%;
  }
  .news_right .rightlist a .btms{
    width: 80%;
  }
  .news_right .rightlist a .times .d span{
    font-size: 1.25rem;
  }
  .news_right .rightlist .btms .title{
    font-size: 1rem;
  }
  .news_right .rightlist .btms .description{
    font-size: .88rem;
    line-height: 1.38rem;
  }
  .news_right .rightlist{
    margin-bottom: .63rem;
    padding-bottom: .63rem;
  }
  .new_more{
    margin-top: 20px;
  }
  .new_more a{
    width: 6.25rem;
    line-height: 2.25rem;
    font-size: .88rem;
  }
  .indexcontact{
    margin-top: 1.25rem;
    padding-bottom: 1.88rem;
  }
  .indexcontacts{
    padding-top: 1.25rem;
    width: 95%;
  }
  .indexcontact_bottom{
    margin-top: .63rem;
    flex-direction: column;
  }
  .indexcontact_bottom>div{
    width: 100%;
  }
  .indexcontact_bottom .cont_left .mcs{
    font-size: 1.13rem;
    margin-bottom: .63rem;
  }
  .indexcontact_bottom .cont_left .gslxxx p{
    flex-direction: column;
  }
  #container_map{
    height: 18.75rem;
  }
  .footer{
    width: 95%;
  }
  .footer p{
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: .88rem;
  }
  .footer p span{
    text-align: center;
    line-height: 24px;
  }
  .footer .bah{
    text-align: center;
    margin-left: 0;
  }
  .banner{
    display: none;
  }
  .nybanner{
    display: block;
    margin-top: 52px;
  }
  .nybanner img{
    width: 100%;
  }
  .ny_prolist{
    flex-wrap: wrap;
    justify-content: space-around;
    margin-top: .94rem;
  }
  .ny_prolist li{
    width: 46%;
    margin-bottom: 10px;
  }
  .ny_prolist a{
    margin-left: 0;
    margin-right: 0;
    font-size: 1rem;
  }
  .fenye_gy{
    font-size: 14px;
  }
  .fenye_gy::before {
    right: 62%;
    width: 2.5rem;
  }
  .fenye_gy::after {
    left: 62%;
    width: 2.5rem;
  }
  .proshowcont{
    width: 100%;
    padding-top: 52px;
  }
  .proshowcont .conts{
    flex-direction: column;
  }
  .proshowcont .conts>div{
    width: 100%;
  }
  .proshowcont .conts .rightnrs{
    width: 95%;
    margin: 0 auto;
    padding: .63rem 0;
  }
  .proshowcont .conts .rightnr .title{
    font-size: 1.25rem;
  }
  .proshowcont .conts .rightnr .decs{
    font-size: 1rem;
  }
  .xxnr_gy p{
    line-height: 1.5rem;
  }
  .proshowcont .conts .rightnr .bt{
    margin-bottom: .63rem;
  }
  .pro_hxys{
    margin-top: 1.25rem;
  }
  .pro_hxyss{
    padding: 1.25rem 0;
    width: 95%;
  }
  .pro_hxyss .zbt{
    font-size: 1.25rem;
    margin-bottom: .94rem;
  }
  .pro_hxyss .xxnr_gy{
    line-height: 1.5rem !important;
  }
  .pro_hxyss .xxnr_gy p{
    line-height: 1.5rem !important;
  }
  .pro_cpfw{
    width: 95%;
    padding-top: 1.25rem
  }
  .pro_cpfwlist{
    margin-top: .94rem;
  }
  .pro_cpfwlist .list{
    width: 100%;
    margin-bottom: .63rem;
  }
  .pro_xgfw{
    padding-top: .63rem;
    width: 95%;
  }
  .proshowbt_gy{
    font-size: 1.25rem;
  }
  .pro_xgfwlist .list{
    width: 100%;
    padding-bottom: .63rem;
    margin-bottom: .63rem;
  }
  .pro_xgfwlist .list:first-child {
    border-top: none;
    padding-top: 0;
  }
  .pro_xgfwlist .list:nth-child(2){
    border-top: none;
    padding-top: 0;
  }
  .pro_xgfwlist .list .title{
    font-size: 1.13rem;
  }
  .nypage{
    width: 95%;
    padding-top: 1.25rem;
  }
  .nypage .zbt_gy {
    padding-bottom: 10px;
    margin-bottom: 15px;
  }
  .gywm_nrjj{
    margin-top: .94rem;
  }
  .gywm_fzlc{
    padding-top: 2.5rem;
  }
  .fzlczs{
    display: none;
  }
  .xwdt-dh{
    padding-top: 1.25rem;
  }
  .qyln .p-o, .zpzw .p-o, .bghj .p-o{
    font-size: 1.25rem;
  }
  .qyln, .zpzw{
    width: 95%;
  }
  .qyln .p-o, .zpzw .p-o, .bghj .p-o{
    padding-bottom: .94rem;
  }
  .qyln ul{
    margin-top: .94rem;
  }
  .qyln ul li{
    width: 100%;
    margin-right: 0;
  }
  .qyln ul li .div-o{
    padding: .63rem;
  }
  .qyln ul li .div-o p{
    font-size: 1rem;
  }
  .qyln ul li .div-o div{
    font-size: .88rem;
    line-height: 1.5rem;
  }
  .ny_tech{
    width: 95%;
    padding-top: 1.25rem;
  }
  .tech_zynr{
    flex-direction: column;
  }
  .tech_zynr .tech_left{
    width: 100%;
  }
  .tech_zynr .tech_right{
    width: 100%;
    margin-top: .94rem;
  }
  .tech_zynr .tech_left .p-o{
    line-height: 2.5rem;
    font-size: 18px;
    font-weight: bold;
  }
  .tech_zynr .tech_left .ul-o li{
    line-height: 2.5rem;
  }
  .tech_zynr .tech_left .ul-o li a{
    font-size: 1rem;
    font-weight: bold;
  }
  .tech_zynr .tech_righttop{
    padding: .63rem;
  }
  .tech_zynr .tech_righttop .tu{
    display: none;
  }
  .tech_zynr .tech_righttop .nrxx{
    width: 100%;
  }
  .tech_zynr .tech_righttop .nrxx .title{
    font-size: 1.25rem;
    margin-bottom: .63rem;
  }
  .tech_zynr .tech_righttop .xxnrs{
    font-size: .88rem;
    line-height: 1.5rem;
  }
  .tech_rightbotom{
    margin-top: 1.25rem;
  }
  .tech_rightbotom_cont{
    margin-top: .94rem;
  }
  .xwdt{
    width: 95%;
  }
  .xwdt .xwdt-con .con-lf .p-t{
    display: none;
  }
  .xwdt .xwdt-con .con-lf .ul-t{
    display: none;
  }
  .xwdt .xwdt-con{
    flex-direction: column;
  }
  .xwdt .xwdt-con .con-lf{
    width: 100%;
  }
  .xwdt .xwdt-con .con-rt{
    width: 100%;
  }
  .xwdt .xwdt-con .con-lf .p-o{
    font-size: 1.25rem;
    line-height: 2.5rem;
  }
  .xwdt .xwdt-con .con-lf .ul-o li{
    line-height: 2.5rem;
  }
  .xwdt .xwdt-con .con-lf .ul-o li a{
    font-size: 1rem;
    font-weight: bold;
  }
  .xwdt .xwdt-con .con-rt .ul-o li .a-o .lf{
    display: none;
  }
  .xwdt .xwdt-con .con-rt .ul-o li .p-f {
    width: 30%;
    margin-left: 0;
    margin-top: .63rem;
  }
  .xwdt .xwdt-con .con-rt .ul-o li{
    padding: .94rem 0;
  }
  .xwdt .xwdt-con .con-rt .ul-o li .a-o .rt .div-o{
    font-size: 1rem;
  }
  .xwdt .xwdt-con .con-rt .ul-o li .a-o .rt .div-t{
    font-size: .88rem;
    line-height: 1.5rem;
  }
  .xwdt .xwdt-con .con-rt .ul-o li .a-o .rt{
    width: 100%;
  }
  .xwdt .xwdt-con .con-rt .ul-o{
    border-top: none;
  }
  .xwdt .xwdt-con .con-rt .p-oo{
    font-size: 1.13rem;
    margin-top: 1.25rem;
  }
  .xwdt .xwdt-con .con-rt .con-rt-content{
    padding: 1.25rem 0;
  }
  .xwdt .xwdt-con .con-rt .pianf{
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .zpzw ul li{
    width: 100%;
  }
  .zpzw ul{
    margin-top: 1.25rem;
  }
  .zpzw ul li .div-t div .p-t{
    font-size: 1.13rem;
  }
  .zpzw ul li .div-t{
    padding: .63rem;
  }
  .zpzw .a-o{
    width: 30%;
    margin-top: 0;
  }
  .yghd{
    margin-top: 1.25rem;
  }
  .bghj{
    width: 95%;
  }
  .Collapsing{
    padding: .63rem;
  }
  .Collapsing span{
    width: 100%;
    font-size: 1.13rem;
    padding: .31rem 0;
  }
  .coll_body table td{
    font-size: .63rem;
    line-height: normal;
    text-align: left;
    padding: .31rem;
  }
  .coll_body-con{
    padding: .63rem
  }
  .coll_body .a-oo{
    width: 30%;
    margin-left: 0;
  }
  #backToTop{
    display: none;
    padding: 0;
    width: 0;
    padding-top: 0;
    border: none;
  }
  #backToTop a{
    display: none;
  }
  #backToTopss{
    display: none !important;
  }



  .header-m{
    background-color: #308d82;
  }
  .m_container {
    width: 95%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
  }
  .header-m{
  	position:fixed;
  	top:0;
  	left:0;
    right: 0;
  	z-index:999;
  	padding: 0 30px;
  }
  /*左侧logo*/
  .header-m .mlogo {
    display: flex;
    align-items: center;
  }
  .header-m .mlogo a img{
  	width: 8rem;
  }
  .header-m .left .img2{
  	display: none;
  }

  /*右侧*/
  .header-m .nav-mobile{
  	-webkit-transition: 0.5s;
  	-moz-transition: 0.5s;
  	-o-transition: 0.5s;
  	transition: 0.5s;
  	height: 100%;
  	line-height: 50px;
  	display: block;
  }
  .header-m .navbar_nav li{
  	float:left;
  	position: relative;
  	display: block;
  }
  .header-m .navbar_nav li:after{
      content: "";
      width: 0;
      height: 2px;
      background: orangered;
      position: absolute;
      bottom: 0;
      left: 0;
      transition: all 0.5s ease 0s;
  }
  .header-m .navbar_nav li:hover:after{
      width: 100%;
  }
  .header-m .navbar_nav li a{
  	text-decoration: none;
  	height: 100%;
  	padding: 0 25px;
  	display: block;
  	-webkit-transition: 0.5s;
  	-moz-transition: 0.5s;
  	-o-transition: 0.5s;
  	transition: 0.5s;
  	color: #fff;
  	font-size: 16px;
  }
  .header-m .navbar_nav li:hover a{
  	color: orangered;
  }
  .header-m .navbar_nav li.dropdown{
  	display: inherit;
  	position: relative;
  }
  .header-m .navbar_nav li.dropdown .jt{
  	width: 20px;
  	height: 20px;
  	background: url(i/top.png) no-repeat;
  	background-size: 100% 100%;
  	display: block;
  }
  .header-m .navbar_nav li.dropdown .dropdown_menu{
  	display: none;
  	position: absolute;
  	top:50px;
  	width: 100%;
  	background: #fff;
  	box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);
  	width: 120%;
      left: -10%;
  }
  .header-m .navbar_nav li.dropdown .dropdown_menu a{
  	font-size: 14px;
  	color: #666;
  	padding: 0 10px;
  	line-height: 40px;
  	text-align: center;
  	background: #fff;
  	margin-bottom: 2px;
  }
  .header-m .navbar_nav li.dropdown:hover .dropdown_menu{
  	display: block;
  	background: #f3f3f3;
  	-webkit-transition: 0.5s;
  	-moz-transition: 0.5s;
  	-o-transition: 0.5s;
  	transition: 0.5s;
  }
  .header-m .navbar_nav li.dropdown:hover .dropdown_menu a{
  	color: #666;
  }
  .header-m .navbar_nav li.dropdown:hover .dropdown_menu a:hover{
  	color: #fff;
  	background: orange;
  }
  /*白色背景的头部*/
  .header-m.on{
  	background: #fff;
  	border-bottom: 1px solid #ccc;
  }
  .header.on .left .img1{
  	display: none;
  }
  .header.on .left .img2{
  	display: block;
  }
  .header.on .navbar_nav li a{
  	color: #333;
  }
  .header.on .navbar_nav li:hover a{
  	color: orangered;
  }
  #navToggle{
  	display: none;
  }
  .m_nav{
  	position: fixed;
  	top: 0px;
  	box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);
  	width: 100%;
    height: 100%;
    background: #308d82;
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
  	z-index: 1000;
    opacity: 1;
    visibility: visible;
    margin-top: 0;
    overflow-y: auto;
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    top: 0;
    left: 0;
    transform: translateX(100%);
  }
  .m_nav.open{
      transform: translateX(0);
  }
  .m_nav .top{
  	/* height: 60px; */
  	padding: 1.25rem;
  	box-sizing: border-box;
  }
  .m_nav .top .logo2{
    width: 6.25rem;
  }
  .m_nav .top .closed{
  	width: 1.44rem;
  	height: 1.44rem;
  	vertical-align: middle;
  	float:right;
  	cursor: pointer;
  }
  .m_nav .logo{
  	width: 100%;
  	margin:0 auto;
  }
  .m_nav .logo img{
  	display: block;
  	margin:20px auto;
  }
  .m_nav .ul{
  	margin-top: 30px;
  }
  .m_nav .ul li{
  	padding: 0 20px;
  	transform: translateY(0);
  	-webkit-transform: translateY(100%);
      transform: translateY(100%);
      -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
      transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
      opacity: 0;
  }
  .m_nav.open .ul li{
  	opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
  }
  /* .m_nav .ul li:nth-child(1) {
      -webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
      transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
  }
  .m_nav .ul li:nth-child(2) {
      -webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
      transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
  }
  .m_nav .ul li:nth-child(3) {
      -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
      transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
  }
  .m_nav .ul li:nth-child(4) {
      -webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
      transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
  }
  .m_nav .ul li:nth-child(5) {
      -webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
      transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
  }
  .m_nav .ul li:nth-child(6) {
      -webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
      transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
  } */
  .m_nav .ul li a{
  	display: block;
  	text-decoration: none;
  	color: #ffffff;
    border-bottom: 1px solid #ffffff;
  	font-size: .75rem;
  	height: 50px;
  	line-height: 50px;
  	width: 100%;
  }
  .m_nav .ul li .dropdown_menu{
  	display: none;
  }
  .m_nav .ul li.dropdown.active .dropdown_menu{
  	display: block;
  }
  .m_nav .ul li .dropdown_menu a{
  	display: block;
  	height: 50px;
  	line-height: 50px;
  	padding: 0 40px;
  	box-sizing: border-box;
  	border-bottom: 1px solid #f5f5f5;
  }
  .m_nav .ul li .dropdown_menu a:last-child{
  	border: none;
  }
  .header-m{
  		padding: .63rem 0;
  	}
	.header-m #navToggle {
		height: 100%;
		display: flex;
    align-items: center;
	}
}