@media only screen and (max-width: 1680px) {
  .content{
    width: 1200px;
  }
  .product_tab{
    width: 1200px;
  }
  .product_tab li {
    /*width: 201px;*/
   width: 240px;
  }
  .product_tabbox{
    width: 1380px;
  }
  .product_tabbox .swiper-slide{
  	width: 290px;
  }
  .product_tabbox01,.product_tabbox02,.product_tabbox03,.product_tabbox04,.product_tabbox05,.product_tabbox06{
    width: 1200px;
  }
  .product_pic{
    height: 216px;
  }
  .box01 .swiper-button-prev,.box01 .swiper-button-next,
  .box02 .swiper-button-prev,.box02 .swiper-button-next,
  .box03 .swiper-button-prev,.box03 .swiper-button-next,
  .box04 .swiper-button-prev,.box04 .swiper-button-next,
  .box05 .swiper-button-prev,.box05 .swiper-button-next,
  .box06 .swiper-button-prev,.box06 .swiper-button-next{
    width: 50px;
    height: 50px;
    top: 160px;
  }
  .about{
    width: 640px;
  }
  .about_bg{
    width: 100%;
    height: 714px;
  }
  .about_bg .title{
    margin-bottom: 80px;
  }
  /*.news_area .swiper-slide{
  	width: 290px;
  }*/
  .news_pic{
    height: 216px;
  }
  .case_pic{
    height: 400px;
  }
  .contact_box{
    width: 1200px;
  }
  .contact{
    width: 490px;
    padding-top: 40px;
  }
  .map_bg{
    width: 680px;
    height: 515px;
  }
  .map{
    width: 680px;
    height: 515px;
  }
  .foot_box{
    width: 1200px;
  }
  .foot_logo{
    width: 260px;
    font-size: 14px;
    margin-top: 28px;
  }
  .foot_logo img{
    width: 210px;
  }
  .foot_nav{
    width: 520px;
  }
  .foot_nav li{
    padding-right: 25px;
    margin-right: 25px;
    font-size: 14px;
  }
  .foot_nav li ul{
    width: 165px;
  }
  .hotline{
    width: 310px;
  }
  .hotline h4{
    font-size: 14px;
  }
  .f_tel{
    font-size: 30px;
  }
  .f_add{
    font-size: 16px;
    line-height: 40px;
  }
  .code h4{
    font-size: 14px;
  }

  /* 产品展示 */
  .pro_top{
    width: 1200px;
  }
  .pro li{
    width: 290px;
  }
}

@media only screen and (max-width: 1023px) {
  html {
    font-size: -moz-calc(100vw / 7.5);
    font-size: calc(100vw / 7.5);
  }
  body,p {
    font-size: 0.24rem;
    line-height: 0.42rem;
  }
  .img{
    width: 100%;
  }
  .pc{
    display: none;
  }
  .phone{
    display: block;
  }
  .content{
    width: 92%;
  }

  .banner .swiper-pagination{
    bottom: 0.2rem;
  }
  .banner .swiper-pagination-bullet{
    width: 0.1rem;
    height: 0.1rem;
    margin: 0 0.1rem;
  }
  .banner .swiper-pagination-bullet-active{
    width: 0.23rem;
  }
  .bn_text{
    top: 19%;
  }
  .bn_text h1{
    font-size: 0.38rem;
    line-height: 0.7rem;
  }
  .bn_text h1 span{
    padding-left: 0.15rem;
  }
  .bn_text h2{
    line-height: 0.22rem;
    font-size: 0.12rem;
    margin-bottom: 0.1rem;
  }
  .bn_text h3{
    font-size: 0.16rem;
    line-height: 0.28rem;
    letter-spacing: 5px;
  }
  .header{
    top: 0.16rem;
  }
  .logo{
    width: 2.56rem;
    margin-top: 0.2rem;
  }
  .search_img {
    width: 0.35rem;
    height: 0.37rem;
    top: 0.14rem;
  }
  .menu_btn {
    width: 0.38rem;
    height: 0.32rem;
    position: absolute;
    top: 0.17rem;
    right: 0.7rem;
  }
  .menu_btn img{
    width: 100%;
    height: 100%;
  }
  .menu_main{
    display: none;
  }
  .menu_box {
    background: #009e86;
    background-size: 100%;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 999999;
    position: fixed;
    padding: 0.2rem  0;
    display: none;
    overflow-y: auto;
  }
  .menu_list {
    padding-bottom: 1rem;
  }
  .menu_list li {
    font-size: 0.3rem;
    padding-left: 0.3rem;
    line-height: 1rem;
    border-bottom: dashed 1px rgba(255, 255, 255, 0.5);
    position: relative;
  }
  .menu_list a{
    color: #fff;
    display: block;
  }
  .menu_list li h3 {
    background: url(../images/nar1.png) no-repeat 95% center;
    background-size: 0.2rem;
    color: #fff;
    font-weight: normal;
    font-size: 0.3rem;
  }
  .menu_list li.current h3 {
    background: url(../images/nar2.png) no-repeat 95% center;
    background-size: 0.3rem;
    color: #fff;
  }
  .menu_list li ul {
    width: 100%;
    padding-left: 5%;
    display: none;
    margin-bottom:0.4rem;
  }
  .menu_list li ul li {
    padding: 0;
    border: none;
    font-weight: normal !important;
    line-height: 0.6rem;
    font-size: 0.28rem;
  }
  .menu_list li ul li i{
    width: 0.1rem;
    height: 0.1rem;
    border-radius: 50%;
    background: #fff;
    display: block;
    float: left;
    margin: 0.35rem 0.4rem 0 0;
  }
  .menu_close {
    font-size: 0.8rem;
    color: #fff;
    text-align: right;
    padding-right: 0.3rem;
  }

  .product_box{
    padding: 0.5rem 0 0.57rem;
  }
  .title{
    line-height: 0.28rem;
    font-size: 0.16rem;
    margin-bottom: 0.56rem;
  }
  .title h1{
    line-height: 0.46rem;
    margin-bottom: 0.25rem;
    font-size: 0.5rem;
  }
  .title_tit{
    font-size: 0.4rem;
    line-height: 0.5rem;
    top: 0.17rem;
  }
  .product_tab{
    width: 92%;
    margin: 0 auto 0.3rem;
  }
  .product_tab li {
    width: 33.333%;
    height: 1.5rem;
    font-size: 0.16rem;
    padding-top: 0.2rem;
    margin: -1px 0 0 -1px;
  }
  .product_tab h4{
    line-height: 0.26rem;
  }
  .product_icon{
    width: 0.6rem;
    height: 0.41rem;
    margin: 0 auto 0.15rem;
  }
  .product_tabbox{
    width: 92%;
    padding-bottom: 0.48rem;
  }
  .product_tabbox01,.product_tabbox02,.product_tabbox03,.product_tabbox04,.product_tabbox05,.product_tabbox06{
    width: 100%;
    padding-bottom: 0.74rem;
  }
  .product_tabbox01 .swiper-pagination-bullet,
  .product_tabbox02 .swiper-pagination-bullet,
  .product_tabbox03 .swiper-pagination-bullet,
  .product_tabbox04 .swiper-pagination-bullet,
  .product_tabbox05 .swiper-pagination-bullet,
  .product_tabbox06 .swiper-pagination-bullet{
    width: 0.12rem;
    height: 0.12rem;
    margin: 0 0.12rem;
  }
  .product_tabbox01 .swiper-pagination-bullet-active,
  .product_tabbox02 .swiper-pagination-bullet-active,
  .product_tabbox03 .swiper-pagination-bullet-active,
  .product_tabbox04 .swiper-pagination-bullet-active,
  .product_tabbox05 .swiper-pagination-bullet-active,
  .product_tabbox06 .swiper-pagination-bullet-active{
    width: 0.2rem;
  }
  .box01 .swiper-button-prev,.box01 .swiper-button-next,
  .box02 .swiper-button-prev,.box02 .swiper-button-next,
  .box03 .swiper-button-prev,.box03 .swiper-button-next,
  .box04 .swiper-button-prev,.box04 .swiper-button-next,
  .box05 .swiper-button-prev,.box05 .swiper-button-next,
  .box06 .swiper-button-prev,.box06 .swiper-button-next{
    display: none;
  }
  .product_tabbox .swiper-slide{
		width: 47%;
		margin-right: 3%;
	}
  .product_pic{
    height: 2.4rem;
  }
  .product_text{
    line-height: 0.74rem;
    font-size: 0.28rem;
    margin-bottom: 0.1rem;
  }
  .product_txt{
    width: 90%;
    line-height: 0.48rem;
    font-size: 0.24rem;
    margin: 0 auto 0.2rem;
  }
  .product_more{
    width: 1.8rem;
    height: 0.56rem;
    line-height: 0.56rem;
    font-size: 0.2rem;
  }
  .product_more a{
    border-radius: 0.5rem;
  }
  .product_more i{
    width: 0.1rem;
    height: 0.14rem;
    margin: 0 0 0.01rem 0.14rem;
  }
  .product_box .about_more{
    margin: 0 auto;
  }

  .you_bg{
    width: 100%;
    height: auto;
    padding-top: 0.75rem;
    background: url(../images/you_bg2.jpg) no-repeat center;
    background-size: cover;
  }
  .you_bg .title{
    margin-bottom: 0.57rem;
  }
  .you_tm{
    float: none;
    width: 100%;
    height: 2.44rem;
    padding-top: 0.35rem;
    background: url(../images/you_tm02.png) no-repeat;
    background-size: 100% 100%;
  }
  .you{
    margin-left: 0.54rem;
  }
  .you li{
    width: 29%;
  }
  .you li:nth-child(2){
    width: 38%;
    margin: 0;
  }
  .you li:nth-child(3){
    width: 28%;
    margin: 0;
  }
  .you img{
    width: 0.55rem;
    height: 0.57rem;
    margin: 0 0 0.2rem 0.5rem;
  }
  .you i{
    display: none;
  }
  .you h4{
    text-align: left;
    font-size: 0.24rem;
    line-height: 0.36rem;
    text-indent: 0.2rem;
    margin: 0;
  }
  .you li:nth-child(2) h4 span{
    text-indent: 0;
  }
  .you h4 span{
    display: block;
  }
  .you p{
    display: none;
  }

  .about_bg{
    height: auto;
    padding-top: 0.51rem;
    background: #f8f8f8;
  }
  .about_bg .title{
    margin-bottom: 0.54rem;
  }
  .about_pic{
    width: 100%;
    position: static;
    margin-top: 0.86rem;
  }
  .about{
    width: 100%;
  }
  .about h1{
    font-size: 0.32rem;
    line-height: 0.48rem;
  }
  .about h4{
    font-size: 0.2rem;
    line-height: 0.36rem;
    margin-bottom: 0.3rem;
  }
  .about i{
    width: 1rem;
  }
  .about_txt{
    font-size: 0.26rem;
    line-height: 0.4rem;
    margin: 0.4rem 0 0.48rem;
  }
  .about_bg .to3{
    -webkit-line-clamp: 5;
  }
  .about_more{
    width: 2.6rem;
    height: 0.7rem;
    line-height: 0.7rem;
    font-size: 0.24rem;
    border-radius: 0.7rem;
  }
  .about_more img{
    width: 0.24rem;
    height: 0.14rem;
    margin: 0 0 0.01rem 0.14rem;
  }

  .news_box{
    padding: 0.78rem 0 0.96rem;
  }
  .news_box .title{
    margin-bottom: 0.34rem;
  }
  .news{
    width: 92%;
    margin: 0 auto 0.2rem;
  }
  .news ul{
    margin-right: -3%;
  }
  .news li{
    float: left;
    width: 47%;
    margin: 0 3% 5% 0;
  }
  .news_date{
    font-size: 0.3rem;
    line-height: 0.68rem;
  }
  .news_date span{
    font-size: 0.2rem;
    padding-left: 0.16rem;
  }
  .news_pic{
    height: 2.4rem;
  }
  .news_text{
    padding: 0.16rem 0 0 0;
  }
  .news_text h4{
    font-size: 0.26rem;
    line-height: 0.34rem;
    height: 0.34rem;
  }
  .news li:hover .news_text h4{
    color: #009e86;
  }
  .news_txt{
    font-size: 0.24rem;
    line-height: 0.28rem;
    height: 0.84rem;
    -webkit-line-clamp: 3;
    margin: 0.11rem 0 0;
  }
  .news_more{
    width: 2.6rem;
    height: 0.7rem;
    line-height: 0.7rem;
    font-size: 0.24rem;
  }
  .news_more a{
    color: #fff;
    border: none;
    border-radius: 0.7rem;
    background: #009e86;
  }
  .news_more a:hover{
    background: #fff;
    color: #009e86;
  }
  .news_more i{
    width: 0.24rem;
    height: 0.14rem;
    margin: 0 0 0.01rem 0.14rem;
  }
  .news_more .img01{
    display: none;
  }
  .news_more .img02{
    display: block;
  }
  .news_more:hover .img01{
    display: none;
  }
  .news_more:hover .img02{
    display: inline-block;
  }

  .case_bg{
    width: 100%;
    padding: 0.87rem 0 0.91rem;
    background: url(../images/case_bg02.jpg) no-repeat center bottom;
  }
  .case_bg .title{
    margin-bottom: 1rem;
  }
  .case_box{
    width: 82%;
    margin: 0 auto 0.91rem;
  }
  .case_pic{
    height: 5rem;
  }
  .case_bg .swiper-button-prev,.case_bg .swiper-button-next{
    width: 0.65rem;
    height: 0.65rem;
    top: 38%;
  }
  .case_bg .swiper-button-prev{
    left: 3.4%;
  }
  .case_bg .swiper-button-next{
    right: 3.4%;
  }
  .case_tm{
    padding: 1.2rem 0.1rem 0.2rem 0.1rem;
    line-height: 0.36rem;
    font-size: 0.24rem;
  }
  .case_more{
    width: 2.6rem;
    height: 0.7rem;
    line-height: 0.7rem;
    font-size: 0.24rem;
  }
  .case_more a{
    border-radius: 0.7rem;
  }
  .case_more i{
    width: 0.24rem;
    height: 0.14rem;
    margin: 0 0 0.01rem 0.14rem;
  }

  .contact_bg{
    width: 100%;
    height: auto;
    padding: 0.65rem 0 0.55rem;
    background: url(../images/contact_bg02.jpg) no-repeat;
  }
  .contact_bg .title{
    margin-bottom: 0.3rem;
  }
  .contact_box{
    width: 100%;
  }
  .contact{
    float: none;
    width: 92%;
    padding-top: 0.37rem;
    margin: 0 auto;
  }
  .contact h1{
    font-size: 0.28rem;
    line-height: 0.44rem;
  }
  .contact i{
    width: 1rem;
    margin: 0.25rem 0 0.36rem;
  }
  .contact li{
    font-size: 0.24rem;
    line-height: 0.38rem;
    margin-bottom: 0.2rem;
  }
  .contact li img{
    width: 0.3rem;
    height: 0.27rem;
    margin: 0.03rem 0.1rem 0 0;
  }
  .contact li:first-child img{
    margin: 0.1rem 0.1rem 0 0;
  }
  .contact li span{
    font-size: 0.26rem;
  }
  .tel{
    font-size: 0.44rem !important;
  }
  .map_bg{
    float: none;
    width: 100%;
    height: auto;
  }
  .map{
    width: 100%;
    height: 4rem;
    position: static;
    top: auto;
    right: auto;
  }
  .BMap_bubble_title{
    font-size: 0.24rem;
    margin-bottom: 0.1rem;
  }
  .BMap_bubble_content{
    font-size: 0.2rem;
  }
  
  .foot_bg{
    width: 100%;
    padding-top: 0.65rem;
    background: url(../images/foot_bg02.jpg) no-repeat;
    background-size: 100% 100%;
  }
  .foot_box{
    width: 100%;
    height: auto;
  }
  .foot_logo{
    float: none;
    width: 100%;
    text-align: center;
    font-size: 0.32rem;
    line-height: 0.6rem;
    margin: 0 0 0.16rem 0;
  }
  .foot_logo img{
    width: 2.56rem;
    margin: 0 auto 0.26rem;
  }
  .copyright{
    width: 100%;
    border-top: solid 1px #2d2d2d;
    text-align: center;
    line-height: 50px;
    color: rgba(255, 255, 255, 0.5);
    font-size: 14px;
  }
  .copyright a{
    color: rgba(255, 255, 255, 0.5);
  }
  .foot_text{
    width: 100%;
    text-align: center;
    line-height: 0.52rem;
    font-size: 0.24rem;
    color: #fff;
    margin-bottom: 0.28rem;
  }
  .foot_text span{
    font-size: 0.34rem;
    font-family: 'Times New Roman';
  }
  .ftel{
  	width: 55%;
  	background:#fff;
  	border-radius: 0.6rem;
  	color: #009e86;
  	margin: 0 auto 0.1rem;
  }


  /* 关于我们 */
  .header_bg{
    height: 1rem;
    position: fixed;
    top: 0;
    left: 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    z-index: 999;
  }
  .header_bg .header{
    width: 94%;
    position: relative;
    top: auto;
    left: auto;
    margin: 0 auto;
  }
  .header_bg .logo{
    margin-top: 0.26rem;
  }
  .header_bg .logo_ind{
    display: none;
  }
  .header_bg .logo_main{
    display: block;
  }
  .header_bg .search_img{
    top: 0.36rem;
  }
  .header_bg .menu_btn{
    top: 0.36rem;
  }
  .header_bg .menu_ind{
    display: none;
  }
  .header_bg .menu_main{
    display: block;
  }
  .header_bg .ss_ind{
    display: none;
  }
  .header_bg .ss_main{
    display: block;
  }
  .header_bg .nav li{
    line-height: 100px;
  }
  .header_bg .nav i{
    background: #009e86;
    position: absolute;
    top: 76px;
    left: 50%;
    transform: translate(-50%,0);
  }
  .header_bg .nav a{
    color: #222;
  }
  .header_bg .nav li:hover i{
    opacity: 1;
  }
  .header_bg .nav .nav_on i{
    opacity: 1;
  }
  .header_bg .subnav01{
    width: 220px;
    left: -70px;
  }
  .header_bg .subnav02{
    width: 150px;
    left: -35px;
  }
  .header_bg .subnav{
    top: 100px;
  }
  .header_bg .subnav li{
    line-height: 40px;
  }

  .mian_banner{
    margin-top: 1rem;
  }
  .mian_banner_txt{
    font-size: 0.3rem;
    line-height: 0.42rem;
  }
  .mian_banner_txt h4{
    font-size: 0.5rem;
    line-height: 0.74rem;
  }

  .about_box{
    padding-bottom: 1rem;
  }
  .about_title{
    line-height: 0.5rem;
    padding: 0.51rem 0 0.41rem;
    font-size: 0.3rem;
    margin-bottom: 0.42rem;
  }
  .about_text{
    font-size: 0.24rem;
    line-height: 0.44rem;
  }


  /* 产品展示 */
  .pro_top{
    width: 100%;
    border: none;
  }
  .pro_top .flex{
    display: block;
  }
  .pro_top li{
    float: left;
    width: 33.333%;
    height: 1.2rem;
    line-height: 0.4rem;
    font-size: 0.24rem;
    border-right: solid 1px #eee;
    border-bottom: solid 1px #eee;
  }
  .pro_top li:nth-child(3n){
    border-right: none !important;
  }
  .pro_top li i{
    display: none;
  }
  .pro_top a{
    display: block;
    padding: 0 0.2rem;
    height: 1.2rem;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .pro_top .pro_ton a{
    background: #009e86;
    color: #fff;
  }

  .gray{
    min-height: 8rem;
    padding: 0.4rem 0 1rem;
  }
  .pro ul{
    margin-right: -3%;
  }
  .pro li{
    width: 47%;
    padding-bottom: 0.3rem;
    margin: 0 3% 4% 0;
  }

  .page{
    padding-top: 0.68rem;
    font-size: 0.2rem;
  }
  .page a{
    width: 1.1rem;
    height: 0.5rem;
    line-height: 0.5rem;
    border-radius: 0.5rem;
    margin: 0 0.1rem;
    box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.1);
  }
  .page span a{
    width: 0.5rem;
  }
  
  .fanye{
		padding-top: 0.68rem;
    font-size: 0.24rem;
	}
	.fanye a{
		line-height: 0.4rem;
		margin-bottom: 0.2rem;
	}
}