@charset "utf-8";

/* CSS Document */
@media screen and (max-width:2100px){
.nav{margin-right:10%;}
}

@media screen and (max-width:1920px){
	body{font-size:20px;}
   .mainbox{max-width:1400px; }
   .nav{margin-right:0%;}
   .banner .bannerimg .bannerinfo .mainbox .bannertxt{font-size:80px;}
   .section-container-2 .panel-1 .content{width:80%; max-width:1230px;}
   .section-container-2 .panel-1 .content li em{height:65px;}
   .section-container-2 .panel-2.active .content h2{font-size:80px;}
   .section-container-2 .panel-1 .content li em{padding-right:32px;margin-left:14px;}
   .section-container-2 .panel-1 .content li .txt p{font-size:24px; }
   .section-container-2 .panel-2.active .content ul li{font-size:30px;}
   .section-container-2 .panel-1 .content li .txt{width:calc(100% - 180px);}
   .section-container-2 .panel-1 .content li .txt img{width:70%; max-width:40px;}
   .section-container-2 .panel-1 .vlogo{top:25%;}
   .section-container-2 .panel-2.active .content ul li:before{top:18px;}
   .sytit span{font-size:60px;}
   .sypro .syprobox .pronav li span{font-size:17px;}
   .sypro .syprobox .propicbox a .txt{font-size:16px;}
   .sypro .syprobox .propicbox a .txt span{font-size:20px; margin-bottom:5px;}
   .syscience .sciencebody .mainbox li em{width:60px;}
   .synews_notice .synotice .synoticetit{font-size:30px; margin:23px 0px 26px 0px;}
   .synews_notice .synews .synewslist li a .txt p{font-size:20px;}
   .synews_notice .synotice{max-width:420px; min-height:600px; padding:0px 25px;}
   .fsize30{font-size:24px;}
   .fshare{width:18%; max-width:300px;}
   .footnav{width:59.5%;}
   .fshare .links a{width:60px; height:60px; margin-right:15px;}
   .bfsize72{font-size:60px;}
   .nyfont48{font-size:32px;}
   .nyfont18{font-size:16px;}
   .nyabout ul li .tit{font-size:40px;}
   .nyabout ul li p{font-size:30px;}
   
   .fsize72{font-size:60px;}
   .nyhistorylist li .txt h3{font-size:120px;}
   
   .partitem .ptit{font-size:30px;}
   .partitem .pbox ul li .txt h3{font-size:24px;}
   
   .pronav li span{font-size:17px;}
   .nymedicinesbox li a .txt h3{font-size:20px;}
   .nymedicinesbox li a .txt .info{min-height:100px;}
   .nymedicinesbox li a .txt .info span{font-size:18px;}
   .nystory .nystorylist li a .pic{max-width:580px;}
   .nystory .nystorylist li a .txt{font-size:24px;}
   
   .nystorybox h2{font-size:36px;}
   .nystordydetail li .tit{font-size:30px;}
   
   .nyquality li .txt{left: calc((100% - 1400px) / 2); max-width: 600px;}
   .nyquality li:nth-child(even) .txt{right: calc((100% - 1400px) / 2);}
   .nyquality li .txt h2{font-size:40px;}
   .nyachievements .part1 .tit{font-size:30px;}
   .nyachievements .ptit{font-size:30px;}
   .nyachievements .part2 .info li{font-size:20px;}
   .nyachievements .ptit em{width:76px;}
   .nyachievements .part3 .ptit em{width:66px;}
   .nypipeline .part1 h2{font-size:50px;}
   .nypipeline .part1 h3{font-size:24px;}
   .nypipeline .part2 .contain .tit{font-size:40px;}
   .nypipeline .part3 ul li .info h2{font-size:40px;}
   .nypipeline .part3 ul li .info{max-width:600px;}
   .nypipeline .part3 ul li .info{font-size:16px;}
   .nypipeline .part2 .contain .info{font-size:16px;}
   .nypipeline .part1 .info{font-size:16px;}
   
   .nynav a{font-size:24px;}
   .nyplatform .part1 .tit{font-size:40px;}
   .nyplatform .part2 .info{font-size:24px;}
   .nyplatform .part2 ul li .contain .tit{font-size:30px;}
   .nyplatform .part3 ul li .tit{font-size:30px;}
   .nyresearch_ach .part1 .tit{font-size:40px;}
   .nyresearch_ach .part3 .info h2{font-size:40px;}
   .nyresearch_ach .part3 .info{max-width:600px;}
   .nyresearch_team .tit{font-size:40px;}
   .nynewsdetail .tit h2{font-size:40px;}
   .nynotice ul li a .info{font-size:20px;}
   .nywhy .part1 .tit{font-size:40px;}
   .nywhy .part2 .contain .tit{font-size:30px;}
   .nywhy .part3 .tit{font-size:30px;}
   .nywhy .part3 .contain .containbox .info .txt h3{font-size:24px;}
   .nyjoin h2{font-size:40px;}
   .nyjoin ul li .tit h2{font-size:24px;}
   .nyjoin ul li .tit dl dd{font-size:16px; padding:0px 25px;}
   .nyjoin ul li .info h3{font-size:20px;}
   .nyfont36{font-size:30px;}
   .nyfounder .part1 .lpic{max-width:660px;}
   .nyfounder .part1 .lpic .img1{max-width:357px;}
   .nyfounder .part2 .item{width:31%;}
   .nyfounder .part3 li .tit{font-size:30px;}
   .nyfounder .part4 .contain{margin-left: calc((100% - 1400px) / 2);max-width: 610px;}
   .nyfounder .part5 .contain{padding: 10.5% 10% 10.5% 20%;}
   .nymedicinesdetail .pdetail1 .txt .tit h2{font-size:36px;}
   .nywhy .part3 .contain .containbox .info .txt{font-size:16px;}
}

@media screen and (max-width:1680px){
	
	.nav li>a{font-size:18px;}
	.navdown p{font-size:18px;}
	.nav_right{margin-right:5%; width:60%;}
	.logo em img{width:80%;}
	.logo span{font-size:20px;}
	.nav {
        margin-right: 5%;
    }
	
	.section-container-2 .panel-1 .vlogo{width:230px; top:23%;}
	.bfsize72{font-size:50px;}
	
	
	
	.nyabout ul li p{font-size:24px;}
	.fsize72{font-size:50px;}
	.nyhistorylist li .txt h3{font-size:100px;}
	.partitem .ptit{font-size:24px; padding:15px 0px; padding-left:30px;}
	.partitem .pbox ul li{padding:0px 38px;}
	.partitem .pbox ul li .partpic{width:47%;}
	.partitem .pbox ul li .partpic .partpiclist{top:80px; }
	.partitem .pbox ul li .txt h3{font-size:20px;}
	.partitem .pbox ul li .txt{font-size:16px; line-height:1.5;}
	.partitem{padding:30px 0px; margin-bottom:50px;}
	.nystory .nystorylist li a .pic{max-width:480px;}
	.nystory .nystorylist li a .txt{font-size:20px;}
	.nystordydetail li{margin-bottom:30px;}
	.nymedicinesdetail{max-width:1000px;padding:50px 20px 30px 40px;}
	.nymedicinesdetail .pdetailcontain{height:450px;}
	.nymedicinesdetail .pdetail1 .txt{width: calc(100% - 500px);}
	.nymedicinesdetail .pdetail1 .txt .tit{padding-bottom:15px;}
	.nymedicinesdetail .pdetail1 .txt .tit h2{font-size:24px;}
	.nymedicinesdetail .pdetail1 .txt .canshu{padding:15px 0px;}
	.nymedicinesdetail .pdetail1 .txt .canshu li em{font-size:18px; margin-bottom:10px;}
	.nymedicinesdetail .pdetail1 .txt .down{font-size:16px;margin-top:15px;}
	.nymedicinesdetail .pdetail2 em{font-size:18px;margin-bottom:10px;}
	.nymedicinesdetail .close{bottom:-66px; width:40px; height:40px;}
	.nymedicinesdetail .close em{width:14px; height:14px;}
}

@media screen and (max-width:1600px){
   body{font-size:18px;}
   .banner .bannerimg .bannerinfo{bottom:60px;}
   .banner .bannerimg .bannerinfo .mainbox .bannertxt{font-size:60px; width:60%;}
   .section-container-2 .panel-1 .content li{padding:15px;}
   .section-container-2 .panel-1 .content li .txt img {width: 70%;max-width: 30px;}
   .sysite .sysitetitle{padding:55px 0px 50px 0px;}
   .sypro{height:110vh;}
   .section-container-2 .panel-1 .content{max-width:1200px;}
}



@media screen and (max-width:1480px){
	.mainbox{max-width:1200px; }
	body{font-size:16px;}
	.nav_right{width:70%; margin-right:0px;}
	.banner .bannerimg .bannerinfo{bottom:40px;}
	.banner .bannerimg .bannerinfo .mainbox .bannertxt{width:75%;}
	.banner .bannerimg .bscorllbtn{width:100px; height:101px;}
	.section-container-2 .panel-1 .content {max-width: 1100px;}
	.section-container-2 .panel-1 .content li em{height:50px;}
	.section-container-2 .panel-1 .content li .txt{ width:calc(100% - 150px);}
	.section-container-2 .panel-1 .content li .txt p{font-size:18px;}
	.section-container-2 .panel-1 .content .bscorllbtn{width:100px; height:101px;}
	.section-container-2 .panel-2.active .content h2{font-size:50px;}
	.section-container-2 .panel-1 .content .bscorllbtn{bottom:-180px;}
	.top>.mainbox{height:100px;}
	.logo em{width:80px;}
	.logo em img{width:100%;}
	.logo span{font-size:18px;}
	.nav li>a{line-height:100px;}
	.s_lang{max-width:100px;}
	.navdown{top:100px;}
	.section-container-2 .panel-2.active .content h2{font-size:60px;}
	.section-container-2 .panel-1 .vlogo{width:200px;}
	.section-container-2 .panel-2.active .content ul li{font-size:20px;}
	.footerinfo{padding:80px 0px 0px 0px;}
	.sypro{height:120vh;}
	.section-container-2 .panel-2.active .content ul li:before{top:11px;}
	.datamore{height:45px; border-radius: 22.5px; line-height:41px;padding: 0px 60.5px 0px 22.5px;}
	.datamore:after{right:22.5px; width:20px; height:12px; margin-top:-6px;}
	.sytit .datamore:after{right:22.5px; width:20px; height:12px;}
	.sypro .syprobox .propicbox a .txt span{font-size:18px;}
	.sytit span{font-size:48px;}
	.syscience .sciencebody .mainbox{min-height:auto;padding:60px 0px;}
	.synews_notice .synotice{max-width:370px;min-height:504px;}
	.synews_notice .synews .synewslist li a .txt em{font-size:14px;}
	
	.synews_notice .synotice ul li a em{font-size:14px;}
	.synews_notice .synotice .synoticetit em{width:55px; height:55px;}
	.synews_notice .synotice .synoticetit{padding-left:70px;  line-height:55px;}
	.synews_notice .synotice ul li a{padding:30px 0px 25px 0px;}
	.sysite .sysitebody li a em{width:46px; height:46px; background-size: 15px auto;}
	.fsize30{font-size:20px;}
	.fsize18{font-size:14px;}
	.fnavitem dl dd{font-size:14px;}
	.bfsize72{font-size:36px;}
	
	.nyhistory{padding-top:calc(4% + 100px);}
	
	.nyhistorylist li .txt h3{font-size:80px;-webkit-text-stroke: 1px #1e2088;text-stroke: 1px #1e2088;}
	.nypartnerships{margin-top:30px;}
	.nymedicinesbox li a .pic img{max-width:100%;}
	.nystorybox{padding-top:calc(4% + 120px);}
	.nystorybox h2{font-size:30px;}
	.nystordydetail li .tit{font-size:24px;}
	.nystordydetail p{margin-bottom:30px;}
	.nystordydetail li .info p{margin-bottom:20px;}
	
	.nyquality li .txt{left: calc((100% - 1200px) / 2); max-width: 500px;}
	.nyquality li:nth-child(even) .txt{right: calc((100% - 1200px) / 2);}
	.nyquality li .txt h2{font-size:32px;}
	.nyquality li .txt{font-size:16px; line-height:1.5;}
	.nyachievements .part1 .tit{font-size:24px;}
	.nyachievements .part1 .info{font-size:16px; line-height:1.5;}
	.nyachievements .ptit{font-size:24px; min-height:100px;}
	.nyachievements .ptit em {width: 56px;}
	.nyachievements .part2 .info .pic{width:30%;right:55px;}
	.nyachievements .part2 .info li{font-size:16px;}
	.nyachievements .part2 .info li em{font-size:14px;}
	.nyachievements .part3 .ptit em{width:56px;}
	.nyachievements .part3 .info .item dl dd .tag{font-size:16px;}
	.nyachievements .part3 .info .item dl dd em{font-size:16px;}
	
	.nypipeline .part1 h2{font-size:40px;}
	.nypipeline .part1 h3{font-size:20px;}
	.nypipeline .part2 .contain .tit{font-size:30px;}
	.nypipeline .part3 ul li .info h2{font-size:30px;}
	.nypipeline .part3 ul li .info{max-width:500px;}
	.nypipeline .part3 ul li .info{font-size:16px; line-height:1.7;}
	.nypipeline .part2 .contain .info{font-size:16px; line-height:1.7;}
	.nypipeline .part1 .info{font-size:16px; line-height:1.7;}
	.nynav a{line-height:70px; font-size:20px;}
	.nyplatform .part1 .tit{font-size:30px;}
	.nyplatform .part2 .info{font-size:20px;}
	.nyplatform .part2 ul li .contain .tit{font-size:24px;}
	.nyplatform .part3 ul li .tit{line-height:140px; font-size:24px;}
	.nyplatform .part3 ul li .info .txt{font-size:16px;}
	.nyplatform .part4{margin-top:64px;}
	
	.nyresearch_ach .part1 .tit{font-size:30px;}
	.nyresearch_ach .part3 .info h2{font-size:30px;}
	.nyresearch_ach .part3 .info{max-width:500px;}
	.nyresearch_ach .part3{padding:60px 50px;}
	.nyresearch_team .tit{font-size:30px;}
	.nynews .nyscinews li a .info .tit h2{font-size:20px;}
	.nynewssearch .sinput input{font-size:16px;}
	.nynewssearch .sinput input::-webkit-input-placeholder {font-size: 16px;}
	.nynewssearch .sinput input::-moz-placeholder {font-size: 16px;}
	.nynewssearch .sinput input:-ms-input-placeholder {font-size: 16px;}
	.nynewssearch .sinput input::placeholder {font-size: 16px;}
	.nynewsdetail{padding-top: calc(4% + 100px);}
	.nynewsdetail .tit{margin-bottom:30px;}
	.nynewsdetail .tit h2{font-size:30px;}
	.nynewsdetail .newscontain h3{font-size:20px;}
	.nynotice ul{margin-top:60px;}
	.nynotice ul li a{padding:30px 22px 30px 38px;}
	.nywhy .part1 .tit{font-size:30px;}
	.nywhy .part2 .contain .tit{font-size:24px;}
	.nywhy .part2{margin-top:200px;}
	.nywhy .part2 img{margin-top:-300px;}
	.nywhy .part3 .tit{font-size:24px;}
	.nywhy .part3 .contain .containbox .pic{max-width:750px;}
	.nywhy .part3 .contain .containbox .info{width:45%;}
	.nywhy .part3 .contain .containbox .info .txt h3{font-size:20px;}
	.nywhy .part3 li{font-size:20px;}
	.nywhy .part3 .contain .containbox .pic .swiper-button-prev, .nywhy .part3 .contain .containbox .pic .swiper-button-next{width:40px;height:40px;}
	.nywhy .part3 .contain .containbox .pic .swiper-button-next:after{font-size:14px;}
	.nyjoin h2{font-size:30px;}
	.nyjoin ul li .tit h2{font-size:20px;}
	.nyjoin ul li .tit dl dd{font-size:14px; padding:0px 12px;}
	.nyjoin ul li .info .tips{font-size:18px;}
	.nyfont36{font-size:24px;}
	.nyfounder .part1 .lpic{max-width:560px;}
	
	.nyfounder .part1 .lpic .img1{max-width:327px;}
	.nyfounder .part2 .item{width:33.33%;}
	
	.nyfounder .part2 .item:nth-child(1) .img1{max-width:394px;}
	.nyfounder .part2 .item:nth-child(1) .img2{max-width:290px;}
	.nyfounder .part3 li .tit{font-size:30px;}
	.nyfounder .part4 .contain{margin-left: calc((100% - 1200px) / 2);max-width: 450px;}
	.nyfounder .part5 .contain{padding: 10.5% 10% 10.5% 25%;}
	.nyfounder .part2 .item:nth-child(3) .img3{max-width:420px; margin-left:20%;}
	.nyfounder .part2 .item:nth-child(3) .img4{max-width:380px; margin-left:8%;}
	.nyfounder .part3 li .tit{font-size:24px;}
	.nyfounder .part6 .contain .info{width:48%;}
	.nymedicinesdetail .pdetail2{padding-top:30px; font-size:16px;}
	.nymedicinesdetail .pdetail2 p:before{top:12px;}
	.nymedicinesdetail .pdetail1 .txt .tit p{font-size:18px;}
	.nymedicinesdetail .pdetail1 .txt .canshu li{font-size:16px;}
	.sypro .syprobox .pronav li span{font-size:14px;}
	.syscience .sciencebody .mainbox li em{width:50px;}
	.syscience .sciencebody .mainbox li:nth-child(2) em{width:55px;}
	.syscience .sciencebody .mainbox li:nth-child(3) em{width:65px;}
	.syscience .sciencebody .mainbox li{padding:0px 20px;}
	.nyabout ul li .tit sup{font-size:20px;}
	.nyfont18{font-size:14px;}
	.nyfounder .part2 .item:nth-child(1) .img1{margin-left:30%; }
	.nyfounder .part2 .item:nth-child(1) .img2{margin-left:10%; margin-top:60%;}
	
	.section-container-2 .panel-2.active .content{top:58%;}
	.nyhistorylist .line:before{width:8px; height:8px;left:-3.5px;}
	.nyhistorylist li em{width:26px; height:26px;margin-top:-13px; margin-left:-13px;}
	.nyhistorylist li em:after{width:8px; height:8px;margin-top:-4px; margin-left:-4px;}
	.nyfounder .part1 .lpic .img2 { width: 210px;}
}

@media screen and (max-width:1366px){
	.nav{margin-right:10%;}
	.nav li>a{font-size:16px;}
	.section-container-2 .panel-1 .content{max-width:1010px;}
	.copyright{font-size:14px; padding:20px 0px;}
	.navdown p{font-size:16px;}
}

@media screen and (max-width:1280px){
	.mainbox{max-width:1100px; }
	.logo{width:auto;}
	.nav{margin-right:5%;}
	.section-container-2 .panel-1 .content{max-width:950px;}
	.proboxlist{padding:0px 60px;}
	.nav li>a{font-size:14px;}
	.navdown p{font-size:14px;}
	
	.synews_notice .synews{width:60%;}
	.partitem .pbox{padding:35px 35px 0px 35px;}
	.partitem .pbox ul li .partpic{padding:15px 0px;}
	.nymedicinesbox{padding:45px 45px 0px 45px;}
	.nymedicinesbox ul{width: calc(100% + 20px); margin-left: -20px;}
	.nymedicinesbox li{width: calc(50% - 20px);margin-left: 20px; margin-bottom:40px;}
	.nymedicinesbox li a .txt .info .viewmore{width:45px; height:45px;}
	.nymedicinesbox li a .txt .info .viewmore:after{width:15px; height:9px; }
	.nymedicinesbox li a .txt .info{font-size:14px; min-height:70px;}
	.nymedicinesbox li a .txt .info span{font-size:16px; line-height:1.5;}
	.pronav li span{font-size:14px;}
	.nystory .nystorylist li{padding:30px;}
	.nystory .nystorylist li a .pic{max-width:400px;}
	.pages{margin-top:50px;}
	.nystory .nystorylist li a .txt .viewmore{width:45px;height:45px;}
	.pages a{width:45px;height:45px; line-height: 45px;}
	.nystory .s_search .searchbox{max-width:750px;}
	.nystordydetail{padding:57px 47px 47px 47px;}
	.nyquality li .txt{left: calc((100% - 1000px) / 2); max-width: 400px;}
	.nyquality li:nth-child(even) .txt{right: calc((100% - 1000px) / 2);}
	.nyquality li .txt h2{font-size:24px;}
	
	.nypipeline .part1 h2{font-size:30px;}
	.nypipeline .part1 h3{font-size:18px;}
	.nypipeline .part2 .contain .tit{font-size:24px;}
	.nypipeline .part3 ul li .info h2{font-size:24px; margin-bottom:10px;}
	.nypipeline .part3 ul li .info{max-width:430px; right:0px;}
	.nypipeline .part3 ul li .info{font-size:14px; line-height:1.7;}
	.nypipeline .part2 .contain .info{font-size:14px; line-height:1.7;}
	.nypipeline .part1 .info{font-size:14px; line-height:1.7;}
	.nyplatform .part1 .tit{font-size:24px;}
	.nyplatform .part1 .info{font-size:16px;}
	.nyplatform .part2 ul li{margin-top:220px; padding:40px;}
	.nyplatform .part2 ul li img{margin-top:-210px;}
	.nyplatform .part2 ul li .contain .txt{font-size:16px;}
	.nyplatform .part3 ul li .tit{line-height:120px; padding:0px 40px;}
	.nyplatform .part3 ul li .info{padding:0px 60px 90px 40px;}
	.nyresearch_ach .part1 .tit{font-size:24px;}
	.nyresearch_ach .part2 li .info{font-size:16px;}
	.nyresearch_ach .part3 .pic{height:108%; top:-4%;}
	.nyresearch_ach .part3{padding:50px 30px; margin-top:8%;}
	.nyresearch_ach .part3 .info{font-size:16px;}
	.nyresearch_ach .part3 .info h2{font-size:24px; }
	.nyresearch_team .tit{font-size:24px;}
	.nynews .nyscinews li a .info .tit h2{font-size:18px;}
	.nynews .nyscinews li a .time{font-size:16px;}
	.nynews .nyscinews li a .info .txt{margin-top:10px;}
	.nynewssearch{padding:45px 30px;}
	.nynewssearch .sinput .timer{background-size:20px auto;}
	.nynewssearch .sinput{padding:8px 28px;}
	.nynewssearch .sbtn{height:46px;}
	.nynewssearch .sinput .timer{padding:0px 25px;}
	.nynewssearch .sbtn{font-size:16px;}
	.nynewsdetail .mainbox{max-width:1000px;}
	.nynewsdetail .tit h2{font-size:24px;}
	.nynewsdetail .tit em{font-size:16px; margin:10px 0px 15px 0px;}
	.nynewsdetail .newscontain{font-size:16px;line-height:1.7;}
	
	.nywhy .part1 .tit{font-size:24px;}
	.nywhy .part2 .contain .tit{font-size:20px;}
	.nywhy .part2{margin-top:200px;}
	.nywhy .part2 img{margin-top:-300px;}
	.nywhy .part3 .tit{font-size:24px;}
	.nywhy .part3 .contain .containbox .pic{max-width:750px;}
	.nywhy .part3 .contain .containbox .info{width:45%;}
	.nywhy .part3 .contain .containbox .info .txt h3{font-size:20px;}
	.nywhy .part3 li{font-size:20px;}
	.nywhy .part1 .info{font-size:16px;}
	.nywhy .part2{padding:44px 50px;}
	.nywhy .part2 img{margin-top:-250px;}
	.nywhy .part2 .contain{margin-top:30px;}
	.nywhy .part2 .contain .containbox .txt{font-size:16px;}
	.nywhy .part3 .contain .containbox .info .txt{font-size:16px;}
	.nywhy .part3 .contain .containbox .info .txt h3{margin-bottom:10px;}
	.nyjoin ul{margin-top:30px;}
	.nyjoin h2{font-size:24px;}
	
	
	.nyfounder .part1 .lpic{max-width:460px;}
	
	
	.nyfounder .part1 .lpic .img2{width:210px;}
	
	.nyfounder .part2 .item:nth-child(1) .img1{max-width:294px;}
	.nyfounder .part2 .item:nth-child(1) .img2{max-width:230px; }
	.nyfounder .part3 li .tit{font-size:30px;}
	.nyfounder .part4 .contain{margin-left: calc((100% - 1100px) / 2);max-width: 400px;}
	.nyfounder .part5 .contain{padding: 10.5% 10% 10.5% 25%;}
	.nyfounder .part2 .item:nth-child(3) .img3{max-width:320px;}
	.nyfounder .part2 .item:nth-child(3) .img4{max-width:310px;}
	
	.nyfounder .part6 .contain .info{width:48%;}
	.nyfounder .part3 li p{font-size:16px;}
	
	
	.pronav li em{width:50px;height:50px;}
	.sypro .syprobox .pronav li span{font-size:13px;}
}



@media screen and (max-width:1100px)
	
{

 	body{overflow-x: hidden;}
	.logo{width:auto;}
	.logo em{width:70px;}
	.logo span{font-size:16px;}
	.topright{margin-right:50px; width:50px;}
	.wsearchbox{display:none;}
	.top>.mainbox{height: 80px;}
	.nav{ position: fixed;top:80px;right:0;z-index:999999999;float:inherit;width:100%;height:calc(100vh - 80px); text-align:center;opacity:0;visibility: hidden; overflow-y:scroll;-webkit-overflow-scrolling:touch; background-color:#fdfdfd; margin-top: 0px; max-width:none; margin-right:0px;}

	.nav ul{display:block; width:90%; margin: 0 auto;padding-top: 20px; }
	.nav li{border-bottom: 1px solid #f0f0f0; height:auto;display:block; margin: 0px; text-align: left; background: url("../images/down.png") no-repeat right 32px; background-size: 12px auto;}
	.nav li>a{line-height: 70px; color: #333; padding-bottom: 0px; font-size:18px; display:block}

	
	.navdown{background: #fff; position:relative; left:0%!important; transform:none!important; width:100%!important;box-shadow:none; border-bottom-left-radius:0px; border-bottom-right-radius:0px;  top: 0px; display: none; padding: 0px}

	.navdown span{width: 100%; padding: 0px;}
	.navdown span a{line-height:36px; text-align:left; padding:10px 0px;border-top: 1px solid #f0f0f0; background: none; border-bottom: none; display: block; margin: 0px; font-size: 16px; padding-left: 20px;}
    .navdown p a {
             line-height: 36px;
             text-align: left;
             padding: 10px 0px;
             border-top: 1px solid #f0f0f0;
             background: none;
             border-bottom: none;
             display: block;
             margin: 0px;
             font-size: 16px;
             padding-left: 20px;
			 position:relative;
         }
	
    .navdown .navdownright{width:100%;}
	.nav-btnbox {position:absolute;z-index:999999;right:4%;top:50%; width:18px;transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; display:block; transform: translate(0,-50%); cursor: pointer;}
	.nav-btnbox .icon-bar {display: block; height:1.5px;border-radius: 10px;overflow: hidden;background-color:#FFFFFF;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;perspective-origin: 50% 50%;-ms-transition: all .3s ease; margin:0 auto;}
	
    .top.cur .nav-btnbox .icon-bar,.subtop .nav-btnbox .icon-bar{background:#333333;}
	.nav-btnbox .icon-bar+.icon-bar {margin-top:4.5px}	
	.menu-open .nav-btnbox .icon-bar:first-child { margin-left: 0;-webkit-transform: translate3d(0px, 5px, 0) rotate3d(0, 0, 1, -45deg);transform: translate3d(0px, 5px, 0) rotate3d(0, 0, 1, -45deg);}	
	.menu-open .nav-btnbox .icon-bar:nth-child(2) { opacity: 0;transform: translate(20px, 0);}
	.menu-open .nav-btnbox .icon-bar:last-child {-webkit-transform: translate3d(0, -7px, 0) rotate3d(0, 0, 1, 45deg);transform: translate3d(0, -7px, 0) rotate3d(0, 0, 1, 45deg);}


	.menu-open .nav{visibility:visible;opacity:1;}

	.menu-open .nav li{-webkit-animation-duration: .4s;animation-duration: .4s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeInUp;animation-name: fadeInUp;}

	.menu-open .nav li:nth-child(1){animation-delay:0s;}
	.menu-open .nav li:nth-child(2){animation-delay:0.1s;}
	.menu-open .nav li:nth-child(3){animation-delay:0.2s;}
	.menu-open .nav li:nth-child(4){animation-delay:0.3s;}
	.menu-open .nav li:nth-child(5){animation-delay:0.4s;}
	.menu-open .nav li:nth-child(6){animation-delay:0.5s;}
	.menu-open .nav li:nth-child(7){animation-delay:0.6s;}
	.menu-open .nav li:nth-child(8){animation-delay:0.7s;}
	.menu-open .nav li:nth-child(9){animation-delay:0.8s;}
	.menu-open .nav li:nth-child(10){animation-delay:0.9s;}

.navdown .navdownleft{display:none;}

	@-webkit-keyframes fadeInUp {0% {opacity:0;-webkit-transform:translateY(60px)}

	100% {opacity:1;-webkit-transform:translateY(0)}

	}

	@-moz-keyframes fadeInUp {0% {opacity:0;-moz-transform:translateY(60px)}

	100% {opacity:1;-moz-transform:translateY(0)}

	}

	@-o-keyframes fadeInUp {0% {opacity:0;-o-transform:translateY(60px)}

	100% {opacity:1;-o-transform:translateY(0)}

	}

	@keyframes fadeInUp {0% {opacity:0;transform:translateY(60px)}

	100% {opacity:1;transform:translateY(0)}

	}
	.banner .bannerscrollbottom{display:none;}
.banner .bannerscrollbottom .godown{margin-left:5%; font-size:14px;width:105px;}
.banner .bannerscrollbottom .godown em{width:7.5px;}
 /* .banner .bannerimg{display:none;} */
 .banner .bannerimg{height:auto;}
 #banvideo{height:auto;}
 .banner .bannerimg .bannervideo{display:none;}
 .banner .bannerimg .videogif{display:block;}
/* .nyfounder .part6 .contain .video .fvideo{display:none;}
 .nyfounder .part6 .contain .video .videogif{display:block;}
 .nyfounder .part6 .contain .video .videogif img{width:100%;} */
 .nyfounder .part6 .contain .video .playbtn{width:50px; height:50px; }
 .nyfounder .part6 .contain .video .playbtn em{width:15px;}
.nyplatform .part4 .platvideo{display:none;}
 .nyplatform .part4 .videogif{display:block;}
  .nyplatform .part4 .videogif img{width:100%;}
 .banner .bannerscrollbottom .mainbox{height:50px;}
 
 .banner .swiper-pagination-bullet{width:6px; height:6px; margin:0px 5px!important;}
 /* .banner .mbanner{display:block;} */
 .nav_right{max-width:170px;}
 .s_lang{border-left: 0px; right:100px;}
 .s_lang:after{position:absolute; content:""; width:1px; height:15px; background:rgba(255, 255, 255, 0.2);right:0px; top:50%; margin-top:-7.5px;}
 .top.cur .s_lang, .subtop .s_lang{border-left: 0px;}
 .top.cur .s_lang:after, .subtop .s_lang:after{position:absolute; content:""; width:1px; height:15px; background:rgba(51, 51, 51, 0.2);right:0px; top:50%; margin-top:-7.5px;}
.aboutbj{height:auto; }
.wabout{display:none !important;}
.mabout{display:block ;}
 .mainbox{width:90%;}
.banner .bannerimg .bannerinfo .mainbox .bannertxt{font-size:40px;}
.sypro{height:auto; padding:80px 0px;}
.sypro .syprobox{position:static; transform: translate(0px,0px); -webkit-transform: translate(0px,0px);}
.pronav {
    padding: 6% 0px 5% 0px;
}
.syscience{height:auto;}
.syscience .sciencetitle{height:auto;}
.syscience .sciencetitle .mainbox{position:static; transform: translate(0px,0px); -webkit-transform: translate(0px,0px);padding:80px 0px 50px 0px;}
.syscience .sciencebody{padding:6% 0px; height:auto;}
.syscience .sciencebody .mainbox{position:static; transform: translate(0px,0px); -webkit-transform: translate(0px,0px); padding:50px 0px;}
.syscience .sciencebody .mainbox li em{width:50px;}
.synews_notice .synews{width:60%;}
.synews_notice .synotice .synoticetit{margin:13px 0px 16px 0px;}
.synews_notice .synotice{min-height:460px;}
.sysite .sysitetitle{padding:35px 0px 30px 0px;}
.sypro .syprobox .pronav li span{font-size:14px;}
.s_banner .bannerimg{display:none;}
.s_banner .mbanner{display:block;}
.partitem .pbox ul li .partpic{padding:35px 0px;}
.partitem .pbox ul li .partpic .partpiclist{top:100px;}
.nymedicines{padding-top:0px;}
.nystory .s_search .searchbox{max-width:730px;}
.nystory .s_search .searchbox .stit{font-size:16px;}

.nystorybox{padding-top:calc(4% + 100px);}
.nystorybox h2{font-size:24px;}
.nystordydetail{font-size:14px;}
.nystordydetail li .tit{font-size:18px;}
.nystordydetail p{margin-bottom:20px;}
.nystordydetail li .info{font-size:14px;}
.nystordydetail li .info p{margin-bottom:10px;}
.nystordydetail li{margin-bottom:20px;}
.nystorybox h2 sup{font-size:14px;}
.nyquality{width:90%; margin:30px auto;}
.nyquality li{margin-bottom:25px;}
.nyquality li .pic{width:100%; float:none; border-radius:20px;}
.nyquality li:nth-child(even) .pic{float:none; border-radius:20px;}
.nyquality li .txt{position:static; width:100%; margin-top:20px;transform: none; -webkit-transform: none;max-width:100%; font-size:14px;}
.nyquality li .txt h2{font-size:20px;}
.nyachievements .part2{margin-top:40px;}
.nyachievements .part3 .info .item dl dd .tag{font-size:14px;}
.nyachievements .part3 .info .item dl dd em{font-size:14px;}
.nypipeline .part2 .contain{display:block;}
.nypipeline .part2 .contain .tit{width:100%; margin-bottom:10px;}
.nypipeline .part2 .contain .info{width:100%;}
.nypipeline .part3 ul li .pic{width:100%;float:none;}
.nypipeline .part3 ul li:nth-child(even) .pic{width:100%;float:none;}
.nypipeline .part3 ul li .info{position:static;margin-top:25px;transform: none;-webkit-transform: none; max-width:100%;width:100%;}
.nyresearch_ach .part3 .info{max-width:100%;width:100%;}
.nyresearch_ach .part3 .pic{position:static;width:100%;margin-top:20px;}
.nyresearch_ach .part3 .pic img{width:100%;}
.nynewsdetail{padding-top: calc(4% + 100px);}
.nywhy .part3 .contain .containbox .info{width:65%;}

.nyfont36{font-size:16px;}
	.nyfounder .part1 .lpic{max-width:400px;}
	
	.nyfounder .part1 .lpic .img1{max-width:357px;}
	.nyfounder .part1 .lpic .img2{width:210px;bottom: -5%;right: -15%;}
	.nyfounder .part2 .item{width:31%;}
	
	.nyfounder .part2 .item:nth-child(1) .img1{max-width:294px;}
	.nyfounder .part2 .item:nth-child(1) .img2{max-width:230px; margin-top:100%;}
	.nyfounder .part3 li .tit{font-size:30px;}
	.nyfounder .part4 .contain{margin-left: calc((100% - 1000px) / 2);max-width: 400px;}
	.nyfounder .part5 .contain{padding: 10.5% 10% 10.5% 25%;}
	.nyfounder .part2 .item:nth-child(3) .img3{max-width:320px; margin-left:12%;}
	.nyfounder .part2 .item:nth-child(3) .img4{max-width:310px;}
	.nyfounder .part3 li .tit{font-size:24px;}
	.nyfounder .part6 .contain .info{width:48%;}
	.nyfounder .part3 li p{font-size:16px;}
	.nyfounder .part7 .photobox .swiper-button-prev{left:0px;}
	.nyfounder .part7 .photobox .swiper-button-next{right:0px;}
	.nymedicinesdetail{max-width:800px;padding:30px 20px 20px 30px;}
	.nymedicinesdetail .pdetailcontain{height:500px;}
	.nymedicinesdetail .pdetail1 .txt{width: calc(100% - 400px);}
	.nymedicinesdetail .pdetail1 .txt .canshu li{margin-bottom:15px;}
	.nymedicinesdetail .pdetail1 .txt .tit h2{font-size:20px;}
	.nymedicinesdetail .close{width:40px; height: 40px; bottom:-80px;}
	.nymedicinesdetail .close em{width:14px; height:14px;}
}




@media screen and (max-width:1024px)
	
{




}

@media screen and (max-width:991px){
.banner .bannerimg .bannerinfo .mainbox .bannertxt{font-size:36px;}
.sytit span{font-size:36px;} 
.pronav li{width:25%; margin:12px 0px;}
.footnav{display:none;}
   .footer .footerinfo{display:block; padding:40px 0px;min-height:auto;}
   
   .footlogo{margin:0px auto; width:22%;}
   .fshare{width:150px;margin:0px auto;}
   .fshare span{text-align: center;font-size:16px; margin-top:20px;}
   .fshare .links{margin:0px auto;}
   .fshare .links a .lxlayer{top:-209px;left:-130px;}
   .fshare .links a:nth-child(2) .lxlayer{top:-209px;left:-60px;}
   .mfshare{display:block; margin-top:30px; display:none;}
   .mfshare .lxbox{width:100%; padding:10px; border-radius: 10px; background:#FFFFFF;  transition:all 0.5s; -webkit-transition:all 0.5s; opacity:1; box-sizing: border-box;}
 
   .mfshare .lxbox li{width:33.33%;  font-size:16px;position:relative; }
   
   .mfshare .lxbox li:after{position:absolute;content:""; right:0px; width:1px; height:90%; top:7%;background:rgba(0,0,0,0.1);}
   .mfshare .lxbox li:last-child:after{position:static;}
   .mfshare .lxbox li img{margin:0px auto;}
   .mfshare .lxbox li em{display:block; text-align: center; font-size:16px;}
   .mabout .part1{padding:50px 0px;}
   .mabout .part1 .txt{font-size:50px;}
   .mabout .part1 .content ul{display:block;}
   .mabout .part1 .content li:nth-child(1){width:100%;}
   .mabout .part1 .content li:nth-child(2){width:100%; margin-top:20px;}
   .mabout .part1 .content .bscorllbtn{margin-top:40px;}
   .mabout .part2 .content h2{font-size:40px;}
   .mabout .part2 .content ul li{font-size:20px;}
   .mabout .part2 .content ul li:before{top:10px;}
   .fsize72{font-size:30px;}
   .nyhistorylist{padding:0px;}
   .nyhistorylist .line{display:none;}
   .nyhistorylist li{padding:30px 0px; margin-bottom:25px;}
   .nyhistorylist li .txt h3{font-size:40px;}
   .nyhistorylist li em{display:none;}
   .nyhistorylist li:after{display:none;}
   .nyhistorylist li .pic{width:100%;max-width:100%; box-sizing: border-box; float:none; margin:0px auto; width:90%;}
   .nyhistorylist li:nth-child(even) .pic{float:none;}
   .nyhistorylist li .pic img{width:100%;}
   .nyhistorylist li .txt{width:90%;position:static;transform: translate(0px,0px); margin:15px auto 0px auto;}
   .partitem .ptit{font-size:20px; line-height:40px;}
   .partitem .pbox ul li{margin-bottom:50px;}
   .partitem .pbox ul li:last-child{margin-bottom:0px;}
   .partitem .pbox ul li .partpic{width:100%;}
   .partitem .pbox ul li .partpic .partpiclist{top:35px;}
   .partitem .pbox ul li .txt{position:static; transform:translate(0px,0px); -webkit-transform:translate(0px,0px); width:100%; padding-bottom:35px;}
   .nymedicinesbox li a .txt{padding:20px 15px;}
   .nymedicinesbox li a .txt h3{font-size:16px;}
   .nystory .s_search .searchbox .stit{font-size:14px;}
   .nystory .s_search .searchbox .sinput:before{right:0px;}
   .nystory .s_search .searchbox .sinput .sinputtxt{font-size: 14px;}
   .nystory .s_search .searchbox .sinput .xialabox ul li{height:40px; line-height:40px; font-size:14px;}
   .nystory .s_search .searchbtn{font-size:16px;width:18%;}
   .nystory .nystorylist li a .pic,.nystory .nystorylist li:nth-child(even) a .pic{width:100%;max-width:100%; float: none;}
   .nystory .nystorylist li a .txt{position:relative; transform:none; -webkit-transform: none; width:100%; padding:25px 0px 25px 0px; padding-right:10%;font-size:18px;}
   .nystory .nystorylist li a .txt .viewmore{bottom:auto; top:50%; margin-top:-22.5px;right:0px;left:auto;}
   .nystory .s_search .searchbox{max-width:80%; width:80%;}
   .nystory .nystorylist{margin-top:40px;}
   .nystory .s_search .searchbox .sinput{width: calc(62% - 28px);}
   .nystory .s_search .searchbox .stit{width:38%;}
   .nyachievements .part1{display:block;}
   .nyachievements .part1 .tit{font-size:20px; width:100%;}
   .nyachievements .part1 .info{width:100%; font-size:14px; margin-top:10px;}
   .nyachievements .part1 .info p{margin-bottom:15px;}
   .nyachievements .ptit{padding-left:24px;min-height:80px; width:90%;}
   .nyachievements .ptit em{margin-right:15px;width:46px; }
   .nyachievements .part2 .info{padding:25px 25px 0px 25px;}
   .nyachievements .part2 .info li{padding:25px 25px 25px 0px;}
   .nyachievements .part2 .info .pic{position:static;margin-top:20px; width:100%;}
   .nyachievements .part2 .info .pic em{position:static;width:100%; max-width:100%; transform: none; -webkit-transform: none;}
   .nyachievements .part2 .info .pic em img{width:100%;}
   .nyachievements .part3 .info{padding:25px 25px 0px 25px;}
   .nyachievements .part3 .info .item{display:block; padding-bottom:35px; margin-bottom:40px;}
   .nyachievements .part3 .info .item .achpic{width:100%; max-width:100%;}
   .nyachievements .part3 .info .item dl{width:100%;margin-top:15px;}
   .nyachievements .part3 .info .item dl dd{padding:10px 20px;}
   .nypipeline .part1 h2{font-size:24px;}
   .nypipeline .part1 h3{font-size:16px;}
   .nypipeline .part2 .contain .tit{font-size:20px;}
   .nypipeline .part3 ul li .info h2{font-size:20px; margin-bottom:10px;}
   .nyplatform .part1{display:block; }
   .nyplatform .part1 .tit{width:100%;margin-bottom:10px;}
   .nyplatform .part1 .info{width:100%;}
   .nyplatform .part2{padding:25px;}
   .nyplatform .part2 .info{font-size:16px; padding-right:0px;}
   .nyplatform .part2 ul li .contain{display:block; margin-top:30px;}
   .nyplatform .part2 ul li .contain .tit{font-size:20px; width:100%;margin-bottom:10px; max-width:100%;}
   .nyplatform .part2 ul li .contain .txt{width:100%;}
   .nyplatform .part3 ul li .info .txt p{margin-bottom:10px;}
   .addsbtn{width:40px;height:40px;}
   .nyplatform .part4{margin-top:30px;}
   .nyresearch_ach .part1 .mainbox{display:block;}
   .nyresearch_ach .part1 .tit{font-size:20px; width:100%;}
   .nyresearch_ach .part1 .info{font-size:16px;margin-top:10px;width:100%;}
   .nyresearch_ach .part2{margin-top:40px; padding:40px 0px;}
   .nyresearch_ach .part2 ul{display:block;}
   .nyresearch_ach .part2 li{width:100%;}
   .nyresearch_ach .part2 li .info{margin-top:20px; margin-bottom:20px;}
   .nyresearch_ach .part3{margin-top:5%;}
   .nyresearch_ach .part3 .info h2{font-size:20px; margin-bottom:10px;}
   .nyresearch_team .info{font-size:16px;}
   .nyresearch_team .part1{display:block;}
   .nyresearch_team .tit{font-size:20px; width:100%; margin-bottom:10px;}
   .nyresearch_team .info{width:100%;}
   .nyresearch_team .part2{padding:25px;}
   .nyresearch_team .upbetween{display:block;}
   .nynews .nyscinews{padding:25px 25px 40px 25px;}
   .nynews .nyscinews li a .info .tit h2{font-size:16px;}
   .nynews .nyscinews li a .info .txt{display:none;}
   .nynews .nyscinews li a .viewmore{width:40px; height:40px;}
   .nynews .nyscinews li a .viewmore:after{width:15px; height:9px;}
   .nynews .nyscinews li a .info .tit em{width:40px; height:40px; background-size:20px auto;}
   .nynews .nyscinews li a{padding-bottom:20px;}
   .nynewssearch{display:block;}
   .nynewssearch .sinput1{width:100%;}
   .nynewssearch .sinput2{width:100%; margin-top:10px;}
   .nynewssearch .sbtn{width:100%;margin-top:10px;}
   .nynewsdetail .tit h2{font-size:20px;}
   .nynewsdetail .tit em{font-size:14px;}
   .nynewsdetail .newscontain{font-size:14px; padding-bottom:50px;}
   .nynewsdetail .newscontain h3{font-size:18px;}
   .nynotice ul li a{padding:25px 15px 25px 20px;}
   .nynotice ul li a .info{font-size:16px;}
   .nynotice{padding-top:30px;}
   .nywhy .part1{display:block;}
   .nywhy .part1 .tit{width:100%; margin-bottom:10px;}
   .nywhy .part1 .info{width:100%;}
   .nywhy .part2{margin-top:0px; }
   .nywhy .part2 img{margin-top:0px;}
   .nywhy .part2 .contain{display:block;}
   .nywhy .part2 .contain .containbox .tit{width:100%; margin-bottom:10px;}
   .nywhy .part2 .contain .containbox .txt{width:100%;}
   .nywhy .part3 .contain .containbox .pic{width:100%; max-width:100%; float:none;}
   .nywhy .part3 .contain .containbox .info{position:static;padding:15px 0px; margin-top:20px; width:100%;}
   .nywhy .part3 .contain .containbox .info .txt{position:static; transform: none; -webkit-transform: none; margin:15px auto; width:90%;}
   .nywhy .part3 li{font-size:16px;}
   .nyjoin ul li .tit{padding-top:30px;}
   .nyjoin ul li .tit dl dd{margin-top:15px;}
   .nyjoin ul li .info{margin-top:30px; padding:25px;font-size:16px;}
   .nyjoin ul li .info .tips{font-size:16px;}
   .nyjoin h2{font-size:20px;}
   .nyfounder .part1 .mainbox{display:block;}
   .nyfounder .part1 .info{width:100%; max-width:100%;}
   .nyfounder .part1 .lpic{width:100%; max-width:100%; margin-top:20px;}
   .nyfounder .part2 .mainbox{display:block;}
   .nyfounder .part2 .item{width:100%;}
   .nyfounder .part2 .item:nth-child(1) .img1{margin:0px; width:100%; max-width: 100%;}
   .nyfounder .part2 .item:nth-child(1) .img2{margin:0px; width:100%; max-width: 100%; margin-top:15px;}
   .nyfounder .part2 .item h2{margin:25px 0px 10px 0px;}
   .nyfounder .part2 .item:nth-child(3){width:100%;}
   .nyfounder .part2 .item:nth-child(3) .img3{margin:0px; width:100%; max-width: 100%; margin-top:15px;}
   .nyfounder .part2 .item:nth-child(3) .img4{margin:0px; width:100%; max-width: 100%; margin-top:15px;}
   .nyfounder .part3 li{display:block; margin-bottom:15px;}
   .nyfounder .part3 li .tit{width:100%;margin-bottom:10px;}
   .nyfounder .part3 li p{width:100%;}
   .nyfounder .part4{display:block;}
   .nyfounder .part4 .contain h2{margin-bottom:15px;}
   .nyfounder .part4 .contain{width:90%;max-width:90%; margin:0px auto; position:static;transform: none;-webkit-transform: none;}
   .nyfounder .part4 .lpic{width:90%; max-width: 90%;margin:15px auto;}
   .nyfounder .part5 .contain{width:100%; padding:20px;}
   .nyfounder .part5 .mainbox .lpic{position:static;transform: none; width:100%; max-width:100%;}
   .nyfounder .part5 .mainbox .lpic img{width:100%;}
   .nyfounder .part5 .contain h2{margin:20px 0px;}
   .nyfounder .part6 .contain{padding:20px; display: block;}
   .nyfounder .part6 .contain .info{width:100%;max-width:100%;}
   .nyfounder .part6 .contain .video{width:100%;max-width:100%; margin-top:15px;}
   .nyfounder .part6 .contain .video video{width:100%;}
   .nymedicinesdetail{width:90%;}
   .nymedicinesdetail{padding:30px 10px 20px 20px;}
   .nymedicinesdetail .pdetail1{display:block;}
   .nymedicinesdetail .pdetail1 .pic{width:100%;margin-bottom:15px; max-width: 100%;padding:30px 0px;}
   .nymedicinesdetail .pdetail1 .pic img{width:100%;}
   .nymedicinesdetail .pdetail1 .txt{width:100%;}
   .nymedicinesdetail .pdetail1 .txt .tit h2{font-size:18px;}
   .nymedicinesdetail .pdetail1 .txt .tit p{font-size:16px;}
   .nymedicinesdetail .pdetail1 .txt .canshu li em{font-size:16px;}
   .nymedicinesdetail .pdetail1 .txt .canshu li{font-size:14px;}
   .nymedicinesdetail .pdetail2{font-size:14px;}
   .nymedicinesdetail .pdetail1 .txt .down{width:calc(100% - 45px); box-sizing: ;}
   .nymedicinesdetail .pdetail2 p{padding-left:20px;}
   .nymedicinesdetail .pdetail2 p:before{top:10px;}
   .nywhy .part2 .contain .tit{width:100%; margin-bottom:10px;}
   .nywhy .part2 .contain .txt{width:100%;}
   .fshare .links a .lxlayer .lxbox{display:none;}
   .fshare .links a:hover .lxlayer .lxbox{display:flex;}
   .fshare .links a .lxlayer .lxbox li{padding:0px 5px;}
}

@media screen and (max-width:920px){
.synews_notice .synews{width:100%;margin-bottom:30px;}
.synews_notice .synotice{width:100%;max-width:920px; min-height:auto;}
.synews_notice .synotice .synoticetit{padding-top:13px; margin-top:0px;}
.synews_notice .synotice .synoticetit em{top:13px;}
.synews_notice .mainbox{display:block;  }
.synews_notice .synews .synewslist{margin-top:30px;}
.synews_notice .synews .synewslist li a .txt{padding:20px 0px;}
.syscience .sciencetitle .mainbox{padding:50px 0px 30px 0px;}
.sypro{padding:50px 0px;}
.nyplatform .part3 ul li .info .pic{width:100%; float:none;}
.nyplatform .part3 ul li .info .txt{width:100%; float:none;margin-top:20px;}
.nyplatform .part3 ul li .tit{line-height:100px;}
}

@media screen and (max-width:768px)

{
	/* .pd3{ padding-top:5%; padding-bottom:5%}
	.pd4{ padding-top:6%; padding-bottom:6%}
	.pd5{ padding-top:7%; padding-bottom:7%}
	.pd6{ padding-top:8%; padding-bottom:8%}
	.pd2{ padding-top:4%; padding-bottom:4%}

	.mt1{ margin-top:2%}
	.mt2{ margin-top:3%}
	.mt3{ margin-top:5%}
	.mt4{ margin-top:6%}
	.mt5{ margin-top:7%}
	.mt6{ margin-top:8%}
	.mt8{ margin-top:10%}

	.pb3{ padding-bottom:4%}
	.pb4{ padding-bottom:5%}
	.pb5{ padding-bottom:6%}
	.pb6{ padding-bottom:7%}
	.pb7{ padding-bottom:8%}
	
	.pt5{padding-top: 10%} */
	.banner .bannerimg .bannerinfo .mainbox .bannertxt{font-size:24px;}
    .banner .bannerimg .bscorllbtn{width:60px; height:61px;}
	.banner .bannerimg .bscorllbtn em{width:12px; height:18px;}
	.banner .bannerimg .bscorllbtn em:before{width:12px; height:18px;}
	.sytit span{font-size:24px;}
	.sypro .syprobox .propicbox a .txt{font-size:14px;}
	.sypro .syprobox .propicbox a .txt span{font-size:16px;}
	.pronav li em{width:60px; height:60px;}
	.sciencebody .upbetween{display:block; width:80%;margin:0px auto;}
	.syscience .sciencebody .mainbox li{padding:0px; width:100%; padding-bottom:30px; margin-bottom:30px;}
	.syscience .sciencebody .mainbox li:last-child{margin-bottom:0px;}
	.syscience .sciencebody .mainbox li:after{height:1px; bottom:0px; width:100%; left:0px; top:auto;}
	.sypro .syprobox .propicbox .swiper-button-prev, .sypro .syprobox .propicbox .swiper-button-next{width:48px; height:48px;}
	.sypro .syprobox .propicbox .swiper-button-next{right:-60px;}
	.sypro .syprobox .propicbox .swiper-button-prev{left:-60px;}
	.sciencetitle .datamore{min-width:205px;}
	.mabout .part1 .content .bscorllbtn{width:60px; height:61px;}
	.mabout .part1 .content .bscorllbtn em{width:12px; height:18px;}
	.mabout .part1 .content .bscorllbtn em:before{width:12px; height:18px;}
	.nyabout .upbetween{display:block;}
	.nyabout .between{display:block;}
	.nyinfo .nytitle{width:100%;}
	.nyinfo .nytxt{width:100%;margin-top:10px;}
	.nyabout ul li .tit{font-size:24px;}
	.nyabout ul li p{width:100%;margin-top:10px;}
	.nyabout .fulfill{padding:7% 0px;}
	.fsize72{font-size:30px;}
	.nyhistorylist li .txt h3{font-size:30px;}
	.nystory .s_search{display:block;}
	.nystory .s_search .searchbox{max-width:100%; width:100%;}
	.nystory .s_search .searchbtn{width:100%; margin-top:15px;max-width:100%;}
	
	.nystorybox h2{font-size:20px; margin-bottom:20px;}
	.nystordydetail{padding:30px 25px 25px 25px;}
	.nystordydetail li{display:block; margin-bottom:20px;}
	.nystordydetail li .tit{width:100%; margin-bottom:10px;}
	.nystordydetail li .info{width:100%;}
	.nyquality li .txt h2{font-size:18px;}
	.nyquality li .txt h2{font-size:16px;}
	.nyachievements .ptit{font-size:20px;}
	
	.nypipeline .part1 h3{font-size:16px;}
	.nypipeline .part2 .contain .tit{font-size:18px;}
	.nypipeline .part3 ul li .info h2{font-size:18px; margin-bottom:10px;}
	.nyplatform .part2 ul li{margin-top:150px;}
	.nyplatform .part2 ul li img{margin-top:-150px;}
	.nyplatform .part2 ul li .contain .txt{font-size:14px; }
	.nyplatform .part1 .info{font-size:14px;}
	.nyplatform .part3 ul li .tit{padding:0px 20px; font-size:20px;}
	.nyplatform .part3 ul li .info{padding:0px 20px 50px 20px;}
	.nyplatform .part3 ul li .info .txt{font-size:14px;}
	.nyresearch_ach .part1 .tit{font-size:18px;}
	.nyresearch_ach .part3 .info h2{font-size:18px;}
	.nyresearch_ach .part1 .info{font-size:14px;}
	.nyresearch_ach .part2 li .info{font-size:14px;}
	.nyresearch_ach .part3 .info{font-size:14px;}
	.nyresearch_ach {
	    padding: 10% 0px 10% 0px;
	}
	.nyresearch_ach .part2{margin-top:20px;}
	.nyresearch_ach .part3{margin-top:10%; padding:25px;}
	.nyresearch_team .tit{font-size:18px;}
	.nyresearch_team .info{font-size:14px;}
	.nyresearch_team .part2 .contain .tit{margin-bottom:10px;}
	.nynewssearch .sinput input{font-size:14px;}
	.nynewssearch .sinput input::-webkit-input-placeholder {font-size: 14px;}
	.nynewssearch .sinput input::-moz-placeholder {font-size: 14px;}
	.nynewssearch .sinput input:-ms-input-placeholder {font-size: 14px;}
	.nynewssearch .sinput input::placeholder {font-size: 14px;}
	.ndprev em, .ndnext em{width:40px; height:40px;}
	.ndprev, .backurl, .ndnext{font-size:14px;}
	.ndprev em:after, .ndnext em:after{font-size:14px;}
	.nynewsdetail .ndpage a .backurl{width:110px; height:40px;border-radius:20px; line-height:40px;}
	.nynewsdetail .ndpage a .backurl em{width:18px; height:12px; margin-left:5px;}
	.ndprev em, .ndnext em{margin-right:10px;}
	.nynotice ul li a .viewmore{width:40px; height:40px;}
	.nynotice ul li a .viewmore:after{width:15px; height:10px; }
	.nynotice ul li a .time{font-size:16px;}
	.nywhy .part1 .tit{font-size:20px;}
	.nywhy .part1 .info{font-size:14px;}
	.nywhy .part2{padding:20px;}
	.nywhy .part2 .contain .tit{font-size:16px;}
	.nywhy .part2 .contain .txt{font-size:14px;}
	.nywhy .part3 .contain{margin:30px 0px 50px 0px;}
	.nywhy .part3 .tit{font-size:20px;}
	.nywhy .part3 .contain .info .txt h3{font-size:16px;}
	.nyjoin ul li{padding:0px 20px 20px 20px;}
	.nyjoin ul li .info h3{margin-bottom:10px;}
	.nyjoin ul li .tit{padding-top:15px;}
	.nyjoin ul li .tit h2{font-size:18px;}
	.nyjoin ul li .info{font-size:14px;}
	.nyjoin ul li .info h3{font-size:16px;}
	.nyjoin ul li .info .tips{font-size:14px;}
	.nyjoin ul li .tit dl dd{font-size:12px;}
	.nywhy .part3 .contain .containbox .pic .swiper-button-prev, .nywhy .part3 .contain .containbox .pic .swiper-button-next{top:75%;}
	.nywhy .part3 .contain .containbox .pic .swiper-button-next{right:20px;}
	.nywhy .part3 .contain .containbox .pic .swiper-button-prev{right:70px;}
	.fshare .links a .lxlayer .lxbox li em{font-size:14px;}
}
/* @media screen and (max-width:991px){
	.sysxd .between{display:block;}
	.sysxd .left{display:block;}
	.sysxdbox .txt{position:relative;z-index:3; margin:0px auto; text-align:center;}
	.sysxdbox .txt h2{font-size:30px;margin-top:0px;}
	.sysxdcar{width:150px; margin-right:40px; padding-top:0px; }
	.footlist{display:none;}
	.footlinks{width:68%;}
	.footercopy .copyright{width:68%;}
	.footercopy .copyright p{width:60%;}
	.footlogo{width:100px;}
	.footercopy .links{width:100px; font-size:14px;}
	.footonline .footonlinebox{width:200px;padding:10px;}
	.footonline .footonlinebox p{width:100px;}
	.footonline .footonlinebox p a{width:30px; height:30px;}
	.footonline .freeline span{font-size:28px;}
	.footercopy .copyright .share{width:100px;}
	.footercopy .copyright .share a{width:30px; height:30px;}
	
	.backtop{display:none;}
	.probj .procontent .probox .propicbox .qiehuan_btn{bottom:-40px;}
	.sysxdbox .sxdshow{display:none;}
	.sysxdbox .sxdhide{display:block; margin:30px auto;}
	.sysxdcar{float:none; margin:0px auto;margin-bottom:20px;}
	.sysxdbox{padding-bottom:0px;}
	.syfeature .featurebtn .mainbox a{font-size:16px;}
} */

@media screen and (max-width:680px)

{
	body{font-size:14px;}
	
	.pd3{ padding-top:6%; padding-bottom:6%}
	.pd4{ padding-top:8%; padding-bottom:8%}
	.pd5{ padding-top:10%; padding-bottom:10%}
	.pd6{ padding-top:10%; padding-bottom:10%}
	.pd2{ padding-top:4%; padding-bottom:4%}
	.pd10{padding-top: 15%; padding-bottom: 15%}
	.pd8{padding-top: 12%; padding-bottom: 12%}

	.mt1{ margin-top:3%}
	.mt2{ margin-top:6%}
	
	.mt4{ margin-top:10%}
	.mt5{ margin-top:12%}
	
	.mt7{margin-top: 12%}
	.mt8{ margin-top:20%}

	.pb3{ padding-bottom:6%}
	.pb4{ padding-bottom:8%}
	.pb5{ padding-bottom:10%}
	.pb6{ padding-bottom:12%}
	.pb7{ padding-bottom:14%}
	
	
	.nav{top: 80px;height: calc(100vh - 80px);}
   .s_lang{right:70px;}
   
   .synews_notice .synews .synewslist li a .txt p{font-size:16px;}
   .sysite .sysitebody .upbetween{display:block;}
   .sysite .sysitebody li{width:100%; border-right:0px;padding:40px 0px;}
   .sysite .sysitebody li:nth-child(1){border-bottom:1px solid rgba(0,0,0,0.2);}
   .sysite .sysitebody li:nth-child(2){padding-left:0px;}
   .sysite .sysitebody li:nth-child(2) a em{right:5%;}
   .copyright{display:block; text-align:center; line-height:20px;}
   .copyright p:nth-child(2){margin-top:10px;}
   .mabout .part1 .vlogo{width:120px;}
   .mabout .part1 .txt{font-size:40px;}
   .mabout .part2 .content h2{font-size:30px;}
   .mabout .part2 .content ul li{font-size:16px;}
   .mabout .part2 .content ul li:before{top:7px;}
   
   .fsize30{font-size:18px;}
   
   .bfsize72{font-size:24px;}
   .nyfont48{font-size:20px;}
   
   .nyabout ul li .tit{font-size:18px;}
   .nyabout ul li p{font-size:14px;}
   .partitem .ptit{font-size:18px;}
   .partitem .pbox ul li{padding:0px 20px;}
   .partitem .pbox ul li .partpic{padding:20px 0px;}
   .partitem .pbox ul li .partpic .partpiclist{top:20px;}
   .partitem .pbox ul li .partpic .partpiclist .swiper-button-prev, .partitem .pbox ul li .partpic .partpiclist .swiper-button-next{width:48px; height:48px;}
   .partitem .pbox ul li .txt h3{margin-bottom:10px;}
   .nymedicinesbox li{width:100%;}
   .nystory .s_search .searchbox .stit{display:none;}
   .nystory .s_search .searchbox .sinput{width:100%;}
   .nystory .s_search .searchbox .sinput:before{right:28px;}
   .pages a{width:35px; height:35px; line-height: 35px;}
   .pages a.firstpage em,.pages a.lastpage em{width:11px; height:9px; margin-top:-4.5px;}
   .pages a.prev em,.pages a.next em{width:6px; height:9px;margin-top:-4.5px;}
   .nystory .nystorylist li a .txt{font-size:16px; padding-bottom:0px; padding-right:12%;}
   .nystory .nystorylist li a .txt .viewmore:after{width:15px; height:9px;}
   .nystory .s_search .searchbox{height:45px;}
   .nystory .s_search .searchbtn{height:45px;}
   .pages{margin-top:30px 0px 50px 0px; }
   .nystory .nystorylist li{padding:20px;}
   .nynav a{font-size:16px; line-height: 50px;}
   .nyplatform .part1 .tit{font-size:20px;}
   .nyplatform .part2 ul li .contain .tit{font-size:16px;}
   .nyplatform .part2 ul li{margin-top:15px; padding:20px;}
   .nyplatform .part2 ul li img{margin-top:0px;}
   .nyresearch_team .part2{display:block;}
   .nyresearch_team .part2 .contain{width:100%;}
   .nyresearch_team .part2 .pic{margin:0px auto;}
   .nyresearch_team .part3 .pic{margin-top:30px;}
   .nyresearch_team .part1{padding:10% 0px 8% 0px;}
   .nynews .nyscinews li .between{display:block;}
   .nynews .nyscinews li a{position:relative;}
   .nynews .nyscinews li a .info{width:90%;}
   .nynews .nyscinews li a .info .tit em{margin-right:15px;}
   .nynews .nyscinews li a .time{padding:15px 15px 15px 55px;}
   .nynews .nyscinews li a .viewmore{position:absolute; top:50%; right:0px; margin-top:-21px;}
   .nynewssearch{padding:20px 15px;}
   
   .nynotice ul li a{position:relative; padding:25px 0px 25px 0px;}
   .nynotice ul li a .between{display:block;}
   .nynotice ul li a .time{margin-top:10px;}
   .nynotice ul li a .info{width:90%;}
   .nynotice ul li a .viewmore{position:absolute; top:50%; right:0px; margin-top:-21px;}
   .nywhy .part1 .tit{font-size:18px;}
   .nywhy .part3 .tit{font-size:18px;}
   .nywhy .part3 li{font-size:12px; padding:15px;}
   .nyfounder .part1{padding:7% 0px;}
   .pb8{padding-bottom:15%;}
   .nyfounder .part1 .lpic .img1{max-width:250px;}
   .nyfounder .part1 .lpic .img2{right:-35%; bottom:-6%; width:150px;}
   .nyfounder .part3 li .tit{font-size:20px;}
}


@media screen and (max-width:580px)
{
.s_lang{right:60px;}
}

@media screen and (max-width:480px)
	
{
.top>.mainbox{height:60px;}
.nav{top:60px;}
.logo em{width:50px;}
.logo span{font-size:14px;}
.s_lang{right:50px;}
.bfsize72{font-size:20px;}
.banner .bannerimg .bannerinfo{bottom:20px;}
.banner .bannerimg .bscorllbtn{bottom:20px; width:50px; height:51px;}
.banner .bannerimg .bannerinfo .mainbox .bannertxt{font-size:18px; width:70%; }
.sytit span{font-size:20px;}
.footer{padding:0px 0px 10px 0px;}
.mfshare .lxbox li em{font-size:12px;}
.datamore{padding: 0px 55.5px 0px 17.5px; font-size:12px; height:35px; line-height:33px; }

.sytit .datamore:after{width:15px;height:10px; margin-top:-5px;}
.sypro .syprobox .pronav li span{font-size:12px;}
.sciencetitle .datamore{min-width:160px;}
.fsize30{font-size:16px;}
.synews_notice .synotice .synoticetit em{width:40px; height:40px; top:20px;}
.synews_notice .synotice .synoticetit{font-size:18px; padding-left:50px;}
.synews_notice .synews .synewslist .between{display:block;}
.synews_notice .synews .synewslist li{width:100%;margin-bottom:20px;}
.synews_notice .synews .synewslist li:last-child{margin-bottom:0px;}
.synews_notice .synews .synewslist li a .txt p{height:70px;}
.mabout .part1 .vlogo{width:100px;}
.mabout .part1 .txt{font-size:24px;}
.mabout .part1 .content li{padding:5px;}
.mabout .part1 .content li em{font-size:40px;}
.mabout .part1 .content .bscorllbtn{width:50px; height:51px;}
.mabout .part2 .content h2{font-size:20px;}
.fsize72{font-size:24px;}
.nyhistorylist li{padding:20px; margin-bottom:15px;}
.nyhistorylist li .txt h3{font-size:20px;}
.nyhistorylist li .pic{width:100%;}
.nyhistorylist li .txt{width:100%;}
.nyhistory {padding-top: calc(4% + 80px);}
.partitem{padding:20px 0px;margin-bottom:25px;}
.partitem .pbox{padding:20px 20px 0px 20px;}
.partitem .ptit{font-size:16px; line-height:1.5;}
.partitem .pbox ul li{margin-bottom:25px;}
.partitem .pbox ul li .txt h3{font-size:16px;}
.nymedicinesbox{padding:25px 25px 0px 25px;}
.nymedicinesbox li{margin-bottom:25px;}
.nymedicinesbox li a .txt{padding:20px 0px;}
.nystorybox h2{font-size:18px;}
.nystorybox {padding-top: calc(4% + 80px);}
.nyachievements .ptit{font-size:18px;}
.nynav a{font-size:14px;}
.nyplatform .part3 ul li .tit{font-size:18px;}
.nynewsdetail{padding-top: calc(4% + 80px);}

.nynotice ul li a .time{font-size:14px;}
.nyjoin{padding:9% 0px;}
.nyjoin ul{margin-top:25px;}
.nywhy .part3 .contain{margin-bottom:30px;}
.nywhy .part3 li{width:50%; box-sizing: border-box;}
}

@media screen and (max-width:400px){
	.nynav{display:block;}
	.nynav a{width:100%;}
}

@media screen and (max-width:380px){
	.logo span{font-size:12px;}
	.banner .bannerimg .bannerinfo .mainbox .bannertxt{font-size:16px;}
}

@media screen and (max-height:450px){
	

}

@media screen and (max-height:700px)
	
{
	
}

@media screen and (max-height:1366px) and (max-width:1024px)
{
	

	
}

@media screen and (max-height:450px) and (min-width:800px) 
	
{

	.mobile_show{display: block}
	
	
}





