﻿/*手机导航*/
.nav-fix,.allnav{display: block;}
.wap-header{display: none;position: fixed;top:0;left:0;width:100%;z-index:9999; background: #fff;/*padding:10px 0;box-shadow: 1px 1px 10px #ddd;*/}

.wap-logo{}
.wap-logo a{float:left;width:100%;}
.wap-logo a img{margin-left: 10px;}
.wapheaderfixed{ position: fixed;top:0;left:0;width: 100%;box-shadow:1px 1px 20px rgba(0,0,0,0.1);z-index:99999;}
.wap-container{width:98%;margin:0 auto}
.wap-nav{float:right}
.wap-click{width:100%;overflow: hidden;margin-top:20px;margin-left:16px;font-size:20px;font-weight:bold;}
.wap-click em{float:left;height:16px;margin-top: 6px;}
.wap-click span{float:left;margin-left:7px;}
.wap-nav-all{width:100%;position: absolute;top:80px; background: #fff;left:0;z-index: 9999;border-bottom:30px solid #013A81;display:none;}
.wap-nav-all ul li a{display: block;width:90%;margin:0 auto;border-bottom:1px solid #E6E8EF;line-height:40px;color:#000;font-weight: bold;}
.wap-nav .wap-click b{display: block;height:3px;  width:28px; background: #000;margin:7px 0;transition: all .4s;}
.wap-nav .wap-click .addcb b:nth-child(1){transform: rotate(45deg);position: relative;top:0px}
.wap-nav .wap-click .addcb{margin-top: 7px;}
.wap-nav .wap-click .addcb b:nth-child(3){transform: rotate(-45deg);position: relative;top:-7px}
.wap-nav .wap-click .addcb b:nth-child(2){display: none;}
.wap-eng{width:15%;margin-top:24px;    text-align: right;float:right}
.wap-eng a{font-size:18px;font-weight:900;color:#006835}
/*手机导航*/

@media screen and (min-width:0px)  and  (max-width:1200px)  {
	.ny-jkindex-con table{width: 100% !important;}
.nav-fix,.allnav,.soso{display:none ;}
.map_gd{display: block;height: 80px;}
.wap-header{display: block;}
.pc_head,.pc_header,.pc_nav{display:none;}
.container-s,.container-w{max-width:96%;margin:0 auto}
.youshi_center{width:100%;}
.banner{height:auto;width:100%;overflow: hidden;position: relative;z-index:9;margin-top:80px;}
.banner .swiper-slide{ background-size: cover; background-repeat:no-repeat; background-position:center; background: none !important;}
#num{bottom:10px;}
.about_fl{width:100%;}
.about_fr{display: none;}
.bioas li{margin:0px 10%;}
.content_center{width:90%;}

.ny-contact-list dl{text-align: center;}
.ny-contact-list dl{width:48%;margin:1%;}
.ny-contact-list .ny-contact-wx dd{float:none;display: inline-block;}
.ny-contact-list .ny-contact-wx dd{width:37%;margin:10% 2%}
.ny-contact-list .ny-contact-wx dd em img{width:100%}
.ny-contact-list .ny-contact-wx dd em{width:80%}
.ny-contact-list .ny-contact-wx dd span{width:20%;margin-left:0}
.pc_product_center{width:95%;max-width: 1200px;}
.pao_nav li{width:33.3%;margin-bottom: 1px;}
.product_content ul{text-align:center;}
.product_content ul li{width:49%;margin-right: 0px;display: inline-block;float: none;}

.pc_lx_center{width:75%;}
.pc_lxli{width:100%;}
#myform{width:100%;}
#myform .form_fl{width:100%;}
#myform .form_fr{width:100%;height: 50px;}
#myform .form_fr input{width:100%;height: 50px;line-height: 50px;}
#myform .form_fl .input-text{width:100%;}
#myform .form_fl textarea{width:100%;height: 100px;margin-bottom: 20px;}
.pc_lxul{display: none;}
.pc_lx{padding-top: 70px;}
.pc_lxli{width:42%;margin-bottom: 70px;}
.wap_bottom{display:block;}
.weizhi_center{width:90%;}
.weizhi_fl{width:100%;}
.weizhi_fr{display:none;}
	.ny-pro-xq .pro1 .pro-list-pic{display: none;}
	.pro-lunbo{display: block;width:100%;margin:0 auto 30px auto;border:1px solid #ddd}
	.pro-descript1{float:none;width:97%;margin:0 auto}
	.pro-descript-top{width:100%;}
	.pro-descript-bottom{width:100%}
	.pro-descript1 .pro-descript-top dl{ background: none;}
	.pro-descript1 .pro-descript-top dl{padding:10px 0; background: #f5f5f5;border-radius:10px;margin:10px 0;}
	.pro-descript1 .pro-descript-top dl dt,.pro-descript1 .pro-descript-top dl dd{text-indent: 10px;}
	.pro-descript-top{background: none;}
	.pro-descript-bottom{margin-top:0}
	.de-title-list ul{width:100%;margin:0 auto}
	.de-title-infor{width:97%;margin:0 auto}
	.de-title-case li{width:32%;margin:0.5%;}
	
	.de-title-load li{width:32%;margin:0.5%;}
	.pro-message-con{width:96%;margin:0 auto}
}

@media screen and (min-width:1200px)  and  (max-width:1410px)  {
.container-s,.container-w{max-width:97%;margin:0 auto}
.ny-contact-list dl{width:24%;margin:0.5%}
.ny-contact-list .ny-contact-wx dd{width:46%;margin:10% 27%}
.ny-contact-list .ny-contact-wx dd img{width:80%}

.ny-product-list ul li{width:24%;margin:0.5%}
.ny-pro-zx span{width:63%}
.ny-pro-zx a{width: 30%;}
.health-ctitle1 .ctitle1>li:after{padding:0 10px}

.ny-main .ny-jkindex-con{width:80%}
 .ny-health-xqtop .fr{width:70%}
.ny-health-xqtop .fl{width:20%}
}


.ny-about-left img{display: none;}
@media screen and (min-width:0px)  and  (max-width:1200px)  {
	.allnav{display: none;}
	.about{height: auto;}
	.about-left{width: 100%;margin-top:30px;}
	.about-right,.about-left{float:none;display: block;}
	.about-right a{margin:20px auto}
	.about-left h2{text-align: center;}
	.about-left p{text-align: center;}
	.gy-right{display: none;}
	.gy-left{width:100%}
	.gy-left .fr{ background-size: cover;}
	.gy{width:96%;margin:0 auto}
	
	.pro-con .swiper-button-prev, .pro-con .swiper-button-next{display: none;}
	
	.health{background-size:cover;   margin-top: 25px;}
	.health-con{width:100%;float:none;background: rgba(0,0,0,0.5);}
	.health-div{width:95%;margin:0 auto}
	.health-div h2{padding-top:30px;text-align: center;}
	.health-div h2 b{font-size:30px}
	.health-div h2 em{font-size:10px;}
	.health-div .health-p{margin:20px auto;text-align: center;color:#fff;font-size:14px;line-height:28px;}
	.health-more a{margin:0 auto;border-color:#fff}
	.health-more{margin:0 auto}
	
	.otherpro-ul li{float:left;width:46%;margin:2%}
	.otherpro-ul li a{width:100%;height:50px;line-height:50px;}
	.otherpro{padding-top:20px;}
	.otherpro-ul ul{overflow: hidden;}
	.otherpro-list{margin-top:10px;}
	
	.footer{height: auto;display: none;}
	
	.foot{width:100%;background: #f5f5f5;padding:10px 0}
	.foot .foot-top span{display: block;text-align: center; background:none;padding-left:0;margin-right:0;line-height: 30px;}
	.foot-right {display: none;}
	.foot-bottom span{display: none;}
	.foot-bottom{text-align: center;}
	.foot-left {float:none}
	
	.ny-banner{height:350px; background-position:  center right !important;background-size: cover !important;}
	.ny-banner-wz{width:90%;height: auto;padding:10px 0;background: rgba(0,0,0,0.4);margin:0 auto;right:0;top:40%;height:97px;border-radius:10px;}
	.ny-banner-wz p{font-size:14px;}
	.ny-banner-wz h2, .ny-banner-wz p{text-align: center;margin:15px 0}
	.ctitle1{float:none;width:100%}
	.navigation{line-height:normal;padding:10px 0 20px 0;height: auto;}
	.ctitle1 ul{width:100%;overflow: hidden;}
	.ctitle1 ul li{width:calc(100%/2);text-align: center;}
	.ctitle1 ul li a{float:left;width: 100%;height:45px;line-height:45px;}
	.ctitle1 ul li{margin-right:0}
	.pos{display: none;}
	.ny-about-left, .ny-about-right{float:none;width:100%}
	.ny-culture-dl dl dt em{display: none;}
	
	.ny-honor-con li{width:50%}
	.ny-honor-con{width:95%;overflow: hidden;margin:30px auto}
	.ny-honor-con .prev{right:0;z-index: 999;background: #fff;}
	.ny-honor-con .next{left:0;z-index: 9999;background: #fff;}
	.research .research-fl{float:none;width:100%;margin:0 auto}
	.research .research-fr{float:none;width:100%}
	.research-con{width:94%;margin:20px auto}
	.map{width:100%}
	
	.ny-message form .text{width:45%}
	.ny-message form .text-area{width:88%}
	
	.ny-news-con li .pic,.ny-news-con li .info{float:none;width:100%}
	.ny-news-con li .info h2{margin:10px 0}
	.ny-news-con li .info p{line-height:22px;}
	.ny-news-con li .info{padding-bottom:10px;}
	
	.ny-product-list ul li{width:32%;margin:1.5% 0.5%}
	.ny-pro-left{float:none;width:90%;    padding:5%}
	.ny-pro-right{float:none;width:100%}
	
	.health-ctitle1{ position: inherit;margin-top: 79px;height:200px;line-height:20px;}
	.health-ctitle1 .ctitle1>li:after{content: " ";float:none;padding:0}
	.health-ctitle1 .ctitle1>li{width:98%;text-align: center; background: #03418A;margin:2px auto;height:40px;line-height:40px;border-radius:10px;float:none}
	.health-ctitle1 .ctitle1 .ctitle2 a{color:#fff;width:100%;}
	.health-ctitle2 .ctitle1 .ctitle2{display: none;}
	.health-ctitle2 .ctitle1 li{float:left;width:24%;margin:1%}
	.health-ctitle2 .ctitle1{width:98%; position: inherit;margin:0 auto}
	
	.health-ctitle1 .ctitle2{ position: inherit;margin-top: 79px;}
	
	.jk-index{ background: #f5f5f5;}
	.jk-index ul{width:98%}
	.jk-index{ position: inherit;margin-top:77px;    box-shadow:none;background: #f5f5f5;padding:20px 0;height: auto;}
	.jk-index li:after{display: none;}
	.jk-index ul li{width:auto;margin:0.5%;color:#fff;height: 40px;line-height:40px;padding:0 3.2%; background: #0055AA;border-radius:30px}
	.jk-index ul li a{color:#fff}
	.jk-index ul li .pic{width:92%}
	.jk-index ul li .info{height:40px;margin-top:0}
	.health-ctitle1{display: none;}
	.ny-health-banner{margin-top:100px}
	
	.ny-health-list ul li{width:48%;margin:1%}
	.ny-health-banner b, .ny-health-banner em{text-align: center;margin-left:0}
	
	.ny-health-banner{margin-top:100px}
	.ny-main .ny-jkindex-con{margin-top:0;}

	.ny-main .ny-jkindex-con{width:96%}
	.ny-health-xqtop .fr{width:56%}
	.ny-health-xqtop .fl{width:40%}
	.ny-jkindex-con table{width: 96%;margin:0 auto}
	.ny-jkindex-con table td{display: block;width: 96%;padding:2% !important;overflow: hidden;}
	
}

#yuandian{display:none}
@media screen and (min-width:0px)  and  (max-width:640px)  {
	#yuandian{display:block;bottom:0px;}
	.pro-con{padding-bottom:50px;}
	.gy-left .fl div{width:90%}
	.gy-left .fl h2{font-size:20px;padding:30px 0 20px 0}
	.gy-left .fl{width:100%;float:none;height: auto;}
	.gy-left .fr{width:100%;float:none;height: auto;}
	.gy-left .fr{height: auto;}
	
	.gy-left .fl a{padding:20px 0;margin-top:0}
	.gy-left .fl p{font-size:14px;line-height:25px}
	.gy-left .fr a{height:200px;}
	.gy-left .fl a img{width:30px ;}
	.title span{font-size:24px;}
	.title{margin:20px 0}
	.pro-con ul li{width:340px;float:left; background: #f5f5f5;overflow: hidden;}
	.pro-con ul li .pic{width:100%;overflow: hidden;}
	.pro-con ul li .pic img{width:100%;transition: all .4s;}
	.pro-con ul li .info{transition: all .4s;color:#555;font-size:16px;line-height:60px; background:none;width:100%;border-bottom:none;text-align: center;}
	
	.otherpro-list ul li{width:320px;margin:0 10px 0 10px}
	.ny-about-left img{display: block;}
	.ny-about-left{background: none !important;height: auto;}
	
	 .ny-culture-dl dl dd{padding-bottom: 20px;}
	 .ny-culture-dl dl{float:none;width:96%;margin:0 auto;height: auto;}
	 .ny-culture-dl dl.culture-dl2,.ny-culture-dl dl.culture-dl1,.ny-culture-dl dl.culture-dl3{ background-size: cover;}
	 .ny-culture-dl dl:nth-child(3){margin:0 auto}
	 .ny-culture-dl dl dt{margin-top:20px;padding:20px 0;border-color:#fff}
	 .ny-culture-dl dl dt em{display: block;margin-left:0}
	 .pf_down{display: block;line-height: normal;}
	 .ny-title {padding-top: 20px;}
	 .ny-culture-con .ny-culture-dl{margin-top:20px;}
	 .ny-title b, .ny-service-left h2 b { font-size: 1.5rem;  line-height: 35px;}
	.ny-honor-con li{width:98%}
	.ny-honor-con{width:95%;overflow: hidden;margin:30px auto}
	.ny-honor-con .prev{right:0;z-index: 999;background: #fff;}
	.ny-honor-con .next{left:0;z-index: 9999;background: #fff;}
	.ny-culture-dl dl dt, .ny-culture-dl dl dd{width:90%}
	
	.ny-contact-list dl{width:100%;margin:1% auto;}
	.ny-contact-list dl{height: auto;padding:10px 0}
	.ny-contact-list dl dt{margin:10px auto}
	.ny-contact-list .ny-contact-wx dd{float:none;display: inline-block;}
	.ny-contact-list .ny-contact-wx dd{width:37%;margin:10% 2%}
	.ny-contact-list .ny-contact-wx dd em img{width:100%}
	.ny-contact-list .ny-contact-wx dd em{width:80%}
	.ny-contact-list .ny-contact-wx dd span{width:20%;margin-left:0}
	.ny-contact-list .ny-contact-wx dd{margin:2%}
	
	.ny-message form .text{width:98%}
	.ny-message form .text-area{width:84%}
	.foot{padding-bottom:60px;}
	
	.ny-news-con li{width:98%;float:none;margin:10px auto}
	.ny-news-con li .pic{float:left;width:40%}
	.ny-news-con li .info{float:left;width:55%;margin-left:4%}
	.ny-main .pagelist a, .ny-main .pagelist span{margin-top:10px;}
	
	.ny-product-list ul li{width:48%;margin:1.5% 1%}
	.ny-pro-zx span{display: none;}
	.ny-pro-zx a{width: 100%;height: 60px;line-height: 60px;border-radius:10px}
	.ny-pro-title em{display: block;margin-left:0;font-size:14px;color:#888;text-align: center;}
	.ny-pro-title b{font-weight:bold;text-align: center;display: block;}
	.ny-pro-right p{line-height:26px;}
	.ny-pro-con{font-size:15px;line-height:26px}
	
	.ny-recuri-banner{padding:120px 0 0 0 ;height:500px}
	.ny-recuri-p1,.ny-recuri-p2{width:95%}
	.ny-recur-title b{font-size:1.3rem}
	.ny-recur-title em{margin-top:0}
	.ny-recuri-p1{margin:30px auto}
	.zp-fl-bottom dl{width:100%;margin:10px auto}
	.fc-img{margin:10px 0;padding:10px 0;}
	.recurit-title p{font-size:15px;line-height:30px;}
	.fc-img-div div.fl,.fc-img-div div.fr{width:100%;margin-top:10px;}
	.health-ctitle2 .ctitle1{margin:10px auto;overflow: hidden;}
	.health-ctitle2 .ctitle1 li{width:48%;text-align: center;text-indent: 0;}
	
	.health-ctitle1{ background: none;height: auto;}
	.health-ctitle2 .ctitle1 li.on a{ background: #E16912;color:#fff}
	
	.ny-main .ny-jkindex-con{width:100%}
	.ny-health-xqtop{padding:10px}
	.ny-health-xqtop .fr{width:96%;float:none;margin:0 auto}
	.ny-health-xqtop .fl{width:96%;float:none;margin:0 auto}
	.ny-health-xqtop .fr{}
	.ny-health-xqtop .fr p{line-height:26px}

    .index_news_ul{text-align:center;}
	.index_news_ul li{width:45%;border:1px solid #EEEEEE;float: none;display: inline-block;}
    .index_news_ul li img{width:100%;}
    .pao_nav li{width:50%;}
    .product_content ul li{width:95%;height: auto;}
    .youshi_center .title{display: none;}

    .sg_dl{height: 360px;width:50%;}
    .sg_dd{height: 325px;padding:0px 15px;padding-top: 65px;}
    .sg_dl:hover .sg_dd{
	padding-top:65px;
}
.sg_dl .sg_dd .sg_des{padding-bottom: 20px;}
.sg_dl .sg_dd .sg_des span{
	display: block;
}
.bioas{margin-top: 20px;}
.about_fl .des{padding:0px 10px;}
.bioas li{width:50%;margin:5px 0px;text-align: center;}

.video_content .video_ul{width:75%;margin:0 auto;}
.video_li{width:100%;margin-bottom: 10px;}
.about_content,.about_fl{height: auto;}
.about_content::after{content: "";display: block;clear:both;} 

.neiyeabout_img li{width:47%;}
.content_list li{width:46%;}
}

@media screen and (min-width:0px)  and  (max-width:500px)  {
	.ny-news-con li{width:98%;float:none;margin:10px auto}
	.ny-news-con li .pic{float:none;width:100%}
	.ny-news-con li .info{float:none;width:92%}
	.ny-product-list ul li{width:98%;margin:2% auto;float:none}
	.ny-health-list ul li{width:97%;margin:2% auto;float:none;}
	
}

@media screen and (min-width:0px)  and  (max-width:1200px)  {
	.about_co_fl,.about_co_fr{width:100%;}
	.about_co_fr{text-align: center;margin-top: 15px;}
	.about_co_fr .more{margin:20px auto;float: none;}
	.about_co_cen{margin:25px 0px;}
	.about_co_cen ul li{width:24%;margin-bottom: 25px;border-right: 0px; }
     
    .product_ul_li li{width:40%;border:1px solid #E7E7E7;display: inline-block;margin:1% 1%;}

    .health_shfw ul{max-width:810px;margin:0 auto;width:100%;}
    .health_shfw ul li{width:100%;max-width: 800px;margin:5px auto;height: auto;}
    .health_shfw ul li p{width:49%;max-width: 400px;float: left;}
    .health_shfw ul li img{width:48%;max-width: 400px;float: left;}
    .foot{display: block;}
    .pc_footer{display: none;}

}

@media screen and (min-width:0px)  and  (max-width:810px)  {
	     .heke_center #myform{height: auto;width:85%;margin:0 auto;}
     .heke_center #myform .input-text{width:100%;height: 60px;background: #fff;border:0px;border-radius: 8px;margin:10px auto;}
     .heke_center #myform #dosubmit{width:100%;height: 60px;background: #0041A5;border:0px;border-radius: 8px;color:#fff;font-size: 16px;text-align: center;line-height: 60px;margin:0 auto;}

      .heke_center  p{display: none;}
      .heke_center b{display: block;width:100%;text-align: center;}
}

@media screen and (min-width:0px)  and  (max-width:750px)  {
	.health_shfw ul{max-width:810px;margin:0 auto;width:100%;text-align:center;}
	.health_shfw ul li{width:60%;max-width: 800px;margin:5px auto;height: auto;display: inline-block;float: none;}
	.health_shfw ul li p{width:100%;max-width: 400px;float: left;padding: 0px 0px;}
    .health_shfw ul li img{width:100%;max-width: 400px;float: left;height: auto;margin-top: 5px;}
    .hea_wap{display: block !important;;}
    .hea_pc{display:none !important;}

}
@media screen and (min-width:0px)  and  (max-width:500px)  {
	.about_co_cen ul li{width:47%;margin-bottom: 25px;border-right: 0px; height: 100px;}
	.about_co_cen ul li:nth-child(1){border-right: 1px solid #ddd;}
	.about_co_cen ul li:nth-child(3){border-right: 1px solid #ddd;}
	.about{padding-bottom: 0px;}
	.pro{background: url(../picture/pro_back.png)no-repeat center center;padding-bottom: 0px;}
}