/*@media (max-width: 1590px) and (min-width: 1500px){ .aboutUsText span{ font-size: 60px; line-height: 84px; } .introductionList{ margin-right: 80px; } .aboutUsLeftTotal{ margin-right: 50px; } .introductionList ul li{ width: 210px; font-size: 28px; letter-spacing: 8px; margin-top: 24px; } .aboutUs{ padding-top: 28px; } .aboutUsText{ margin-top: 43px; } .aboutUsRightText{ width: 780px; } .aboutUsRightText p{ font-size: 24px; line-height: 40px; } .aboutUsRightList{ width: 825px; } .carousel-content h2{ font-size: 30px; } } */ @media (min-width: 1500px){ .container{ width: 1470px; } } @media (max-width: 1500px) and (min-width: 1366px){ .container{ width: 1336px; } /*******/ .indexTop{ height: auto; } .navigationBar{ top: 60px; } .simple a{ font-size: 14px; line-height: 60px; } .simple span{ line-height: 60px; } .input{ margin-top: 15px; } .soso button{ margin-left: 40px; line-height: 60px; } .soso button img{ width: 24px; } .navbar-default .navbar-nav>li>a,.secondaryNavigation a{ font-size: 15px; } .navbar-brand>img{ width: 160px; } .navbar-default .navbar-nav>li>a{ line-height: 90px; } .secondaryNavigation{ top: 90px; } .navbar-default .navbar-brand img{ display: inline; width: 160px; } .navbar-default .navbar-brand{ margin-top: 20px; line-height: 90px; } .banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 10px; } .banner .swiper-pagination-bullet{ width: 20px; height: 20px; } .banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 20px; } /***************/ .aboutUsText span{ font-size: 40px; line-height: 74px; } .aboutUsEn{ font-size: 28px; } .introductionList{ margin-right: 60px; } .aboutUsLeftTotal{ margin-right: 120px; } .introductionList ul li{ width: 190px; font-size: 18px; height: 50px; line-height: 50px; letter-spacing: 5px; margin-top: 15px; } .aboutUs{ padding-top: 28px; } .aboutUsText{ margin: 15px 0; } .aboutUsRightText{ width: 700px; } .aboutUsRightText p{ font-size: 16px; line-height: 38px; } .aboutUsLeft{ /*padding-bottom: 18px;*/ } .aboutUsRightList{ width: 745px; } /**********/ .serviceTitle{ margin-top: 45px; } .serviceTitle span{ } .serviceMain{ margin-top: 35px; } .serviceMainList{ width: 1350px; } .serviceMainList ul li a{ } /***********/ .platformTotal{ margin-top: 20px; } .platformListDetailsTitle{ line-height: 40px; } .platformListDetailsInfo{ } .platformListDetailsMore{ margin-top: 25px; } .platformListDetailsMore a{ font-size: 14px; } .platformListDetailsMore a img{ width: 20px; margin-top: -2px; } .platformList{ margin-top: 70px; } /**************/ .solutionTotal{ padding-bottom: 80px; } .solutionTotal,.solutionTitle{ margin-top: 40px; } .solutionTitle{ font-size:18px; } .solutionMore a{ font-size: 14px; } .solutionMore a img{ width: 20px; } .aboutUsMore{ font-size: 16px; } /**************/ .nerveInfoListTitle ul li{ font-size: 14px; } .nerveInfoListTitle ul li.on{ font-size: 26px; } .nerveInfoListTitle a{ font-size: 14px; } .nerveInfoListTitle a img{ width: 20px; margin-top: -2px; } .nerveInfoListArticleTitle{ font-size: 26px; } .nerveInfoListArticleInfo{ font-size: 18px; } .nerveInfoListTitle{ margin-top: 50px; } .nerveInfoListArticle{ margin-top: 25px; } .nerveInfoListSwiper{ margin-top: 35px; } /****************/ .joinUs{ margin-top: 35px; } .joinUsList{ margin-top: 30px; } #allmap{ height: 420px; } /**********/ .serviceBannerMain{ bottom: 120px; } .serviceBannerText p.serviceCh{ } .serviceBannerText p.serviceEn{ } .overview{ margin-top: 20px; } .serviceBanner{ height: 580px; } /*********/ .servicePageMain{ padding-top: 60px; padding-bottom: 25px; } .equipmentDevelopmentDesign{ margin-bottom: 34px; } .development p{ /* font-size: 38px; line-height: 38px;*/ margin-bottom: 17px; } .developmentImg>img{ width: 750px; } .developmentImgPatent>img{ width: 532px; } /***********/ .serviceLevelPageNav ul li{ font-size: 18px; } .serviceLevelPageContent{ width: 1070px; margin-top: 60px; padding-bottom: 60px; } .serviceLevelPageNav{ margin-top: 70px; } .serviceLevelPageContent p{ line-height: 36px; } /*************/ .aboutUsMainList{ } .developmentHistory ul li{ margin-bottom: 24px; } .developmentHistory ul li a{ /* font-size: 28px;*/ } .developmentHistoryMain p{ font-size: 16px; line-height: 2em; } .developmentHistoryInfo{ width: 1035px; } .processMore img{ width: 22px; } /*********/ .companyIntroduction{ padding-top: 50px; padding-bottom: 40px; } .IntroArticleTitle{ font-size: 36px; line-height: 36px; margin-top: 30px; } .IntroArticle{ width: 610px; } .IntroArticle p{ margin-top: 25px; font-size: 16px; line-height: 2em; } .IntroArticlePic span{ font-size: 26px; line-height: 36px; } .IntroArticleMore img{ width: 22px; } /***********/ .deveHistory{ padding-bottom: 160px; } .deveHistoryTitle{ font-size: 26px; margin-top: 35px; } .deveHistory p{ font-size: 18px; margin-top: 40px; } /*****************/ .pharmaceutical{ padding-top: 40px; padding-bottom: 40px; } .pharmaFluid{ width: 640px; } .pharmaFluid{ height: 446px; } .pharmaFluidBottom { height: 308px; } .pharmaFluidTopTitle{ font-size: 28px; } /**********/ .intellectual{ padding-bottom: 85px; margin-bottom: 25px; } .intellectualTitle{ font-size: 26px; margin-top: 25px; } .pctPosition span{ font-size: 24px; margin-bottom: 5px; } .pctPosition a img{ width: 22px; } .pct{ width: 170px; } /**********/ .developmentProcess{ width: 1050px; margin-top: -25px; } .developmentProcessTitle{ font-size: 24px; } .endTotal{ margin-bottom: 50px; } .beginSpot{ margin-top: 60px; } /***********/ .companyProfile p img{ margin-top: 30px; } .companyProfile{ padding-bottom: 20px; } /******************/ .intellProp{ width: 1070px; } .intellPic a{ margin-right: 25px; } .intellProp ul li a.intellPropLink{ font-size: 26px; } /********/ .joinUsPageTotal { padding-top: 20px; padding-bottom: 20px; } .recruitment{ font-size: 26px; } .joinUsPageTotalText a{ width: 140px; font-size: 14px; background-position: 107px center; background-size: 20px auto; } .cam{ margin-top: 20px; } .camRecr{ margin-top: 110px; } .joinUsPageTotalText a:hover{ background: #26549c url("../images/solutionMore.png") no-repeat 107px center; background-size: 20px auto; } /************/ .teamBuildingMain{ margin-top: 50px; padding-bottom: 15px; } .annualMeeting{ width: 650px; } .annualMeetingTitle a{ font-size: 22px; } .driving{ padding-top: 15px; } /**** .campusRecruitmentTitle{ font-size: 24px; line-height: 56px; }***/ /**********/ .teamBuildDetailsTitle{ font-size: 22px; margin-top: 50px; } .teamConsLeft span{ font-size: 22px; } .teamConsMain{ width: 1200px; } .teamConsMain .swiper-slide{ font-size: 16px; line-height: 28px; } /*********/ .moreExc{ font-size: 18px; margin-top: 30px; margin-bottom: 30px; } /******************/ .solutionOverviewMain{ margin-top: 30px; padding-top: 90px; padding-bottom: 180px; margin-bottom: 30px; } .solutionListMainText{ font-size: 18px; line-height: 38px; } .solutionListMain ul li{ width: 290px; margin-left: 49px; } .solutionListMain ul li:nth-of-type(4){ margin-left: 217px; margin-top: -60px; } .solutionListMain ul li:nth-of-type(5){ margin-top: -60px; } .solutionListMain ul li:nth-of-type(6){ margin-top: -60px; } .solutionListMain ul li:nth-of-type(7){ margin-top: -60px; } .solutionListMain ul li:nth-of-type(8){ margin-top: -60px; } /************/ .continuous ul li a{ font-size: 16px; height: 90px; width: 210px; } .reactorTitle{ font-size: 24px; } .reactorTotal p{ font-size: 14px; line-height: 36px; margin-top: 30px; } .relatedProducts{ margin-top: 30px; } .relatedProductsList .swiper-button-prev{ left: 0; } .relatedProductsList .swiper-button-next{ right: 0; } .relatedProductsList .swiper-container{ width: 880px; } /*************/ .specializedColumn a,.specializedColumn span,.specializedColumn{ font-size: 14px; } .specializedTopLeft{ width: 98%; font-size: 14px; line-height: 40px; } .specializedTopRight{ width: 98%; } /***********/ .dynamically .swiper-container{ width: 1150px; } .fieldMain{ margin-top: 40px; } /**********/ .obtain .professionalList p{ font-size: 14px; line-height: 40px; } /*************/ .industryNews{ width: 1050px; } .industryNewsTotal{ width: 510px; } .industryNewsTotal a{ font-size: 16px; line-height: 26px; } .industryNewsTotal p{ margin-top: 6px; } .newsThreeList{ margin-top: 50px; } .newsNoPicList ul li{ margin-top: 50px; } .newsSosoTitle{ font-size: 16px; margin-top: 20px; } .sosoKeyWord,.sosoInput,.sosoBegin{ margin-top: 30px; } .sosoBegin a{ font-size:16px; } .newsSoso{ margin-top: 30px; height: 215px; } /************/ .platformTotalMain{ margin-top: 60px; margin-bottom: 40px; } .chemistry{ width: 390px; height: 100px; } .chemistryTitle{ font-size: 22px; } .chemistryMore{ margin-top: 10px; } .carousel-content h2{ font-size: 30px; } } @media (max-width: 1365px) and (min-width: 1200px){ /****底部新增***/ .footleftin { width: 73%; border-right: 1px solid #2d60af; } /****底部新增***/ /*******/ .indexTop{ height: auto; } .navigationBar{ top: 50px; } .simple a{ font-size: 12px; line-height: 50px; } .simple span{ line-height: 50px; } .input{ margin-top: 7px; } .soso button{ margin-left: 30px; line-height: 50px; } .soso button img{ width: 22px; } .navbar-default .navbar-nav>li>a,.secondaryNavigation a{ font-size: 14px; } .navbar-brand>img{ width: 160px; } .navbar-default .navbar-nav>li>a{ line-height: 70px; } .secondaryNavigation{ top: 70px; } .navbar-default .navbar-brand img{ display: inline; width: 160px; } .navbar-default .navbar-brand{ margin-top: 20px; line-height: 70px; } .banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 8px; } .banner .swiper-pagination-bullet{ width: 16px; height: 16px; } .banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 15px; } /************/ .aboutUsText span{ font-size: 42px; line-height: 64px; } .aboutUsEn{ font-size: 24px; } .introductionList{ margin-right: 45px; } .aboutUsLeftTotal{ margin-right: 80px; } .introductionList ul li{ width: 170px; font-size: 22px; height: 45px; line-height: 45px; letter-spacing: 4px; margin-top: 12px; } .aboutUs{ padding-top: 28px; } .aboutUsText{ margin:15px 0; } .aboutUsRightText{ width: 700px; } .aboutUsRightText p{ font-size: 16px; line-height: 2em; } .aboutUsLeft{ width: 35%; } .aboutUsRight{ width: 65%; } .aboutUsRightList{ width: 745px; } /**********/ .serviceTitle{ margin-top: 40px; } .serviceTitle span{ font-size: 30px; line-height: 30px; } .serviceMain{ margin-top: 30px; } .serviceMainList{ width: 1170px; } .serviceMainList ul li a{ font-size: 26px; } /***********/ .platformTotal{ margin-top: 15px; } .fzjgimg { width: 100% !important; margin: 0px; float: none; } .fzjgimg2 { width: 100% !important; float: right; } .platformListDetailsTitle{ line-height: 38px; } .platformListDetailsInfo{ } .platformListDetailsMore{ margin-top: 20px; } .platformListDetailsMore a{ font-size: 15px; } .platformListDetailsMore a img{ width: 18px; margin-top: -2px; } .platformList{ margin-top: 70px; } .platformTotal .serviceTitle span{ width: 180px; } .platformListDetailsMain{ } /**************/ .aboutUsMore{ font-size: 15px; } .solutionTotal{ padding-bottom: 70px; } .solutionTotal,.solutionTitle{ margin-top: 35px; } .solutionTitle{ font-size: 30px; line-height: 50px; } .solutionMore a{ font-size: 15px; } .solutionMore a img{ width: 18px; margin-top: -2px; } /**************/ .nerveInfoListTitle ul li{ font-size: 22px; width: 140px; } .nerveInfoListTitle ul li.on{ font-size: 32px; } .nerveInfoListTitle a{ font-size: 15px; margin-top: 13px; } .nerveInfoListTitle a img{ width: 18px; margin-top: -2px; } .nerveInfoListArticleTitle{ font-size: 32px; } .nerveInfoListArticleInfo{ font-size: 16px; line-height: 30px; } .nerveInfoListTitle{ margin-top: 40px; } .nerveInfoListArticle{ margin-top: 25px; } .nerveInfoListSwiper{ margin-top: 35px; } .nerveInfoListArticleInfo{ width: 100%; } /****************/ .joinUs{ margin-top: 30px; } .joinUsList{ margin-top: 25px; } .joinUsListMain{ margin-right: 70px; } .teamBuilding{ margin-left: 70px; margin-right: 0; } .recruitmentInformationText{ font-size: 24px; } .joinUsListMainMore a{ font-size: 15px; } .joinUsListMainMore a img{ width: 18px; margin-top: -3px; } #allmap{ height: 400px; } /**********/ .footerTop{ padding-top: 40px; padding-bottom: 40px; } .footerTopMain{ width: 1170px; } /**********/ .serviceBannerMain{ bottom: 100px; } .serviceBannerText p.serviceCh{ font-size: 18px; } .serviceBannerText p.serviceEn{ font-size: 18px; } .overview{ margin-top: 20px; } .serviceBanner{ height: 540px; } /*********/ .servicePageMain{ padding-top: 50px; padding-bottom: 20px; } .equipmentDevelopmentDesign{ margin-bottom: 28px; } .development p{ font-size: 28px; line-height: 28px; margin-bottom: 14px; } .development a{ font-size: 16px; } .development a img{ width: 20px; margin-top: -2px; } .developmentImg>img{ width: 676px; } .developmentImgPatent>img{ width: 480px; } /***********/ .serviceLevelPageNav ul li{ font-size: 22px; } .serviceLevelPageContent{ width: 920px; margin-top: 40px; padding-bottom: 40px; } .serviceLevelPageNav{ margin-top: 50px; } .serviceLevelPageContent p{ line-height: 32px; } /*************/ .aboutUsMainList{ padding-top: 50px; } .developmentHistory ul li{ margin-bottom: 22px; } .developmentHistory ul li a{ font-size: 26px; } .developmentHistoryMain p{ font-size: 16px; line-height: 2em; } .developmentHistoryInfo{ width: 890px; } .processMore{ font-size: 16px; } .processMore img{ width: 20px; } /*********/ .companyIntroduction{ padding-top: 40px; padding-bottom: 30px; } .IntroArticleTitle{ font-size: 32px; line-height: 32px; margin-top: 20px; } .IntroArticle{ width: 550px; } .IntroArticle p{ margin-top: 20px; font-size: 16px; line-height: 2em; } .IntroArticlePic span{ font-size: 32px; line-height: 32px; } .IntroArticleMore img{ width: 20px; } .IntroArticleMore{ font-size: 16px; } /***********/ .deveHistory{ padding-bottom: 140px; } .deveHistoryTitle{ font-size: 34px; margin-top: 30px; } .deveHistory p{ font-size: 24px; margin-top: 35px; } .orientation a{ font-size: 16px; } .orientation a img{ width: 20px; } /*****************/ .pharmaceutical{ padding-top: 30px; padding-bottom: 30px; } .pharmaFluid{ width: 560px; } .pharmaFluid{ height: 391px; } .pharmaFluidBottom { height: 267px; } .pharmaFluidTopTitle{ font-size: 26px; margin-top: 40px; } .pharmaFluidTopMore a img{ width: 20px; } /**********/ .intellectual{ padding-bottom: 65px; margin-bottom: 20px; } .intellectualTitle{ font-size: 32px; margin-top: 20px; } .pctPosition span{ font-size: 28px; margin-bottom: 5px; } .pctPosition a img{ width: 20px; } .pct{ width: 160px; } /**********/ .developmentProcess{ width: 900px; margin-top: -20px; } .developmentProcessTitle{ font-size: 24px; } .endTotal{ margin-bottom: 40px; } .beginSpot{ margin-top: 40px; } .totalLeft{ margin-left: 280px; } .totalLefts{ margin-left: 282px; } /***********/ .companyProfile p img{ margin-top: 25px; } .companyProfile{ padding-bottom: 20px; } .companyProfile p{ font-size: 17px; line-height: 36px; } /******************/ .intellProp{ width: 910px; } .intellPic a{ margin-right: 25px; width: 162px; margin-top: 15px; margin-bottom: 15px; } .intellProp ul li a.intellPropLink{ font-size: 32px; } .intellPropRight { right: 190px; width: 22px; } .intellPropRight img{ width: 100%; } /********/ .joinUsPageTotal { padding-top: 20px; padding-bottom: 20px; } .recruitment{ font-size: 32px; } .joinUsPageTotalText a{ width: 140px; font-size: 16px; height: 42px; line-height: 42px; background-position: 107px center; background-size: 18px auto; } .cam{ margin-top: 20px; } .camRecr{ margin-top: 90px; } .joinUsPageTotalText a:hover{ background: #26549c url("../images/solutionMore.png") no-repeat 107px center; background-size: 18px auto; } /************/ .teamBuildingMain{ margin-top: 40px; padding-bottom: 15px; } .annualMeeting{ width: 550px; } .annualMeetingTitle a{ font-size: 26px; line-height: 60px; } .driving{ padding-top: 5px; } .travelPic{ width: 370px; } .travelTitle a{ font-size: 20px; } /*** .campusRecruitmentTitle{ font-size: 24px; line-height: 50px; }****/ /**********/ .teamBuildDetailsTitle{ font-size: 26px; margin-top: 40px; } .teamConsLeft span{ font-size: 26px; } .teamConsMain{ width: 1050px; } .teamConsMain .swiper-slide{ font-size: 18px; line-height: 26px; } /*********/ .moreExc{ font-size: 20px; margin-top: 25px; margin-bottom: 25px; } .moreExcTotal{ width: 370px; } .moreExcTitle{ font-size: 20px; } .moreExcList{ margin-bottom: 40px; } /******************/ .solutionOverviewMain{ margin-top: 20px; padding-top: 70px; padding-bottom: 150px; margin-bottom: 20px; } .solutionListMainText{ font-size: 18px; line-height: 36px; } .solutionListMain ul li{ width: 290px; margin-left: 49px; } .solutionListMain ul li:nth-of-type(4){ margin-left: 217px; margin-top: -60px; } .solutionListMain ul li:nth-of-type(5){ margin-top: -60px; } .solutionListMain ul li:nth-of-type(6){ margin-top: -60px; } .solutionListMain ul li:nth-of-type(7){ margin-top: -60px; } .solutionListMain ul li:nth-of-type(8){ margin-top: -60px; } /************/ .continuous ul li a span{ line-height: 22px; padding-left: 25px; padding-right: 25px; } .continuous ul li a{ font-size: 18px; height: 70px; width: 190px; } .reactorTitle{ font-size: 24px; } .reactorTotal p{ font-size: 14px; line-height: 32px; margin-top: 20px; } .relatedProducts{ margin-top: 25px; } .relatedProductsList .swiper-button-prev{ left: 0; } .relatedProductsList .swiper-button-next{ right: 0; } .relatedProductsList .swiper-container{ width: 700px; } .selectSwiper img{ width: 14px; } .relatedProductsList .swiper-button-next, .relatedProductsList .swiper-button-prev{ width: 50px; height: 50px; margin-top: -25px; } .relatedProductsList .swiper-button-next, .relatedProductsList .swiper-container-rtl .swiper-button-prev,.relatedProductsList .swiper-button-prev, .relatedProductsList .swiper-container-rtl .swiper-button-next{ background-size: 50px 50px; } /********/ .hotline{ font-size: 16px; line-height: 32px; } /*************/ .specializedColumn a,.specializedColumn span,.specializedColumn{ font-size: 15px; } .specializedTopLeft{ width: 98%; font-size: 17px; line-height: 36px; } .specializedTopRight{ width: 98%; } /**************/ .dynamically .swiper-container{ width: 992px; } .fieldMain{ margin-top: 30px; } /**********/ .obtain .professionalList p{ font-size: 16px; line-height: 32px; } /*************/ .industryNews{ width: 900px; } .industryNewsTotal{ width: 440px; } .industryNewsTotal a{ font-size: 18px; line-height: 22px; } .industryNewsTotal p{ margin-top: 6px; line-height: 24px; } .newsThreeList{ margin-top: 40px; } .newsNoPicList ul li{ margin-top: 40px; } .newsSosoTitle{ font-size: 19px; margin-top: 20px; } .sosoKeyWord,.sosoInput,.sosoBegin{ margin-top: 25px; } .sosoBegin a{ font-size: 19px; } .newsSoso{ margin-top: 25px; height: 205px; } /************/ .platformTotalMain{ margin-top: 40px; margin-bottom: 30px; } .chemistry{ width: 340px; height: 95px; } .chemistryTitle{ font-size: 28px; } .chemistryMore{ margin-top: 0; } .movePosition{ left: 90px; } .laboratoryTwo{ bottom: 170px; } .carousel-content p{ } .carousel-content h2{ } } @media (max-width: 1199px) and (min-width: 992px){ .w850{width:100%;margin: 0 auto;} /**底部新增**/ .footleftin { width: 100%; border-right: 0px solid #2d60af; } .footleft { float: none; } .footerrightin { width: 100%; text-align:center; margin: 50px 0; } .footright { float: none; } /**底部新增**/ .jiejuefangannav{ width:20%; } .indexTop{ height: auto; } .navigationBar{ top: 48px; } .simple a{ font-size: 15px; line-height: 48px; } .simple span{ line-height: 48px; } .input{ margin-top: 5px; } .soso button{ margin-left: 22px; line-height: 48px; } .soso button img{ width: 16px; } .navbar-default .navbar-nav>li>a,.secondaryNavigation a{ font-size: 15px; } .navbar-default .navbar-nav>li>a{ line-height: 60px; } .secondaryNavigation{ top: 60px; } .navbar-default .navbar-brand img{ display: inline; width: 160px; } .navbar-default .navbar-brand{ margin-top: 20px; line-height: 60px; } .secondaryNavigation{ width: 240px; } .banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 6px; } .banner .swiper-pagination-bullet{ width: 14px; height: 14px; } .banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 12px; } .input input{ font-size: 14px; line-height: 28px; } /*****************/ .aboutUs{ padding-top: 20px; } .aboutUsText span{ display: inline-block; font-size: 34px; letter-spacing: 5px; line-height: 40px; } .aboutUsLeftTotal{ margin-right: 0; } .aboutUsLeft{ width: 100%; } .aboutUsMainRight,.aboutUsLeft,.aboutUsLeftTotal,.introductionList,.aboutUsRight{ float: none; } .aboutUsText{ margin-top: 20px; text-align: center; } .aboutUsEn{ font-size: 22px; text-align: center; } .introductionList{ margin-right: 0; } .introductionList ul{ display:flex; display: -webkit-flex; flex-wrap:wrap; justify-content:center; } .introductionList ul li{ width: 30%; font-size: 20px; height: 40px; line-height: 40px; letter-spacing: 3px; margin-top: 10px; margin-left: 10px; margin-right: 10px; } .aboutUsRight,.aboutUsRightList,.aboutUsRightText{ width: 100%; margin-left: 0; margin-top: 30px; } .aboutUsLeft img{ left: 50%; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); bottom: -28px; top: auto; } .aboutUsLeft{ padding: 50px; } .aboutUsRightText{ position: static; top: 0; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); } .aboutUsRightList{ padding-left: 15px; padding-right: 15px; padding-bottom: 25px; } .aboutUsRightText p{ font-size: 18px; line-height: 2em; } .aboutUsMore{ right: 15px; font-size: 16px; } .aboutUsMore img{ width: 20px; } /**********/ .serviceTitle{ margin-top: 35px; } .serviceTitle span{ font-size: 28px; line-height: 28px; } .serviceMain{ margin-top: 28px; } .serviceMainList{ width: 970px; } .serviceMainList ul li a{ font-size: 24px; letter-spacing: 6px; } /***********/ .platformTotal{ margin-top: 10px; } .platformListDetailsTitle{ line-height: 34px; } .platformListDetailsInfo{ } .platformListDetailsMore{ margin-top: 15px; } .platformListDetailsMore a{ font-size: 15px; } .platformListDetailsMore a img{ width: 18px; margin-top: -2px; } .platformList{ margin-top: 50px; } .platformTotal .serviceTitle span{ width: 160px; } .platformListDetailsMain{ width: 90%; } /***********/ .solutionTotal{ padding-bottom: 60px; } .solutionTotal,.solutionTitle{ margin-top: 35px; } .solutionTitle{ font-size: 28px; line-height: 46px; } .solutionMore a{ font-size: 15px; } .solutionMore a img{ width: 18px; margin-top: -2px; } .solutionList{ width: 970px; } .solutionList ul li{ width: 200px; } .solutionList ul li span{ font-size: 18px; padding-left: 15px; padding-right: 15px; } .solutionList ul li:nth-of-type(1){ margin-left: 106px; } .solutionList ul li:nth-of-type(5){ margin-top: -50px; } .solutionList ul li:nth-of-type(6){ margin-top: -50px; } .solutionList ul li:nth-of-type(7){ margin-top: -50px; } .solutionList ul li:nth-of-type(8){ margin-top: -50px; } /**************/ .nerveInfoListTitle ul li{ font-size: 20px; width: 130px; } .nerveInfoListTitle ul li.on{ font-size: 26px; } .nerveInfoListTitle a{ font-size: 15px; margin-top: 13px; } .nerveInfoListTitle a img{ width: 17px; margin-top: -2px; } .nerveInfoListArticleTitle{ font-size: 26px; margin-top: 20px; } .nerveInfoListArticleInfo{ font-size: 16px; line-height: 25px; margin-top: 10px; } .nerveInfoListTitle{ margin-top: 30px; } .nerveInfoListArticle{ margin-top: 20px; } .nerveInfoListSwiper{ margin-top: 30px; } .nerveInfoListArticleInfo{ width: 96%; } /****************/ .joinUs{ margin-top: 25px; } .joinUsList{ margin-top: 20px; } .joinUsListMain{ margin-right: 40px; } .teamBuilding{ margin-left: 40px; margin-right: 0; } .recruitmentInformationText{ font-size: 23px; margin-top: 15px; } .joinUsListMainMore a{ font-size: 15px; } .joinUsListMainMore a img{ width: 17px; margin-top: -3px; } #allmap{ height: 380px; } /**********/ .footerTop{ padding-top: 35px; padding-bottom: 35px; } .footerTopMain{ width: 970px; } .footerLogo{ margin-right: 25px; } .footerLogo img{ width: 180px; } .footerCompany{ font-size: 18px; letter-spacing: 9px; } .footerList{ margin-left: 25px; width: 390px; } .chapter{ margin-right: 30px; } /**********/ .serviceBannerMain{ bottom: 90px; } .serviceBannerText p.serviceCh{ font-size: 18px; } .serviceBannerText p.serviceEn{ font-size: 18px; } .overview{ margin-top: 15px; } .serviceBanner{ height: 500px; } /*********/ .servicePageMain{ padding-top: 40px; padding-bottom: 15px; } .equipmentDevelopmentDesign{ margin-bottom: 22px; } .development p{ font-size: 22px; line-height: 22px; margin-bottom: 12px; } .development a{ font-size: 16px; } .development a img{ width: 18px; margin-top: -2px; } .developmentImg>img{ width: 550px; } .developmentImgPatent>img{ width: 390px; } /***********/ .serviceLevelPageNav ul li{ font-size: 20px; } .serviceLevelPageContent{ width: 730px; margin-top: 30px; padding-bottom: 30px; } .serviceLevelPageNav{ margin-top: 40px; } .serviceLevelPageContent p{ line-height: 30px; } /*************/ .aboutUsMainList{ padding-top: 40px; } .developmentHistory ul li{ margin-bottom: 20px; } .developmentHistory ul li a{ width: 200px; font-size: 22px; height: 45px; line-height: 45px; letter-spacing: 5px; } .developmentHistoryMain p{ font-size: 14px; line-height: 2em; } .developmentHistoryInfo{ width: 710px; } .processMore{ font-size: 15px; } .processMore img{ width: 19px; } /*********/ .companyIntroduction{ padding-top: 30px; padding-bottom: 20px; } .IntroArticleTitle{ font-size: 28px; line-height: 28px; margin-top: 15px; } .IntroArticle{ width: 450px; } .IntroArticle p{ margin-top: 15px; font-size: 14px; line-height: 2em; } .IntroArticlePic span{ font-size: 32px; line-height: 32px; } .IntroArticleMore img{ width: 20px; } .IntroArticleMore{ font-size: 16px; } /***********/ .deveHistory{ padding-bottom: 120px; } .deveHistoryTitle{ font-size: 32px; margin-top: 25px; } .deveHistory p{ font-size: 22px; margin-top: 30px; } .orientation a{ font-size: 16px; } .orientation a img{ width: 20px; } /*****************/ .pharmaceutical{ padding-top: 20px; padding-bottom: 20px; } .pharmaFluid{ width: 470px; } .pharmaFluid{ height: 324px; } .pharmaFluidBottom { height: 211px; } .pharmaFluidTopTitle{ font-size: 24px; margin-top: 30px; } .pharBottom span{ font-size: 17px; line-height: 24px; } .pharmaFluidTopMore a{ font-size: 16px; } .pharmaFluidTopMore a img{ width: 18px; } /**********/ .intellectual{ padding-bottom: 55px; } .intellectualTitle{ font-size: 28px; margin-top: 15px; } .pctPosition span{ font-size: 24px; margin-bottom: 5px; } .pctPosition a{ font-size: 16px; } .pctPosition a img{ width: 20px; } .pct{ width: 150px; } /**********/ .developmentProcess{ width: 740px; margin-top: -10px; } .developmentProcessTitle{ font-size: 24px; } .endTotal{ margin-bottom: 30px; } .beginSpot{ margin-top: 30px; } .totalLeft{ margin-left: 220px; } .totalLefts{ margin-left: 222px; } .yearsMonthsTime{ width: 150px; left: -185px; } .yearsMonthsInfo{ width: 470px; line-height: 22px; } /***********/ .companyProfile p img{ margin-top: 20px; } .companyProfile{ padding-bottom: 20px; } .companyProfile p{ font-size: 17px; line-height: 32px; } /******************/ .intellProp{ width: 750px; } .intellPic a{ margin-right: 20px; width: 134px; margin-top: 15px; margin-bottom: 10px; } .intellProp ul li a.intellPropLink{ font-size: 28px; } .intellPropRight { right: 190px; width: 20px; } .intellPropRight img{ width: 100%; } /********/ .joinUsPageTotal { padding-top: 20px; padding-bottom: 20px; } .recruitment{ font-size: 32px; } .joinUsPageTotalText a{ width: 140px; font-size: 16px; height: 42px; line-height: 42px; background-position: 107px center; background-size: 18px auto; } .cam{ margin-top: 10px; } .camRecr{ margin-top: 60px; } .joinUsPageTotalText a:hover{ background: #26549c url("../images/solutionMore.png") no-repeat 107px center; background-size: 18px auto; } /************/ .teamBuildingMain{ margin-top: 30px; padding-bottom: 10px; } .annualMeeting{ width: 460px; } .annualMeetingTitle a{ font-size: 23px; line-height: 50px; } .driving{ padding-top: 0; } .travelPic{ width: 300px; } .travelTitle a{ font-size: 18px; } /**** .campusRecruitmentTitle{ font-size: 24px; line-height: 46px; }***/ .campusRecruitmentTime{ margin-top: 15px; padding-bottom: 20px; } .campusRecruitmentTotal p img{ margin-top: 25px; margin-bottom: 15px; } /**********/ .teamBuildDetailsTitle{ font-size: 24px; margin-top: 34px; } .teamConsLeft span{ font-size: 22px; } .teamConsMain{ width: 860px; } .teamConsMain .swiper-slide{ font-size: 16px; line-height: 24px; } .gallery-top .swiper-button-prev.swiper-button-white, .gallery-top .swiper-container-rtl .swiper-button-next.swiper-button-white{ width: 60px; height: 80px; margin-top: -40px; background-size: 20px auto; } .gallery-top .swiper-button-next.swiper-button-white,.gallery-top .swiper-container-rtl .swiper-button-prev.swiper-button-white{ width: 60px; height: 80px; margin-top: -40px; background-size: 20px auto; } /*********/ .moreExc{ font-size: 18px; margin-top: 20px; margin-bottom: 20px; } .moreExcTotal{ width: 300px; } .moreExcTitle{ font-size: 18px; } .moreExcList{ margin-bottom: 35px; } /******************/ .solutionOverList { width: 100%; } .solutionOverviewMain{ margin-top: 20px; padding-top: 50px; padding-bottom: 120px; margin-bottom: 20px; } .solutionListMainText{ font-size: 16px; line-height: 32px; } .solutionListMain ul li{ width: 270px; margin-left: 40px; } .solutionListMain ul li:nth-of-type(4){ margin-left: 195px; margin-top: -60px; } .solutionListMain ul li:nth-of-type(5){ margin-top: -60px; } .solutionListMain ul li:nth-of-type(6){ margin-top: -60px; } .solutionListMain ul li:nth-of-type(7){ margin-top: -60px; } .solutionListMain ul li:nth-of-type(8){ margin-top: -60px; } /************/ .continuous ul li a{ font-size: 16px; height: 60px; width: 180px; } .continuous ul li a span{ line-height: 20px; padding-left: 15px; padding-right: 15px; } .reactorTitle{ font-size: 24px; margin-top: 0; } .reactorTotal p{ font-size: 14px; line-height: 28px; margin-top: 15px; } .relatedProductsText{ font-size: 18px; } .relatedProducts{ margin-top: 25px; } .relatedProductsList .swiper-button-prev{ left: 0; } .relatedProductsList .swiper-button-next{ right: 0; } .relatedProductsList .swiper-container{ width: 650px; } .selectSwiper img{ width: 12px; } .relatedProductsList .swiper-button-next, .relatedProductsList .swiper-button-prev{ width: 40px; height: 40px; margin-top: -20px; } .relatedProductsList .swiper-button-next, .relatedProductsList .swiper-container-rtl .swiper-button-prev,.relatedProductsList .swiper-button-prev, .relatedProductsList .swiper-container-rtl .swiper-button-next{ background-size: 40px 40px; } .relatedProductsList .swiper-slide a{ font-size: 18px; letter-spacing: 2px; margin-top: 0; } .hotline{ font-size: 16px; line-height: 28px; } /*************/ .specializedColumn a,.specializedColumn span,.specializedColumn{ font-size: 15px; } .specializedTopLeft{ width: 98%; font-size: 16px; line-height: 32px; } .specializedTopRight{ width: 98%; } /**************/ .dynamically .swiper-container{ width: 800px; } .relatedProductsList .swiper-slide a{ font-size: 17px; } .fieldMain{ margin-top: 20px; } /**********/ .obtain .professionalList p{ font-size: 16px; line-height: 28px; } /*************/ .industryNews{ width: 740px; } .industryNewsTotal{ width: 360px; } .industryNewsTotal a{ font-size: 16px; line-height: 20px; } .industryNewsTotal p{ margin-top: 6px; font-size: 14px; line-height: 20px; } .newsThreeList{ margin-top: 40px; } .newsNoPicList ul li{ margin-top: 30px; } .newsSosoTitle{ font-size: 18px; margin-top: 15px; } .sosoKeyWord{ width: 70px; } .sosoKeyWord,.sosoInput,.sosoBegin{ margin-top: 25px; } .sosoBegin a{ font-size: 18px; } .newsSoso{ width: 200px; margin-top: 25px; height: 195px; } .newsThreeList .swiper-slide a{ font-size: 15px; } .newsNoPicList ul li a{ font-size: 19px; } /************/ .platformTotalMain{ margin-top: 30px; margin-bottom: 20px; } .chemistry{ width: 270px; height: 80px; } .chemistryMore a{ font-size: 16px; } .chemistryMore a img{ width: 20px; } .chemistryTitle{ font-size: 24px; } .chemistryMore{ margin-top: 0; } .movePosition{ left: 90px; top: 185px; } .laboratoryTwo{ bottom: 120px; } .laboratoryOne{ top: 255px; } .carousel-content p{ } .carousel-content h2{ } } @media (max-width: 991px) and (min-width: 768px){ .w850{width:100%;margin: 0 auto;} /**底部新增**/ .footleftin { display:none; } .footleft { float: none; } .footerrightin { width: 100%; text-align:center; margin: 50px 0; } .footright { float: none; } /**底部新增**/ .jiejuefangannav{ width:20%;} .indexTop{ height: auto; } .navigationBar{ top: 48px; border-width: 1px; } .secondaryNavigation img{ margin-top: 2px; } .simple a{ font-size: 15px; line-height: 48px; } .simple span{ line-height: 48px; } .input{ margin-top: 5px; } .soso button{ margin-left: 22px; line-height: 48px; } .soso button img{ width: 16px; } .navbar-default .navbar-nav>li>a,.secondaryNavigation a{ font-size: 15px; } .navbar-default .navbar-nav>li>a{ line-height: 50px; } .secondaryNavigation{ top: 50px; } .navbar-default .navbar-brand img{ display: inline; width: 120px; } .navbar-default .navbar-brand{ margin-top: 24px; line-height: 50px; } .secondaryNavigation{ width: 220px; } .banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 6px; } .banner .swiper-pagination-bullet{ width: 12px; height: 12px; } .banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 10px; } .input input{ font-size: 14px; line-height: 28px; } /*****************/ .aboutUs{ padding-top: 15px; } .aboutUsText span{ display: inline-block; font-size: 30px; letter-spacing: 5px; line-height: 30px; } .aboutUsLeftTotal{ margin-right: 0; } .aboutUsLeft{ width: 100%; } .aboutUsMainRight,.aboutUsLeft,.aboutUsLeftTotal,.introductionList,.aboutUsRight{ float: none; } .aboutUsText{ margin-top: 15px; text-align: center; } .aboutUsEn{ font-size: 20px; text-align: center; } .introductionList{ margin-right: 0; } .introductionList ul{ display:flex; display: -webkit-flex; flex-wrap:wrap; justify-content:center; } .introductionList ul li{ width: 30%; font-size: 20px; height: 40px; line-height: 40px; letter-spacing: 3px; margin-top: 10px; margin-left: 10px; margin-right: 10px; } .aboutUsRight,.aboutUsRightList,.aboutUsRightText{ width: 100%; margin-left: 0; margin-top: 30px; } .aboutUsLeft img{ left: 50%; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); bottom: -28px; top: auto; } .aboutUsLeft{ padding-bottom: 20px; } .aboutUsRightText{ position: static; top: 0; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); } .aboutUsRightList{ padding-left: 15px; padding-right: 15px; padding-bottom: 25px; } .aboutUsRightText p{ font-size: 18px; line-height: 30px; } .aboutUsMore{ right: 15px; font-size: 15px; line-height: 15px; } .aboutUsMore img{ width: 18px; margin-top: -4px; } /**********/ .serviceTitle{ margin-top: 30px; } .serviceTitle span{ font-size: 26px; line-height: 26px; } .serviceMain{ margin-top: 26px; } .serviceMainList{ width: 750px; } .serviceMainList ul li a{ font-size: 22px; letter-spacing: 5px; } /***********/ .platformTotal{ margin-top: 5px; } .platformListDetailsTitle{ font-size:16px; } .platformListDetailsInfo{ margin-top: 15px; line-height: 24px; } .platformListDetailsMore{ margin-top: 15px; } .platformListDetailsMore a{ font-size: 15px; } .platformListDetailsMore a img{ width: 18px; margin-top: -4px; } .platformList{ margin-top: 40px; } .platformTotal .serviceTitle span{ width: 140px; } .platformListDetailsMain{ width: 90%; } /***********/ .solutionTotal{ padding-bottom: 40px; } .solutionTotal,.solutionTitle{ margin-top: 25px; } .solutionTitle{ font-size: 26px; line-height: 36px; } .solutionMore a{ font-size: 15px; } .solutionMore a img{ width: 18px; margin-top: -2px; } .solutionList{ width: 750px; } .solutionList ul li{ width: 175px; margin-right: 16px; margin-bottom: 20px; } .solutionList ul li span{ font-size: 16px; line-height: 24px; padding-left: 10px; padding-right: 10px; } .solutionList ul li:nth-of-type(1){ margin-left: 0; } .solutionList ul li:nth-of-type(5){ margin-top: 0; } .solutionList ul li:nth-of-type(6){ margin-top: 0; } .solutionList ul li:nth-of-type(7){ margin-top: 0; } .solutionList ul li:nth-of-type(8){ margin-top: 0; margin-right: 0; } /**************/ .nerveInfoListTitle ul li{ font-size: 18px; width: 120px; } .nerveInfoListTitle ul li.on{ font-size: 22px; } .nerveInfoListTitle a{ font-size: 14px; margin-top: 13px; } .nerveInfoListTitle a img{ width: 17px; margin-top: -2px; } .nerveInfoListArticleTitle{ font-size: 22px; margin-top: 5px; } .nerveInfoListArticleInfo{ font-size: 16px; line-height: 28px; margin-top: 10px; } .nerveInfoListTitle{ margin-top: 20px; } .nerveInfoListArticle{ margin-top: 10px; } .nerveInfoListSwiper{ margin-top: 20px; } .nerveInfoListArticleInfo{ width: 95%; } /****************/ .joinUs{ margin-top: 20px; } .joinUsList{ margin-top: 15px; } .joinUsListMain{ margin-right: 30px; } .teamBuilding{ margin-left: 30px; } .recruitmentInformationText{ font-size: 22px; margin-top: 10px; } .joinUsListMainMore a{ font-size: 15px; } .joinUsListMainMore a img{ width: 16px; margin-top: -3px; } .recruitmentInformation img{ width: 100%; } /****************/ .joinUs{ margin-top: 20px; } .joinUsList{ margin-top: 15px; } .joinUsListMain{ margin-right: 20px; } .teamBuilding{ margin-left: 20px; margin-right: 0; } .recruitmentInformationText{ font-size: 22px; margin-top: 15px; } .joinUsListMainMore a{ font-size: 15px; } .joinUsListMainMore a img{ width: 16px; margin-top: -3px; } .recruitmentInformation{ text-align: center; } .recruitmentInformation img{ width: 98%; } #allmap{ height: 350px; } /**********/ .footerTopMainLeft { width: 620px; margin: 0 auto; float: none; } .footerTopMainRight{ float: none; width: 100%; display:flex; display: -webkit-flex; flex-wrap:wrap; justify-content:center; margin-top: 30px; } .code p{ font-size: 18px; text-align: center; } .footerTop{ padding-top: 25px; padding-bottom: 25px; } .footerTopMain{ width: 750px; } .footerLogo{ margin-right: 25px; } .footerLogo img{ width: 140px; } .footerCompany{ font-size: 18px; letter-spacing: 9px; } .footerList{ margin-left: 25px; width: 390px; } .chapter{ float: none; margin-right: 0; } .code{ float: none; } .footerTopMainRight div{ width: 50%; text-align: center; } /**********/ .serviceBannerMain{ bottom: 70px; } .serviceBannerText p.serviceCh{ font-size:18px; } .serviceBannerText p.serviceEn{ font-size: 18px; } .overview{ margin-top: 15px; } .serviceBanner{ height: 400px; } /*********/ .servicePageMain{ padding-top: 30px; padding-bottom: 10px; } .equipmentDevelopmentDesign{ margin-bottom: 22px; } .development p{ font-size: 22px; line-height: 22px; margin-bottom: 10px; } .development a{ font-size: 15px; } .development a img{ width: 17px; margin-top: -2px; } .developmentImg>img{ width: 424px; } .developmentImgPatent>img{ width: 300px; } /***********/ .serviceLevelPageNav ul li{ font-size: 18px; } .serviceLevelPageContent{ width: 510px; margin-top: 20px; padding-bottom: 20px; } .serviceLevelPageNav{ margin-top: 30px; } .serviceLevelPageContent p{ line-height: 30px; font-size: 16px; } /*************/ .aboutUsMainList{ padding-top: 20px; } .developmentHistory ul li{ margin-bottom: 10px; } .developmentHistory ul li a{ width: 200px; font-size: 19px; height: 43px; line-height: 43px; letter-spacing:4px; } .developmentHistoryMain p{ font-size: 14px; line-height: 2em; } .developmentHistoryInfo{ width: 510px; } .processMore{ bottom: 10px; font-size: 15px; } .processMore img{ width: 18px; } /*********/ .companyIntroduction{ padding-top: 20px; padding-bottom: 15px; } .IntroArticleTitle{ font-size: 23px; line-height: 24px; margin-top: 10px; } .IntroArticle{ width: 340px; } .IntroArticle p{ margin-top: 10px; font-size: 14px; line-height: 2em; } .IntroArticlePic span{ font-size: 26px; line-height: 26px; left: 20px; top: 20px; } .IntroArticleMore img{ width: 20px; } .IntroArticleMore{ font-size: 15px; } /***********/ .deveHistory{ padding-bottom: 100px; } .deveHistoryTitle{ font-size: 30px; margin-top: 20px; } .deveHistory p{ font-size: 20px; margin-top: 25px; line-height: 30px; } .orientation{ margin-top: 10px; } .orientation a{ font-size: 16px; } .orientation a img{ width: 18px; margin-top: -2px; } /*****************/ .pharmaceutical{ padding-top: 15px; padding-bottom: 15px; } .pharmaFluid{ width: 360px; } .pharmaFluid{ height: 251px; } .pharmaFluidBottom { height: 165px; } .pharmaFluidTopTitle{ font-size: 20px; margin-top: 10px; } .pharBottom span{ font-size: 14px; line-height: 20px; } .pharmaFluidTopMore{ margin-top: 0; } .pharmaFluidTopMore a{ font-size: 15px; } .pharmaFluidTopMore a img{ width: 17px; } /**********/ .intellectual{ padding-bottom: 35px; } .intellectualTitle{ font-size: 24px; margin-top: 10px; } .pctPosition span{ font-size: 20px; margin-bottom: 5px; } .pctPosition a{ font-size: 15px; } .pctPosition a img{ width: 18px; } .pct{ width: 140px; margin-top: 20px; } /**********/ .developmentProcess{ width: 520px; margin-top: -10px; } .developmentProcessTitle{ font-size: 24px; line-height: 50px; } .endTotal{ margin-bottom: 20px; } .beginSpot{ margin-top: 20px; } .totalLeft{ margin-left: 150px; } .totalLefts{ margin-left: 152px; } .yearsMonthsTime{ width: 120px; left: -145px; height: 40px; line-height: 40px; font-size: 16px; } .yearsMonthsInfo{ width: 330px; line-height: 22px; } /***********/ .companyProfile p img{ margin-top: 15px; } .companyProfile{ padding-bottom: 15px; } .companyProfile p{ font-size: 16px; line-height: 28px; } /******************/ .intellProp{ width: 530px; } .intellPic a{ margin-right: 20px; width: 163px; margin-top: 15px; margin-bottom: 10px; } .intellProp ul li a.intellPropLink{ font-size: 24px; } .intellPropRight { right: 190px; width: 14px; } .intellPropRight img{ width: 100%; } .intellPic a:nth-of-type(5n){ margin-right: 20px; } .intellPic a:nth-of-type(3n){ margin-right: 0; } /********/ .joinUsPageTotal { padding-top: 10px; padding-bottom: 10px; } .recruitment{ font-size: 22px; line-height: 24px; } .camRecr{ margin-top: 40px } .joinUsPageTotalText a{ width: 120px; font-size: 14px; height: 36px; line-height: 36px; background-position: 90px center; background-size: 16px auto; } .cam{ margin-top: 10px; } .camRecr{ margin-top: 40px; } .joinUsPageTotalText a:hover{ background: #26549c url("../images/solutionMore.png") no-repeat 90px center; background-size: 16px auto; } /************/ .teamBuildingMain{ margin-top: 20px; padding-bottom: 10px; } .annualMeeting{ width: 350px; } .annualMeetingTitle a{ font-size: 20px; line-height: 40px; } .driving{ padding-top: 0; } .travelPic{ width: 230px; } .travelTitle a{ font-size: 17px; } .travelMainTotal{ padding-top: 20px; padding-bottom: 10px; } /*** .campusRecruitmentTitle{ font-size: 24px; line-height: 32px; }****/ .campusRecruitmentTime{ margin-top: 15px; padding-bottom: 15px; } .campusRecruitmentTotal p img{ margin-top: 20px; margin-bottom: 10px; } /**********/ .teamBuildDetailsTitle{ font-size: 20px; margin-top: 25px; } .teamConsLeft span{ font-size: 20px; } .teamConsMain{ width: 630px; } .teamConsMain .swiper-slide{ font-size: 15px; line-height: 22px; } .gallery-top .swiper-button-prev.swiper-button-white, .gallery-top .swiper-container-rtl .swiper-button-next.swiper-button-white{ width: 60px; height: 80px; margin-top: -40px; background-size: 20px auto; } .gallery-top .swiper-button-next.swiper-button-white,.gallery-top .swiper-container-rtl .swiper-button-prev.swiper-button-white{ width: 60px; height: 80px; margin-top: -40px; background-size: 20px auto; } /*********/ .moreExc{ font-size: 16px; margin-top: 20px; margin-bottom: 20px; line-height: 24px; } .moreExcTotal{ width: 240px; } .moreExcTitle{ font-size: 16px; } .moreExcList{ margin-bottom: 25px; } /******************/ .solutionOverList { width: 100%; } .solutionOverviewMain{ margin-top: 20px; padding-top: 40px; padding-bottom: 80px; margin-bottom: 20px; } .solutionListMainText{ font-size: 21px; line-height: 30px; } .solutionListMain ul li{ width: 210px; margin-left: 30px; } .solutionListMain ul li:nth-of-type(4){ margin-left: 150px; margin-top: -50px; } .solutionListMain ul li:nth-of-type(5){ margin-top: -50px; } .solutionListMain ul li:nth-of-type(6){ margin-top: -50px; } .solutionListMain ul li:nth-of-type(7){ margin-top: -50px; } .solutionListMain ul li:nth-of-type(8){ margin-top: -50px; } .solutionListMore{ bottom: 50px; } .solutionListMore a img{ width: 20px; } /************/ .continuous ul li a{ font-size: 16px; height: 50px; width: 160px; } .continuous ul li a span{ line-height: 18px; letter-spacing: 2px; padding-left: 10px; padding-right: 10px; } .reactorTitle{ font-size: 24px; margin-top: 0; } .reactorTotal p{ font-size: 15px; line-height: 26px; margin-top: 10px; } .relatedProductsText{ font-size: 16px; margin-left: 30px; } .relatedProducts{ margin-top: 20px; } .relatedProductsList .swiper-button-prev{ left: 0; } .relatedProductsList .swiper-button-next{ right: 0; } .relatedProductsList .swiper-container{ width: 400px; } .selectSwiper{ margin-right: 30px; } .selectSwiper img{ width: 10px; } .relatedProductsList .swiper-button-next, .relatedProductsList .swiper-button-prev{ width: 30px; height: 30px; margin-top: -15px; } .relatedProductsList .swiper-button-next, .relatedProductsList .swiper-container-rtl .swiper-button-prev,.relatedProductsList .swiper-button-prev, .relatedProductsList .swiper-container-rtl .swiper-button-next{ background-size: 30px 30px; } .relatedProductsList .swiper-slide a{ font-size: 15px; letter-spacing: 2px; margin-top: 0; } .hotline{ font-size: 15px; line-height: 26px; } /*************/ .specializedColumn a,.specializedColumn span,.specializedColumn{ font-size: 15px; } .specializedTopLeft{ width: 98%; font-size: 16px; line-height: 28px; } .specializedTopRight{ width: 98%; } /**************/ .dynamically .swiper-container{ width: 600px; } .relatedProductsList .swiper-slide a{ font-size: 16px; } .fieldMain{ margin-top: 15px; } /**********/ .obtain .professionalList p{ font-size: 16px; line-height: 28px; } .specializedColumn{ margin-top: 10px; } /*************/ .industryNews{ width: 530px; } .industryNewsTotal{ width: 260px; } .industryNewsTotal a{ font-size: 15px; line-height: 18px; } .industryNewsTotal p{ margin-top: 6px; font-size: 14px; line-height: 20px; } .newsThreeList{ margin-top: 30px; } .newsNoPicList ul li{ margin-top: 30px; } .newsSosoTitle{ font-size: 16px; margin-top: 10px; } .sosoKeyWord{ width: 70px; } .sosoKeyWord,.sosoInput,.sosoBegin{ margin-top: 20px; height: 36px; line-height: 36px; } .sosoInput{ letter-spacing: 2px; } .sosoBegin a{ font-size: 16px; } .newsSoso{ width: 200px; margin-top: 20px; height: 165px; } .newsThreeList .swiper-slide a{ font-size: 15px; line-height: 17px; } .newsNoPicList ul li a{ font-size: 18px; } .newsNoPicList ul li p{ line-height: 22px; } .searchResult{ font-size: 16px; } /************/ .platformTotalMain{ margin-top: 20px; margin-bottom: 15px; } .chemistry{ width: 220px; height: 70px; } .chemistryMore a{ font-size: 14px; } .chemistryMore a img{ width: 18px; } .chemistryTitle{ font-size: 20px; line-height: 32px; } .chemistryMore{ margin-top: 0; } .movePosition{ left: 70px; top: 105px; } .laboratoryTwo{ bottom: 70px; } .laboratoryOne{ top: 185px; right: 65px; } .carousel-content p{ /*width: 50%;*/ } .carousel-content h2{ font-size: 22px; margin-bottom: 20px; } .carousel-content p{ font-size: 22px; } } @media (max-width: 767px){ .server_txt { font-size: 26px; font-weight: 300; } .w850{width:100%;margin: 0 auto;} /**底部新增**/ .index-aboutdiv{width: 100%; float: none;} .rm-container {width: 100%; float: none;} .about_index { margin: 15px; } .mapindex { height: auto; margin-bottom:15px; } .footleftin { display:none; } .footleft { float: none; } .footerrightin { width: 100%; text-align:center; margin: 20px 0; } .footright { float: none; } /**底部新增**/ .jiejuefangannav{ display:none;} #luocheng .col-md-6:nth-of-type(2){padding-left:0px;} #luocheng .col-md-6:nth-of-type(1){padding-right:0px;} .indexTop{ height: auto; padding-left: 15px; } .navigationBar{ top: 40px; border-width: 2px; border-width: 0; } .secondaryNavigation img{ margin-top: 0px; } .simple a{ font-size: 14px; line-height: 40px; } .simple span{ font-size: 14px; line-height: 40px; } .input{ margin-top: 5px; } .soso button{ margin-left: 22px; line-height: 40px; } .soso button img{ width: 16px; } .navbar-default .navbar-nav>li>a,.secondaryNavigation a{ font-size: 15px; } .navbar-default .navbar-nav>li>a{ line-height: 40px; } .secondaryNavigation{ top: 40px; } .navbar-default .navbar-brand img{ display: inline; width: 140px; } .navbar-default .navbar-brand{ margin-top: 0; line-height: 30px; } .secondaryNavigation{ width: 100%; z-index: 20; } .banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 4px; } .banner .swiper-pagination-bullet{ width: 8px; height: 8px; } .banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 6px; } .input input{ font-size: 13px; line-height: 24px; height: 24px; } .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{ margin-right: 0; margin-left: 0; width: 100%; } .navbar-header{ margin-top:-5px;z-index: 15; position: relative;} .navbar-header{ width: 100%; } .navbar-toggle{ margin-right: 15px; border: 0; margin-top: 0; padding: 9px 0px; margin-bottom: 0; } .navbar-default .navbar-toggle .icon-bar{ background: #fff; } .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{ background: transparent; } .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{ margin-left: 15px; } .navbar{ min-height: 32px; } .navbar-nav{ margin: 0; width: 100%; background: rgba(0,0,0,0.5); } .navbar-nav>li{ margin-right: 0; text-align: center; } /*****************/ .aboutUs{ padding-top: 5px; overflow: hidden; } .aboutUsText span{ display: inline-block; font-size: 22px; letter-spacing: 2px; line-height: 22px; } .aboutUsLeftTotal{ margin-right: 0; } .aboutUsLeft{ width: 100%; } .aboutUsMainRight,.aboutUsLeft,.aboutUsLeftTotal,.introductionList,.aboutUsRight{ float: none; } .aboutUsText{ margin-top: 10px; text-align: center; } .aboutUsEn{ font-size: 18px; line-height: 40px; text-align: center; } .introductionList{ margin-right: 0; } .introductionList ul{ display:flex; display: -webkit-flex; flex-wrap:wrap; justify-content:center; } .introductionList ul li{ width: 43%; font-size: 18px; height: 36px; line-height: 36px; letter-spacing: 2px; margin-top: 10px; margin-left: 10px; margin-right: 10px; } .aboutUsRight,.aboutUsRightList,.aboutUsRightText{ width: 100%; margin-left: 0; margin-top: 20px; } .aboutUsLeft img{ left: 50%; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); bottom: -20px; top: auto; } .aboutUsLeft{ padding-bottom: 20px; } .aboutUsRightText{ position: static; top: 0; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); } .aboutUsRightList{ padding-left: 15px; padding-right: 15px; padding-bottom: 25px; } .aboutUsRightText p{ font-size: 16px; line-height: 26px; } .aboutUsMore{ right: 15px; font-size: 14px; line-height: 15px; } .aboutUsMore img{ width: 16px; margin-top: -2px; } .aboutUsLeft img{ width: 14px; } /**********/ .serviceTitle{ margin-top: 25px; } .serviceTitle span{ font-size: 22px; line-height: 22px; width: 120px; } .serviceMain{ margin-top: 24px; } .serviceMainList{ width: 100%; } .serviceMainList ul li a.servername{ font-size: 14px; letter-spacing: 0px } .kehummpmore{ font-size:0.9rem; margin-top:10px;} /***********/ .platformTotal{ margin-top: 0px; } .platformListDetailsTitle{ font-size: 18px; line-height: 24px; text-align: center; } .platformListDetailsInfo{ margin-top: 10px; line-height: 2em; } .platformListDetailsMore{ margin-top: 5px; } .platformListDetailsMore a{ font-size: 14px; } .platformListDetailsMore a img{ width: 15px; margin-top: -2px; } .platformList{ margin-top: 30px; } .platformTotal .serviceTitle span{ width: 120px; } .platformListDetailsMain{ width: 100%; } .platformListDetails ul li{ margin-bottom: 20px; } .platformListDetails ul li:nth-of-type(2):after{ width: 0; } .platformListDetails ul li:nth-of-type(2):before{ width: 0; } .platformTotal{ padding-left: 15PX; padding-right: 15PX; } /***********/ .solutionTotal{ padding-bottom: 5px; } .solutionTotal,.solutionTitle{ margin-top: 15px; } .solutionTitle{ font-size: 22px; line-height: 30px; } .solutionMore a{ font-size: 14px; line-height: 32px; } .solutionMore a img{ width: 15px; margin-top: -2px; } .solutionList{ width: 100%; padding-left: 15px; padding-right: 15px; } .solutionList ul li{ width: 48%; margin-right: 0; margin-top: 0; margin-left: 0; margin-bottom: 15px; } .solutionList ul li span{ font-size: 16px; line-height: 24px; padding-left: 5px; padding-right: 5px; } .solutionList ul li:nth-of-type(1){ margin-left: 0; } .solutionList ul li:nth-of-type(5){ margin-top: 0; } .solutionList ul li:nth-of-type(6){ margin-top: 0; } .solutionList ul li:nth-of-type(7){ margin-top: 0; } .solutionList ul li:nth-of-type(8){ margin-top: 0; margin-right: 0; } .solutionList ul li:nth-of-type(2n+1){ float: left } .solutionList ul li:nth-of-type(2n-1){ float: right; } .solutionTotal{ background-size: cover; } /**************/ .nerveInfo .serviceTitle span{ width: 160px; } .nerveInfoListTitle ul li{ font-size: 15px; width: 25%; } .nerveInfoListTitle ul li.on{ font-size: 16px; } .nerveInfoListTitle a{ font-size: 14px; margin-top: 13px; margin-left: 0; float: right; } .nerveInfoListTitle a img{ width: 15px; margin-top: -2px; } .nerveInfoListArticleTitle{ font-size: 20px; margin-top: 5px; margin-left: 0; } .nerveInfoListArticleInfo{ font-size: 16px; line-height: 28px; margin-top: 5px; } .nerveInfoListTitle{ margin-top: 15px; } .nerveInfoListArticle{ margin-top: 10px; } .nerveInfoListSwiper{ margin-top: 15px; } .nerveInfoListArticleInfo{ width: 100%; margin-left: 0; } .nerveInfo{ padding-left: 15px; padding-right: 15px; } .nerveInfoListTitle ul{ width: calc(100% - 74px); } /****************/ .joinUs{ margin-top: 15px; padding-bottom: 0; padding-left: 15px; padding-right: 15px; } .joinUsList{ margin-top: 15px; } .joinUsListMain{ margin-right: 0; width: 100%; margin-bottom: 25px; } .teamBuilding{ margin-left: 0; margin-right: 0; } .recruitmentInformationText{ font-size: 20px; margin-top: 10px; line-height: 30px; } .joinUsListMainMore a{ font-size: 14px; } .joinUsListMainMore a img{ width: 15px; margin-top: -2px; } .recruitmentInformation{ text-align: center; } #allmap{ height: 300px; } /**********/ .footer{ } .footerTopMainLeft { width: 100%; margin: 0 auto; float: none; } .footerTopMainRight{ float: none; width: 100%; display:flex; display: -webkit-flex; flex-wrap:wrap; justify-content:center; margin-top: 30px; } .code p{ font-size: 16px; text-align: center; } .footerTop{ padding-top: 0px; padding-bottom: 10px; } .footerTopMain{ width: 100%; padding-left: 15px; padding-right: 15px; } .footerLogo{ margin-right: 25px; float: none; height: auto; line-height: inherit; border-right: none; padding-right: 0; margin-top: 15px; } .footerLogo img{ width: auto; } .footerCompany{ font-size: 16px; letter-spacing: 4px; } .footerListMain{ margin-top: 14px; } .footerListMain p{ line-height: 32px; } .footerList{ margin-left: 0; width: 100%; float: none; margin-top: 18px; } .chapter{ float: none; margin-right: 0; } .code{ float: none; } .footerTopMainRight div{ width: 50%; text-align: center; } .copyright span{ display: block; margin: 0; line-height: 24px; } /**********/ .serviceBannerMain{ bottom: 30px; width: 100%; padding-left: 15px; } .serviceBannerMain_gai{ bottom: 100px !important; width: 100%; padding-left: 15px; } .serviceBannerText p.serviceCh{ font-size: 18px; } .serviceBannerText p.serviceEn{ font-size: 18px; } .overview{font-size: 26px; margin-top: 0px; line-height: 1em; } .serviceBanner{ height: 250px; } /*********/ .servicePageMain{ padding-top: 10px; padding-left: 15px; padding-right: 15px; padding-bottom: 0; } .equipmentDevelopmentDesign{ margin-bottom: 10px; width: 100%; } .development p{ font-size: 18px; line-height: 18px; margin-bottom: 5px; } .development a{ font-size: 14px; } .development a img{ width: 15px; margin-top: -2px; } .developmentImg>img{ width: 100%; } .developmentImgPatent>img{ width: 100%; } .development{ padding-top: 10px; padding-left: 14px; padding-right: 14px; padding-bottom: 14px; } /***********/ .serviceLevelPage{ padding-left: 15px; padding-right: 15px; } .serviceLevelPageNav,.serviceLevelPageContentTotal{ float: none; } .serviceLevelPageNav ul li{ font-size: 16px; height: 40px; line-height: 40px; } .serviceLevelPageContent{ width: 100%; margin-top: 5px; padding-bottom: 20px; } .serviceLevelPageNav{ margin-top: 20px; } .serviceLevelPageContent p{ line-height: 30px; font-size: 16px; } .serviceLevelPageNav ul{ display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: center; } .serviceLevelPageNav ul li{ margin-bottom: 15px; width: 100%; margin-left: 10px; margin-right: 10px; } /*************/ .aboutUsMainList{ padding-top: 12px; padding-left: 15px; padding-right: 15px; } .developmentHistory ul li{ margin-bottom: 10px; } .developmentHistory ul li{ width: 44%; margin-left: 5px; margin-right: 5px; } .developmentHistory ul li a{ width: 100%; font-size: 16px; height: 34px; line-height: 34px; letter-spacing:3px; } .developmentHistoryMain{ position: static; top: 0; transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); } .developmentHistoryMain p{ font-size: 14px; line-height: 2em; } .developmentHistoryInfo{ width: 100%; padding-bottom: 20px; } .processMore{ bottom: 0; font-size: 14px; } .processMore img{ width: 15px; margin-top: -4px; } .developmentHistory,.developmentHistoryInfo{ float: none; } .developmentHistory ul{ display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: center; } /*********/ .companyIntroduction{ padding-top: 15px; padding-left: 15px; padding-right: 15px; padding-bottom: 10px; } .IntroArticleTitle{ font-size: 21px; line-height: 21px; margin-top: 0; } .IntroArticle{ width: 100%; } .IntroArticle p{ margin-top: 10px; font-size: 14px; line-height: 2em; } .IntroArticlePic{ text-align: center; } .IntroArticlePic span{ font-size: 22px; line-height: 22px; left: 15px; top: 15px; } .IntroArticleMore img{ width: 15px; } .IntroArticleMore{ font-size: 14px; } .IntroArticle,.IntroArticlePic{ float: none; } .IntroArticle{ padding-bottom: 30px; } .IntroArticlePic{ margin-top: 20px; } /***********/ .deveHistory{ padding-bottom: 50px; } .deveHistoryTitle{ font-size: 22px; margin-top: 5px; } .deveHistory p{ font-size: 18px; margin-top: 10px; line-height: 24px; padding-left: 15px; padding-right: 15px; } .orientation{ margin-top: 5px; } .orientation a{ font-size: 15px; } .orientation a img{ width: 15px; margin-top: -2px; } .ceoSpeech span{ right: auto; } /*****************/ .pharmaceutical{ padding: 15px; } .pharmaFluid{ width: 100%; } .pharmaFluid{ height: 200px; float: none; } .pharmaFluidBottom { height: 115px; } .pharmaFluidTopTitle{ font-size: 17px; margin-top: 10px; } .pharBottom span{ font-size: 13px; line-height: 20px; } .pharmaFluidTopMore{ margin-top: 0; } .pharmaFluidTopMore a{ font-size: 14px; } .pharmaFluidTopMore a img{ width: 15px; margin-top: -2px; } .IntroArticlePic{ margin-top: 10px; } /**********/ .intellectual{ padding-bottom: 15px; margin-bottom: 10px; background-size: cover; } .intellectualTitle{ font-size: 20px; margin-top: 10px; } .pctPosition span{ font-size: 18px; margin-bottom: 2px; } .pctPosition a{ font-size: 14px; } .pctPosition a img{ width: 15px; margin-top: -2px; } .pct{ width: 140px; margin-top: 15px; } /**********/ .developmentProcess{ width: 100%; margin-top: 5px; } .developmentProcessTitle{ font-size: 24px; line-height: 50px; } .endTotal{ margin-bottom: 15px; } .beginSpot{ margin-top: 15px; } .totalLeft{ margin-left: 110px; } .totalLefts{ margin-left: 112px; } .yearsMonthsTime{ width: 90px; left: -105px; height: 36px; line-height: 36px; font-size: 14px; } .yearsMonthsInfo{ font-size: 16px; left: 30px; line-height: 20px; } /***********/ .companyProfile p img{ margin-top: 10px; } .companyProfile{ padding-bottom: 5px; } .companyProfile p{ font-size: 15px; line-height: 28px; } /******************/ .intellProp{ width: 100%; } .intellPic a{ margin-right: 15px; width: 50%; margin-top: 15px; margin-bottom: 10px; } .intellPic a img{ width: 95%; } .intellProp ul li a.intellPropLink{ font-size: 20px; } .intellPropRight { right: 60px; width: 10px; } .intellPropRight img{ width: 100%; } .intellPic a{ margin-right: 0; } /********/ .joinUsPageTotal { padding-top: 10px; padding-bottom: 10px; } .recruitment{ font-size: 18px; line-height: 22px; } .camRecr{ margin-top: 40px } .joinUsPageTotalText a{ width: 110px; font-size: 14px; height: 34px; line-height: 34px; background-position: 84px center; background-size: 15px auto; } .cam{ margin-top: 10px; } .camRecr{ margin-top: 20px; } .joinUsPageTotalPic{ float: none; } .joinUsPageTotal{ padding-left: 10px; padding-right: 10px; } .milkRound{ margin-top: 20px; position: static; left: auto; top: auto; transform: translate(0,0); -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); } .joinUsPageTotalText a:hover{ background: #26549c url("../images/solutionMore.png") no-repeat 84px center; background-size: 15px auto; } /************/ .teamBuildingPage{ padding-left: 15px; padding-right: 15px; padding-bottom: 15px; } .teamBuildingMain{ margin-top: 15px; padding-bottom: 10px; } .annualMeeting{ width: 100%; } .annualMeetingTitle{ margin-bottom: 15px; } .annualMeetingTitle a{ font-size: 18px; line-height: 30px; } .driving{ padding-top: 0; } .travelPic{ width: 100%; max-width: 100%; padding-left: 15px; padding-right: 15px; } .travelTitle a{ font-size: 18px; line-height: 40px; } .travelMainTotal{ padding-top: 20px; padding-bottom: 0; } /**** .campusRecruitmentTitle{ font-size: 24px; line-height: 24px; }***/ .campusRecruitmentTime{ margin-top: 10px; padding-bottom: 10px; } .campusRecruitmentTime span{ font-size: 15px; } .campusRecruitmentTotal p img{ margin-top: 15px; margin-bottom: 10px; } /**********/ .teamBuildDetails{ padding-left: 15px; padding-right: 15px; } .teamBuildDetailsTitle{ font-size: 18px; margin-top: 10px; margin-bottom: 10px; } .teamConsLeft span{ font-size: 16px; line-height: 40px; } .teamConsMain{ width: 100%; height: auto; } .teamBuildDetailsSwiper .gallery-thumbs{ margin-top: 15px; } .teamConsMain .swiper-slide{ font-size: 15px; line-height: 22px; } .gallery-top .swiper-button-prev.swiper-button-white, .gallery-top .swiper-container-rtl .swiper-button-next.swiper-button-white{ width: 30px; height: 50px; margin-top: -30px; background-size: 10px auto; outline: none; } .gallery-top .swiper-button-next.swiper-button-white,.gallery-top .swiper-container-rtl .swiper-button-prev.swiper-button-white{ width: 30px; height: 50px; margin-top: -30px; background-size: 10px auto; outline: none; } /*********/ .moreExc{ font-size: 16px; margin-top: 10px; margin-bottom: 10px; line-height: 24px; } .moreExcTotal{ width: 100%; } .moreExcTitle{ font-size: 16px; margin-bottom: 15px; } .moreExcList{ margin-bottom: 10px; } /******************/ .solutionOverList { width: 100%; padding-left: 15px; padding-right: 15px; } .solutionOverviewMain{ margin-top: 15px; padding-top: 20px; padding-bottom: 10px; margin-bottom: 15px; } .solutionListMainText{ font-size: 14px; line-height: 24px; } .solutionListMain ul li{ width: 50%; margin-left: 0; text-align: center; margin-bottom: 15px; } .solutionListMain ul li>img{ width: 95%; } .solutionListMain ul li:nth-of-type(4){ margin-left: 0; margin-top: 0; } .solutionListMain ul li:nth-of-type(5){ margin-top: 0; } .solutionListMain ul li:nth-of-type(6){ margin-top: 0; } .solutionListMain ul li:nth-of-type(7){ margin-top: 0; } .solutionListMain ul li:nth-of-type(8){ margin-top: 0; } .solutionListMore{ bottom: 50px; } .solutionListMore a img{ width: 15px; margin-top: -2px; } .solutionListMore a{ font-size: 12px; } /************/ .continuous ul li a{ font-size: 14px; height: 50px; width: 100%; } .continuous ul li a span{ line-height: 16px; letter-spacing: 2px; padding-left: 5px; padding-right: 5px; } .reactorTitle{ font-size: 24px; margin-top: 0; } .reactorTotal p{ font-size: 16px; text-indent: 0px; } .relatedProductsText{ font-size: 16px; margin-left: 20px; } .relatedProducts{ margin-top: 15px; } .relatedProductsList .swiper-button-prev{ left: 0; } .relatedProductsList .swiper-button-next{ right: 0; } .relatedProductsList .swiper-container{ width: 80%; margin: 0 auto; } .selectSwiper{ margin-right: 20px; } .relatedProductsList{ margin-top: 15px; } .selectSwiper img{ width: 8px; } .relatedProductsList .swiper-button-next, .relatedProductsList .swiper-button-prev{ width: 30px; height: 30px; margin-top: -15px; } .relatedProductsList .swiper-button-next, .relatedProductsList .swiper-container-rtl .swiper-button-prev,.relatedProductsList .swiper-button-prev, .relatedProductsList .swiper-container-rtl .swiper-button-next{ background-size: 30px 30px; } .relatedProductsList .swiper-slide a{ font-size: 15px; letter-spacing: 2px; margin-top: 0; } .hotline{ font-size: 15px; line-height: 22px; margin-top: 10px; } .professionalList p{ margin-top: 0; } /*********/ .specialized{ padding-left: 15px; padding-right: 15px; } .specializedColumn a,.specializedColumn span,.specializedColumn{ font-size: 14px; } .specializedTopLeft{ width: 100%; font-size: 16px; line-height: 28px; } .specializedTopRight{ margin-top: 10px; width: 100%; } /**************/ .dynamically .swiper-container{ width: 100%; } .relatedProductsList .swiper-slide a{ font-size: 15px; } .fieldMain{ margin-top: 10px; padding-left: 15px; padding-right: 15px; } .obtain .professionalList p{ font-size: 15px; line-height: 22px; margin-top: 0px; } .obtain{ padding-left: 15px; padding-right: 15px; padding-bottom: 5px; } .specializedColumn{ margin-top: 10px; } /*************/ .industryNews{ width: 100%; } .industryNewsTotal{ width: 100%; margin-top: 15px; } .industryNewsTotal a{ font-size: 14px; line-height: 16px; margin-top: 5px; } .industryNewsTotal p{ margin-top: 6px; font-size: 12px; line-height: 18px; } .newsThreeList{ margin-top: 20px; padding-bottom: 0; } .newsNoPicList ul li{ margin-top: 15px; } .newsSosoTitle{ font-size: 16px; margin-top: 10px; } .sosoKeyWord{ width: 90px; } .sosoKeyWord,.sosoInput,.sosoBegin{ margin-top: 15px; height: 32px; line-height: 32px; } .sosoInput{ letter-spacing: 2px; width: calc(100% - 190px); } .sosoBegin a{ font-size: 15px; height: 32px; line-height: 32px; } .newsSoso{ width: 100%; margin-top: 0; height: auto; padding-bottom: 15px; } .newsThreeList .swiper-slide a{ font-size: 15px; line-height: 17px; } .newsNoPicList ul li a{ font-size: 16px; } .newsNoPicList ul li p{ line-height: 16px; font-size: 14px; margin-top: 5px; } .sosoBegin{ width: auto; margin-right: 15px; } .newsNoPicList ul li span{ font-size: 13px; line-height: 24px; } .announcement ul li:nth-of-type(1){ margin-top: 15px; } .searchResult{ margin-top: 10px; font-size: 15px; } /************/ .platformTotalMain{ margin-top: 15px; margin-bottom: 15px; } .chemistry{ width: 140px; height: 50px; } .chemistryMore a{ font-size: 12px; } .chemistryMore a img{ width: 14px; margin-top: -2px; } .chemistryTitle{ font-size: 14px; line-height: 20px; } .chemistryMore{ margin-top: 0; } .movePosition{ left: 20px; top: 11%; } .laboratoryTwo{ bottom: 20px; } .laboratoryOne{ top: 28%; right: 20px; } .industryNewsPic img{ max-width: 100%; } /*******/ .customPage .pagination{ margin: 15px 0; } .page-num, .page-link{ line-height: 3.25; } .carousel-content{ width: 90%; } .carousel-content p{ width: 100%; font-size: 20px; margin-bottom: 10px; } .carousel-content h2{ font-size: 20px; margin-bottom: 15px; } }