@media screen and (max-width: 1200px){
    .app-nav-bar {
        display: none;
    }
    #header ul#nav{
        padding: 0;
    }
    #header ul li.navitem {
        padding: 0 20px;
    }
	.module3 ul li {
    		margin-right: 0;
	}
}
@media screen and (max-width: 1199px){
    #header ul#nav{
        padding: 0;
    }
    #header ul li.navitem {
        padding: 0 12px;
    }
    .module2-left .cont .text p:nth-child(2) em,
    .module2-right .cont .text p:nth-child(2) em {
        font-size: 30px;
        font-weight: bold;
    }
    .module2-left .cont,
    .module2-right .cont {
        padding: 40px 20px;
    }
    .module4-cont ul li a .module4-detail>p {
        padding: 0 20px;
    }
    .module3 ul li .text{
        width: 60%;
    }
    .module5-top .width85 ul li {
        width: 12.666%;
    }
}
@media screen and (max-width: 1090px){
    #header ul#nav{
        padding: 0!important;
    }
    #header ul li.navitem {
        padding: 0 8px;
    }
    .swiper-slide>a>img{
        width: auto!important;
    }
    .module3 ul li .text{
        width: 60%;
    }
    .module3 ul li .activeText p:first-child {
        font-size: 18px;
        margin: 40px 0 40px;
    }
    .module3 ul li .activeText p:last-child {
        font-size: 14px;
    }
    .module4-cont ul li a>img {
        width: 135px;
    }
    .module4-cont ul li a .module4-detail>p {
        padding: 0 20px;
    }
    .module4-cont ul li a {
        height: 180px;
    }
    .module4-cont ul li a .module4-detail .detailImg {
        width: 100px;
        height: 100px;
    }
    .module4-cont ul li a .module4-detail .detailImg img {
        width: 80px;
    }
}
@media screen and (max-width: 981px){
    #header ul#nav {
        display: none;
    }
    .app-nav-bar {
        display: block;
    }
}
@media screen and (max-width: 860px){
	html {
		overflow-x: hidden;
	}
    .app-nav-bar {
        display: block;
    }
    .swiper-slide>a>img{
        width: 100%!important;
    }
    /*mobile-index*/
    .swiper-container{
        height: auto;
        padding-top: 27px;
    }
    .module2 {
        background-size: 100%;
        background-repeat: no-repeat;
    }
    .module2 .content {
        padding: 0;
        margin-top: 10px;
    }
    .module2-left, .module2-right {
        min-height: auto;
    }
    .module2-left .cont .text p:first-child,
    .module2-left .cont .text p:nth-child(2) span {
        font-size: 12px;
    }
    .module2-left .cont .text p:nth-child(2) em,
    .module2-right .cont .text p:nth-child(2) em {
        font-size: 40px;
    }
    .module2-right{
        margin-top: 0;
    }
    .module2-left .cont {
        padding: 0 20px;
    }
    .module2-right .cont{
        padding: 20px;
    }
    .module2-righ-img {
        padding: 0 20px 10px;
    }
    .mobiel-module3{
        padding: 20px 5px;
    }
    .mobiel-module3 ul li{
        width: 49%;
        margin-right: 2%;
        margin-bottom: 10px;
    }
    .mobiel-module3 ul li:nth-child(2n){
        margin-right: 0;
    }
    .mobiel-module3 ul li a{
        background: red;
    }
    .mobiel-module3 ul li a .text p:first-child{
        font-weight: bold;
        color: #333;
    }
    .mobiel-module3 ul li a .text p{
        color: #666;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }
    .module4-left {
        padding-top: 20px;
        position: inherit;
        left: 0;
        height: auto;
    }
    .module4-right {
        height: auto;
        position: inherit;
        right: 0;
    }
    .module4-cont ul li:first-child a:hover::after,
    .module4-cont ul li:nth-child(2) a:hover::after,
    .module4-cont ul li:nth-child(2) a:hover::before,
    .module4-cont ul li:nth-child(3) a:hover::after,
    .module4-cont ul li:nth-child(4) a:hover::after,
    .module4-cont ul li:nth-child(5) a:hover::after,
    .module4-cont ul li:nth-child(5) a:hover::before,
    .module4-cont ul li:nth-child(6) a:hover::after{
        display: none;
    }
    .module4-cont ul{
        margin: 0 12px;
    }
    .module4-cont ul li{
        width: calc(100%/2);
    }
    .module4-cont ul li a {
        margin: 5px 0;
        width: 90%;
        height: 165px;
    }
    .module4-cont ul li a>img {
        width: 120px;
    }
    .module4-cont ul li a .module4-detail .detailImg {
        width: 100px;
        height: 100px;
    }
    .module4-cont ul li a .module4-detail .detailImg img {
        width: 80px;
    }
    .module4-cont ul li a{
        border-radius: 25px!important;
    }
    .module4-cont ul li a .module4-detail>p {
        padding: 0 20px;
    }
    .module4-left .more{
        margin: 20px 0;
    }
    .module4-right .more {
        margin: 20px 10px;
        display: block;
    }
    .module4-right ul li a .content {
        background: url(../img/newsimg.png);
        height: 100px;
        background-position: center center;
        width: 100%;
    }
    .module4-right ul li a .date .md {
        color: #fff;
    }
    .module4-right ul li a .date .year {
        font-size: 14px;
        color: #fff;
        margin-top: 4px;
        padding:0;
    }
    .module4-right ul li a .contentText {
        height: auto;
        width: 100%;
        padding-top: 0;
    }
    .module4-right ul li a .text {
        padding: 10px 0;
    }
    .module4-right ul{
        margin: 0 10px;
        overflow: hidden;
    }
    /*mobile-index*/
    .bar{
        background-color: #666;
    }
    #header .content {
        padding: 0 15px;
    }
    #header #logo img {
        width: auto;
        float: left;
        margin-top: 10px;
        height: 20px;
        margin-right: 5px;
    }
    .language {
        float: right;
        margin-top: 5px;
        margin-left: 0;
        position: relative;
        transition: all 1s linear;
        right: 30px;
    }
    .Introduction-people,
    .culture .tip,
    footer ul,
    footer .foot{
        display: none;
    }
    .mobile-foot{
        display: block;
    }
    /*公司简介开始*/
    .blue-shape {
        right: 0;
        font-size: 14px!important;
    }
    .introduction .sub-bar ul {
        width: initial;
        height: auto;
    }
    .introduction .sub-bar ul li a{
        padding: 10px 8px;
        height: auto;
        line-height: initial;
        text-align: center;
    }
    .introduction.business .sub-bar ul li a{
        padding: 10px 4px;
    }
    .introduction.business .content .sub-bar {
        /* top: 250px; */
    }
    .introduction-map{
        height: auto;
        background-image: none;
    }
    .company {
    	height: auto;
    }
    .company>p {
    	padding: 10px 0 10px;
    	color:#fff;
		background:linear-gradient(0deg,rgba(17,90,176,1),rgba(17,69,130,1));
		margin-bottom: 20px;
    }
    .company ul {
        padding: 0px 10px;
    }
    .company ul li {
        margin-bottom: 15px;
        width: 100%;
        padding: 0 3%;
        position: relative;
    }
    .company ul li span{
        font-size: 14px;
    }
    .company ul li i {
        width: 5px;
        height: 5px;
        box-shadow: 0 0 5px 0 #3879BF;
        margin-right: 0;
        position: absolute;
        top: 8px;
        left: 2px;
    }
    .subsidiaries {
    	display: none;
    }
    .introduction-text .in-right p{
        padding: 0 20px;
    }
    .introduction-text {
        padding: 20px 0;
    }
    .introduction-img{
        margin-left: 0;
    }
    .culture .left {
        margin-top: 0;
    }
    .title{
        padding: 20px 0;
    }
    .structure-content {
        padding: 40px 0;
    }
    .structure {
        padding: 0;
        background-size: inherit;
    }
    .course .tabTitle{
        position: relative;
        left: 11%;
    }
    .mobile-foot{
        padding: 20px;
    text-align: center;
    }
    .honorVersion ul li{
        width: calc(100%/1);
    }
    .subTop10 {
        top: -10px;
    }
    /*公司简介结束*/

    /*公司业务开始*/
    .business-product ul {
        padding: 0;
    }
    .business-product ul li {
        width: 100%;
        margin: 0;
        height: auto;
    }
    .business-craft ul li .text-center.m-t-120{
        margin-top: 0;
    }
    .business-craft ul li i {
        background: #fff;
        color: #00A8FF;
        font-size: 25px;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        text-align: center;
        line-height: 50px;
    }
    .business-craft ul li .step1-bg, .business-craft ul li .step2-bg, .business-craft ul li .step3-bg {
        width: 118px;
        height:118px;
        margin: auto;
    }
    .business-craft ul li:hover i{
        font-size: 28px;
    }
    .business-craft ul li p {
        padding: 0 5%;
    }
    .productTabTitle a {
        margin: 0;
    }
    .pro-info {
        width: 100%;
        height: 100%;
        max-width: 100%;
        left: 0;
        top:0;
        margin-left: 0;
    }
    .popup-detail .left-img img{
        width: 50%;
    }
    .popup-detail .right-text>p {
        text-align: center;
        padding-top: 15px;
    }
    .mobileColse{
        display: block;
    }
    /*药品制造*/
    .drug-right .del-p .flex-1{
        width: 100%;
        flex: auto;
        padding: 50px 0 20px 0;
    }
    .drug-right .del-p {
        display: inherit;
    }
    .drug-right .medical-del {
        height: auto;
        padding-top: 0!important;
    }
    .drug-right .medical-del p {
        bottom: 50px;
    }
    .top-bg {
        height: auto;
        background-size: contain;
    }
    .bottom-bg {
        background-size: cover;
        height: 100px;
    }
    .dev-platform .leftText {
        padding: 5%;
        margin: 0;
        width: 90%;
    }
    .platformHonor .df{
        display: block;
        padding: 0 20px;
    }
    .platformHonor  .f-l img{
        width: 100%;
        margin-bottom: 15px;
    }
    .platformHonor  .f-l.p-r-50,
    .platformHonor .f-l.p-l-50{
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        text-align: center;
    }
    .platformHonor .width1200>img{
        padding: 20px;
    }
    .platformHonor p {
        margin-bottom: 20px;
    }
    /*药品销售*/
    .salesTip{
        display: grid;
        padding: 0;
        margin: auto;
        align-items: center;
        position: inherit;
        left: 0;
        transform: none;
    }
    .salesTip img {
        margin: auto;
        padding: 20px 0;
    }
    .salesTip p {
        color: #fff;
        padding: 20px;
    }
    .salesContent .right img{
        width: 80%;
    }
    .salesWholeCont {
        top: 0;
    }
    .salesList {
        width: 100%;
        height: 100%;
    }
    /*网络营销*/
    .salescont {
        padding: 0;
        display: grid;
    }
    .salescont .width50{
        width: 100%;
    }   
    .salescont .width50 img{
        width: 100%;
    }
    .salescont .width50 img.business3-6-img{
        top: 5px;
    }
    .salescont .p30 {
        padding: 0;
        width: 90%!important;
        margin: auto;
    }
    .salescont p:first-child{
        text-align: center;
        padding: 20px 0 10px 0;
    }
    .salesContent .right .titleImg{
        height: 110px;
    }
    .business3-5-img,
    .business3-8-img {
        display: none;
    }
    .leftBg{
        height: auto;
        background: none;
        padding-left: 0!important;
    }
    .salesContent .left p {
        padding: 5px 20px 20px 20px;
    }
    .salesContent .width60 img{

    }
    .salesContent .right .titleCont {
        height: auto;
    }
    .salesContent .right .titleCont,
    .salesContent .right .titleImg{
        width: 50%;
    }
    .salesContent .right .titleImg img{
        width: auto;
    }
    /*机械生产与研发*/
    .mechanics {
        padding: 0;
    }
    .mechanics>ul {
        height: 600px;
    }
    .mechanics .mechanicsImg{
        height: 400px;
    }
    .technological>ul>li .cont {
        margin: 0 20px;
    }
    .medicine{
        padding: 0;
    }
    .medicine .medicine-bg .left{
        padding: 10px 10px;
        margin-bottom: 10%;
        
    }
    .medicine .medicine-bg{
        display: inline-table;
        padding: 30% 0 0 0;
        height: auto;
        overflow: hidden;
        width: 100%;
    }
    .medicine .medicine-bg .right {
        padding-right: 10%;
        padding-left: 10px;
    }
    .platformHonor .flex-1.p-l-50{
        padding-left: 0;
    }
    .medicine .medicine-bg.medicine-bg-business3 .left {
        width: 100%;
    }
    .marketing .left {
        width: 100%;
    }
    .marketing .left .contentOne {
        height: 120px;
        display: inherit;
    }
    .marketing .left .contentTwo {
        height: 200px;
        display: inherit;
    }
    .marketing .left .contentOne p,
    .marketing .left .contentTwo p,
    .marketing .right p{
        width: 50%;
    }
    .marketing .left .contentOne p:first-child img {
        height: 120px;
        width: 100%;
    }
    .marketing .left .contentTwo p:last-child img {
        width: 300px;
        height: 200px;
    }
    .marketingCont {
        height: auto;
        display: inherit;
    }
    .marketing .right {
        width: 100%;
        height: 510px;
    }
    .marketing {
        height: auto;
        overflow: hidden;
    }
    .marketing .right p:first-child {
        margin: 40px 10px;
    }
    .medicine-business2{
    }
    .medicine.medicine-business2 .medicine-bg {
        padding-top: 40px;
        height: auto;
        padding-bottom: 0;
    }
    .medicine.medicine-business2 .medicine-bg .right{
        margin-bottom: 40px;
    }
    .medicine.medicine-business2 .medicine-bg .left {
        padding: 30px 15px;
        margin-bottom: 0;
    }
    .rawMaterial{
        padding: 0;
    }
    .rawMaterial .business-product ul{
        padding-top: 0;
    }
    /*公司业务结束*/

    /*资讯中心开始*/
    .informationCenter ul li a {
        display: inherit;
    }
    .informationCenter ul li a .information-right {
        width: 100%;
        display: inherit;
    }
    .informationCenter ul li,
    .informationCenter ul li a .information-left {
        width: 100%;
        height: auto;
    }
    .informationCenter ul li a .information-right .info-arrow img {
        width: auto;
    }
    .informationCenter ul li a .information-right .time {
        border-right: none;
        padding: 0 10px;
        display: block;
        margin-right: 0;
        height: 30px;
        margin-right: 10px;
    }
    .informationCenter ul li a .information-right .time p{
        float: left;
        margin-right: 10px;
    }
    .informationCenter ul li a .information-right .text {
        padding: 0 10px 0 10px;
    }
    .informationCenter ul li a .information-right .text p:nth-child(2) {
        margin-top: 0;
        margin-bottom: 10px;
    }
    .informationCenter ul li a .information-right .info-arrow {
        margin: 0 10px;
    }
    .informationCenter ul li {
        margin-bottom: 10px;
    }
    .informationDetail{
        padding: 20px;
    }
    .pageon {
        width: 96%;
        margin: 4% 2%;
    }
    .pageon a {
        background: none;
    }
    .pageon a .pageTitle {
        display: none;
    }
    .informationDetail .width100 img{
        width: 100%;
    }
    /*资讯中心结束*/
    /*投资者关系开始*/
    .timeline ul li:nth-child(even) div {
        text-align: left;
    }
    .publicWelfare .pw-cont{
        display: grid;
    }
    .publicWelfare .pw-cont>div{
        margin-bottom: 10px;
    }
    .stock{
        height: 220px;
        background-position: center center;
        background-size: cover;
    }
    .stock p {
        margin-bottom: 0;
    }
    .stock .stockLeft p:first-child{
        font-size: 12px;
    }
    .stock .stockLeft p:last-child,
    .stock .stockCenter p:last-child,
    .stock .stockRight p:last-child{
        font-size: 12px;
    }
    .stock .stockCenter p span:first-child {
        font-size: 18px;
    }
    .stock .stockCenter p i {
        font-size: 18px;
        position: relative;
        top: -4px;
    }
    .stock .stockCenter p span:last-child {
        font-size: 14px;
    }
    .stock .stockRight p:first-child {
        font-size: 18px;
    }
    .stock .stockCenter{
        flex: auto;
    }
    .liaison .liaisonCont{
        top: 20px;
        padding: 20px;
        margin: 0 20px;
    }
    .liaison .liaisonCont .liaisonForm>div{
        display: block;
    }
    .liaison .liaisonCont .liaisonForm input{
        height: 35px;
        width: 99%;
        padding-left: 1%;
        margin-bottom: 15px;
    }
    .liaison .liaisonCont .liaisonForm textarea{
        margin-top: 5px;
    }
    .liaison .liaisonCont .liaisonForm {
        margin: 20px 0 20px 0;
    }
    .liaison {
        height: auto;
        padding-bottom: 12%;
    }
     /*投资者关系结束*/
    /*招贤纳士开始*/
    .miblie-p-20{
        padding: 0 20px;
    }
    .invite .right p:first-child {
        padding-top: 20%;
    }
    .invite .right p {
        padding-left: 10px;
    }
    .inviteTab ul li {
        width: calc(100%/1);
    }
    .inviteText-left {
        height: auto;
        padding-right: 0;
    }
    .inviteText-left img{
        height: 200px;
    }
    .inviteTextImg .inviteText-right{
        overflow: auto;
        height: auto;
    }
    .inviteBtn {
        padding: 50px 0 20px 0;
    }
    .inviteList {
        border: none;
        margin-bottom: 0;
    }
    .invite .right {
        height: auto;
    }
    /*招贤纳士结束*/

    /*联系我们开始*/
    .contact .left{
        padding: 0;
        margin-bottom: 20px;
    }
    .mobile-p-20{
        padding: 20px;
    }
    .contactAddress {
        padding: 30px 20px;
    }
    /*联系我们结束*/


    /*公共样式*/
    .introduction-text .in-right,
    .introduction-text .in-left,
    .culture .left.width50,
    .culture .width45,
    .structure-content,
    .honor ul li,
    .business-craft ul li,
    .product ul li,
    .popup-detail .left-img,
    .popup-detail .right-text,
    .invite .left,
    .invite .right,
    .inviteText-left,
    .inviteText-left img,
    .inviteTextImg .inviteText-right,
    .contact .left,
    .drug-left,
    .drug-right,
    .honor img,
    .salesContent .left,
    .salesContent .right,
    .salesContent .right img,
    .salesTip,
    .mechanics>ul>li,
    .technological>ul>li,
    .module2-left,
    .module2-right,
    .module4-left,
    .module4-right,
    .investor>ul>li,
    .publicWelfare .pw-cont .rightImg,
    .stock .stockLeft,
    .stock .stockRight{
        width: 100%;
    }
    .introduction-banner {
        height: 15em;
        position: fixed;
        top: 50px;
        z-index: 1;
    }
    /* .investor-banner,
    .informationCenter-banner,
    .invite-banner,
    .contact-banner{
        height: 360px;
        position: relative;
        top: 0;
        z-index: 1;
    } */
    .informationCenter,
    .invite,
    .contact{
        /* padding-top: 0!important; */
    }
    .introduction .content .sub-bar.sub-barActive{
        position: fixed;
        top: 220px;
        z-index: 1;
    }
    .introduction .content .sub-bar {
        position: fixed;
        top: 220px;
        z-index: 1;
    }
    .drug,
    .business-product ul,
    .salesContent,
    .product,
    .informationCenter,
    .invite,
    .contact,
    .mechanics,
    .introductionLink,
    .medicine{
        padding-top: 250px;
    }
    .medicine-business3{
        padding-top: 0px!important;
    }
    #introduction2 {
        margin-top: 0;
    }
    #introduction1,
    #introduction2,
    #introduction5{
        padding-top: 250px;
        margin-top: -240px;
    }
    #introduction3{
        padding-top: 250px;
        margin-top: 0;
    }
    #introduction4{
        padding-top: 50px;
    }
}