@media screen and (max-width:1660px) { .jmb .list ul li:nth-child(5) { flex:1.05 } .jmb .list ul .item.active { flex:3.6 } } @media screen and (max-width:1100px){ .in_product_swp .swiper-slide .img img { height:auto; } .jmb .text .yuan { position:static } .a_illness { display: block; padding: 20px; } .a_illness p { text-align: left; margin-top: 20px; } .illness .tit h3 { font-size: 28px; } .illness .tit strong { font-size: 20px; } .banner_x { height: 400px; } .m_tit1 h3 { font-size: 22px; } .m_tit1 strong { font-size: 20px; margin-top: -10px; display: block; } .m_tit2 h3 { font-size: 26px; } .m_tit2 strong { font-size: 20px; margin-top: -10px; display: block; } .m_tit3 { text-align: center; } .m_tit3 h3 { font-size: 26px; } .m_tit3 strong { font-size: 20px; margin-top: -10px; display: block; } .m_tit6 { text-align: center; } .m_tit6 h3 { font-size: 26px; } .m_tit6 strong { font-size: 20px; margin-top: -10px; display: block; } .m_tit5 h3 { font-size: 22px; } .m_tit5 strong { font-size: 20px; margin-top: -10px; display: block; } .m_tit7 { text-align: center; } .m_tit7 h3 { font-size: 22px; line-height:25px; } .m_tit7 strong { font-size: 20px; margin-top: -10px; display: block; } .data .tit h3 { font-size: 24px; } .data .tit strong { font-size: 16px; margin-top: -10px; display: block; } .data_video .tit h3 { font-size: 24px; } .data_video .tit strong { font-size: 16px; margin-top: -10px; display: block; } .m_tit4 { font-size: 26px; } .m_tit4 strong { font-size: 20px; } .m_pb80 { padding: 40px 0px; } .innovate .item { display: block; margin-top: 10px; } .innovate .item .text { width: 100%; } .innovate .item .img { width: 100%; } .innovate .item .img:after { background-size: 70px auto; } .innovate .item .text p { font-size: 14px; margin: 10px 0px; line-height: 20px; } .innovate1 .list ul { padding: 10px; } .innovate1 .list ul li { padding: 5px 5px; width: 50%; } .innovate1 .list ul li a { font-size: 14px; line-height:18px; } .innovate1 .list { margin-top: 30px; } .in_innovate { overflow: hidden; } .in_innovate .list { padding: 0px 15px; } .in_innovate .list ul li .img { width: 146px; height: 93px; } .in_innovate .list ul li .con h4 { font-size: 12px; } .in_innovate .list ul li .con span { font-size: 12px; } .in_innovate .list ul li { margin: 0px -15px; } .in_innovate .list ul li:nth-child(2) { margin-left: -45px; } .in_innovate .list { margin-top: 30px; } .in_h150 { height: 80px; } .footer { display: none; } .footer_fot { padding: 20px 0px; display: block; } .release { padding-bottom: 40px; } .release .had ul li a .num strong { font-size: 35px; } .release .had ul li a .num span { display: block; margin-top: -5px; font-size: 14px; } .release .had ul li a .num { width: 96px; height: 90px; } .release .had ul li a .text { width: calc(100% - 96px); padding-left: 20px; } .release .had ul li a .text .tit h4 { position: relative; } .release .had ul li a .text .tit { padding-right: 0px; } .release .had ul li a .text .tit h4 span { display: block; margin-left: 0px; margin-top: 5px; } .release .had ul li a .text p { margin-top: 12px; } .illness { padding: 20px; } .news_tit ul { padding: 0px 20px; } .news_tit ul li h3 { font-size: 18px; } .news_tit ul li strong { margin-top: 0px; font-size: 12px; } .news_tit ul { padding: 0px; } .m_p75 { padding-top: 40px; } .culture3_swp { margin-top: 30px; } .culture3 .tit { font-size: 20px; padding: 15px 0px; margin-top: 20px; } .culture3 .tit strong { margin: 0 10px; } .culture3 .had h3 { font-size: 18px; } .culture3 .had p { font-size: 14px; width: 100%; margin-top:20px; } .culture3 .list { padding:0px; } .culture3 .list ul li { padding-right: 0px; } .culture3 .list ul li .text strong { font-size: 20px; } .culture3 .list ul li .wit { width: 70px; height: 70px; font-size: 35px; margin-right: 20px; } .m_p75_b100 { padding: 30px 10px 40px; } .culture1 { padding: 30px 0px; } .culture1 .list ul li { width: 50%; padding: 0px; margin:10px 0px; } .culture1 .list ul li h3 { font-size: 16px; } .culture1 .list ul li p { font-size: 12px; margin-top: 5px; line-height:20px; } .culture1 .list ul li h4 strong { font-size: 16px; line-height:20px; } .culture1 .list ul li h4 { width: 90px; height: 90px; } .culture1 .list ul li:nth-child(2n) { border-right: none; } .culture2 .img { width: 100%; } .culture2 .img:after { background-size: 70px auto; } .culture4 { display: block; } .culture4 .fl { width: 100%; margin-bottom: 30px; } .culture4 .fr { width: 100%; } .m_p75_b80 { padding: 40px 0px; } .news_tit ul li strong { display: none; } .news_tit ul li h3 { font-size: 16px; } .news_tit ul li { flex: 0 0 auto; margin: 0px 10px; padding: 25px 0px; } .news_tit ul { text-align: center; justify-content: center; } .data .list { padding-left: 0px; } .data .list ul li { font-size: 16px; padding: 12px 0px; } .data_video .list ul li { width: 50%; margin-bottom: 20px; } .data_video .list ul li p { font-size: 16px; } .m_b80 { padding-bottom: 40px; } .details .tit h3 { font-size: 28px; } .details .tit h4 span { display: block; } .details .tit h4 a { display: none; } .details .con p { font-size: 14px; line-height: 25px; margin-top: 15px; } .details .con p a { display:block; font-size:12px; } .details .tit .tit_h1 { margin-top: 20px; } .details { padding-bottom: 40px; } .illness .list { display: none; } .illness p { margin-top: 10px; } .illness1 .tit { display: block } .illness1 .tit .fom { width: 100%; margin-top: 10px; } .illness1 .list ul { margin-left: 0px; margin-right: 0px; } .illness1 .list ul li { width: 100%; padding: 0px; margin-top: 20px; } .illness3 .list { margin-top: 0px; } .illness3 .list ul { margin-left: -10px; margin-right: -10px; } .illness3 .list ul li { padding: 0px 10px; width: 50%; margin-top: 10px; } .illness3 .list ul li .text h3 { font-size: 16px; } .illness3 .list ul li .img:after { background-size: 50px auto; } .illness3 .list ul li .text strong { font-size: 14px; } .illness4 .list ul { display: block; } .illness4 .list ul li { width: 100%; } .illness4 .list ul li a { margin: 10px 0px; } .illness p { font-size: 14px; line-height: 20px; padding-left:0px; } .illness2_swp .swiper-slide a h3 { font-size: 16px; } .m_p75_b75 { padding-top: 40px; padding-bottom: 40px; } .group .tit { font-size: 18px; line-height: 25px; } .group .item { display: block; } .group .item .fl { width: 100%; } .group .item .fl p { font-size: 14px; line-height: 24px; } .group .item .fr { width: 100%; } .group .item .fr .vid:after { background-size: 60px auto; } .group .item .fr .img { margin-top: 20px; } .group1 .text h3 { font-size: 25px; } .group1 .text p { font-size: 14px; margin-top: 10px; } .group1 { padding: 50px 0px; } .group2 { padding: 0px; display: block; margin-top: 20px; } .group2 .text { width: 100%; } .group2 .text p { font-size: 14px; line-height: 24px; } .group2 .fr { width: 100%; margin-top: 30px; } .group2 .fr .img img { margin: 0 auto; } .group2 .text h6 { height: 60px; margin-top: 20px; } .group3_swp .swiper-slide p { font-size: 13px; line-height: 20px; text-align:inherit !important; } .group3_swp .swiper-slide .num { font-size: 30px; } .group3_swp .swiper-slide:nth-child(2n) .num { right: -135px; top: 0px; } .group3_swp .swiper-slide:nth-child(2n+1) .num { left: -135px; top: 0px; } .group3_swp .swiper-slide:nth-child(2n):after { width: 10px; height: 10px; } .group3_swp .swiper-slide:nth-child(2n+1):after { width: 10px; height: 10px; } .group4 ul li { width: 33.33%; } .group4 { margin-top: 30px; } .group4 ul li .text_null { display: none; } .group6 .item { display: block; } .group6 .item .fl { width: 100%; } .group6 .item .fr { width: 100%; margin-top: 20px; } .group6 .item .fr p { font-size: 14px; margin-top: 10px; line-height: 24px; } .group5 .list { margin-top: 0px; } .group5 .list ul { margin-left: 0px; margin-right: 0px; } .group5 .list ul li { width: 100%; padding: 0px 0px; margin-top: 20px; } .group5 .list ul li .item h3 { font-size: 18px; } .group5 .list ul li .item h3 strong { font-size: 22px; } .group5 .list ul li .item h6 span { padding: 10px 12px; } .group5 .list ul li .item h6 { padding: 0px 10px; } .information { padding-bottom: 40px; } .information .text h3 { font-size: 22px; } .information .list ul { margin-left: 0px; margin-right: 0px; } .information .list ul li { width: 100%; padding: 0px; margin: 5px 0px; } .information .list ul li .con { padding: 20px 10px; } .information1 .text a { font-size: 20px; } .information2 { padding: 40px 0px; display: block; } .information2 a { display: block; } .information2 .text { width: 100%; padding-right: 0px; } .information2 .img { width: 100%; margin-top: 30px; } .information2 .text h3 { font-size: 22px; } .information2 .text strong { font-size: 18px; } .information2 .text { text-align: center; } .information2 .img img { margin: 0 auto; } .information3 .item { display: block; } .information3 .item .icon { width: auto; } .information3 .list { margin-top: 20px; } .information3 .list a { font-size: 16px; } .information3 .item .icon p { font-size: 22px; } .a_more_hs_a { text-align: center; } .a_more_sh { text-align: center } .illness .tit strong { font-size: 16px; line-height: 22px; margin-top: -5px; display: block; } .illness .tit h3 { font-size: 22px; line-height:28px; } .large .tit a { font-size: 14px; margin: 5px 5px; min-width:auto; padding: 5px 7px; line-height:18px; } .large .text { margin-top: 20px; } .large .text p { font-size: 14px; line-height:20px; } .large1 .item { display: block; } .large1 .item .fl { width: 100%; } .large1 .item .fr { width: 100%; margin-top: 30px; } .large1 .item .fl p { font-size: 14px; line-height: 20px; margin-top: 10px; } .m_table tr th { padding: 8px 10px; font-size: 12px; } .m_table tr td { padding: 8px 10px; } .large3 .item { padding: 40px 0px; display: block; text-align: center; } .large3 .item .num { width: 45%; margin:0 auto; } .large3 .item .num img { margin: 0 auto; } .large3 .item .text { width: 100%; padding: 0px; } .large3 .item .text h3 { margin-top: 20px; font-size: 18px; line-height: 25px; } .large3 .item .text p { font-size: 14px; } .large3 .item .img { width: 100%; margin-top: 20px; } .large3 .item .img img { margin: 0 auto; } .large4 .a_text { display: block; } .large4 .a_text .img { width: 100%; } .large4 .a_text p { width: 100%; font-size: 14px; line-height: 22px; margin-top: 20px; } .large4 .a_text1 { margin-top: 20px; } .large4 .a_text1 h3 { font-size: 22px; } .large4 .a_text1 p { font-size: 16px; margin-top: 5px; font-size: 13px; } .large4 .list ul li b { font-size:18px; } .m_tit_xb h3 { font-size: 18px; } .large4 .list ul { display:block; } .large4 .list ul li strong { font-size: 36px; } .large4 .list ul li p { font-size: 16px; } .large4 .list ul li .icon { height: 50px; } .large4 .b_text p { font-size: 14px; line-height: 24px; } .large4 .list1 { margin-top: 0px; } .large4 .list1 ul li .text h4 { font-size: 34px; } .large4 .list1 ul li .text em { font-size: 20px; } .large4 .list1 ul li .text span { font-size: 20px; } .large4 .list1 ul li .text p { font-size: 20px; line-height:22px; } .large4 .list1 ul li .text { margin-top: 20px; } .large4 .list1 ul { display: block; } .large4 .list1 ul li { width: 100% } .large4 .list1 ul li .text { margin-top: 10px; } .large4 .list1 ul li .text1 p { font-size: 14px; line-height: 24px; } .large4 .dow { margin-top: 20px; } .technology .list ul { margin-left: 0px; margin-right: 0px; } .technology .list ul li { width: 100%; padding: 0px; margin-top: 10px; } .technology .list ul li .item .img img { width: 100%; } .technology .list ul li .item .text { font-size: 16px; } .technology2 .list { background: none; } .technology2 .list ul { margin-left: 0px; margin-right: 0px; } .technology2 .list ul li { width: 100%; padding: 10px 0px; } .technology2 .list ul li .text h3 { font-size: 20px; letter-spacing: 0px; min-height:inherit; margin-bottom:5px; } .technology2 .list ul li .text p { font-size:14px; } .technology2 .list ul li .text h5 { font-size: 16px; } .join { display: block; } .join .tit h3 { font-size: 26px; line-height: 34px; } .join .tit strong { font-size: 18px; line-height: 24px; } .phone_vid { display: block; } .pc_vid { display: none; } .join_next { background: url('../images/icon81.png') no-repeat right center; width: 23px; height: 52px; } .join_prev { background: url('../images/icon80.png') no-repeat right center; width: 23px; height: 52px; } .join_swp { margin-top: 20px; } .join_list dl dt h3 { font-size: 15px; } .join_list dl { padding: 0px 10px; } .join_list dl dt span { padding: 5px 10px 4px; } .join_list dl dt strong { font-size: 12px; } .join_list dl dd .text h4 { font-size: 16px; } .join_list dl dd .dow a { font-size: 14px; padding: 8px 15px; margin: 0px 5px;} .join_list dl dd .dow { margin-top: 30px; } .join1 h3 { font-size: 22px; } .join1 p { font-size: 16px; } .details .item { display: block; } .details .item .con { padding-left: 0px; } .details .item .img { width: auto; height: auto; margin-top: 40px; } .details .tit h1 { margin-top: 0px; } .news .item { flex-direction: column-reverse; } .news .item .img { width: 100% } .news .item .text { margin-top: 20px; margin-right: 0px; } .news1 { display: block; padding: 30px 10px; } .news1 .img { width: 100%; } .news1 .text { padding: 30px 0px; } .news2 .list ul { margin-left: 0px; margin-right: 0px; } .news2 .list ul li { width: 100%; padding: 15px 0px; } .news2 .list { margin-top: 10px; } .news3 .list ul li { width: 100%; padding: 13px 0px; } .news3 .list ul { margin-left: 0px; margin-right: 0px; display: block; } .news3 .list { margin-top: 15px; } .news3 .list ul li .text h3 { font-size: 22px; } .illness_Rx .list { display: none; } .illness_Rx { padding: 20px; } .illness_Rx .tit h3 { font-size: 26px; } .illness_Rx .tit strong { font-size: 20px; margin-left: 3px; margin-top: -5px; } .m_tit_n { font-size: 18px; } .otc { display: block; } .otc .img { width: 100%; } .otc .text { width: 100%; margin-top: 30px; } .otc .text h3 strong { font-size: 18px; } .otc .text h6 strong { font-size: 16px; line-height:20px; } .otc .text h6 a { font-size: 14px; line-height:35px; } .otc .text h6 { margin-top: 25px; align-items: center; } .m_more { padding: 10px 0px; } .illness3 .list ul li .text h3 { font-size: 14px; } .personnel { padding: 40px 0px; display: block; } .personnel .text { width: 100%; } .personnel .img { width: 100%; } .personnel .fl { width: 100%; } .personnel .fr { width: 100%; margin-top: 30px; } .personnel1 .m_tit3 .icon img { height: 55px; } .personnel2 .text { display: block; width: 100%; padding: 20px; } .personnel2 .text p { width: 100%; font-size: 14px; line-height: 24px; } .personnel2 .text .img { width: 100%; margin-top: 30px; } .personnel3 { height: 290px; } .personnel3 h3 { font-size: 35px; } .personnel3 strong { font-size: 25px; margin-top: -10px; } .pharmacy .vid:after { background-size: 70px auto; } .pharmacy .dow a { font-size: 16px; } .pharmacy1 .list ul li .text h3 { font-size: 16px; } .pharmacy2 .had h4 { font-size: 22px; } .pharmacy2 .item { display: block; } .pharmacy2 .item .text { padding-left: 0px; } .pharmacy2 .item .text strong { font-size: 20px; margin-bottom:0px; } .pharmacy2 .item .text p { font-size: 14px; line-height: 20px; } .pharmacy2 .dow { margin-top: 40px; display: block; } .pharmacy2 .dow .text { width: 100%; } .pharmacy2 .dow .vid { width: 100%; margin-top: 30px; } .pharmacy2 .dow .text h3 { font-size: 22px; } .pharmacy2 .dow .text p { font-size: 14px; line-height: 24px; } .welfare .list ul li { margin: 20px 0px; } .welfare .list ul li a .text .tit { padding-right: 0px; } .welfare .list ul li a .text { width: calc(100% - 110px); padding-left: 20px; } .welfare .list ul li a .img { width: 110px; height: 66px; } .welfare .list ul li a .text p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .welfare .list ul li a .text .tit h3 { font-size: 16px; } .a_more_left { text-align: left; } .welfare1 ul { margin-left: -5px; margin-right: -5px; } .welfare1 ul li { width: 50%; padding: 5px; } .responsibility { padding-bottom: 40px; } .responsibility h2 { font-size: 16px; line-height: 26px; } .responsibility .list ul li { padding: 20px 0px; display: block; } .responsibility .list ul li .text { margin-top: 20px; } .responsibility .list ul li .text h3 { font-size: 16px; line-height:25px; } .responsibility .list ul li .text strong { font-size: 18px; } .responsibility .list ul li .text p { line-height: 23px; margin-top: 15px; } .responsibility .list ul li:nth-child(2n) .icon { margin-left: 0px; } .responsibility .list ul li .icon { width: 100px; height: auto; } .social .tit { padding: 40px 0px; } .social .tit h3 { font-size: 18px; line-height:28px; } .social .tit p { font-size: 14px; line-height:22px; } .social .list ul li a .text h3 { font-size: 14px; line-height:16px; } .social .list ul li { width: 130px; } .social .list ul li a .img { width: 100%; height: auto; } .social .list ul { margin-top: -25px; } .social .list ul li a .text .more { font-size: 12px; } .social .list ul li a .text { bottom: 20px; } .social .list { margin-top: 20px; padding-bottom: 40px; } .social_1 .item { display: block; margin-top: 30px; } .social_1 .item .fl { width: 100%; } .social_1 .item .fl .text h4 { font-size: 18px; line-height:26px; } .social_1 .item .fr { width: 100%; } .social_1 .item .fr .list ul li .con p { font-size: 15px; } .m_tit_x .tit_x { padding: 6px 20px; } .m_tit_x .tit_x h3 { font-size: 14px; } .m_tit_x .tit_x strong { font-size: 12px; } .social_swp { width: 100%; } .social_2 .list ul li { margin: 20px 0px; } .social_2 .list ul li a .text .tit { padding-right: 0px; } .social_2 .list ul li a .text { width: calc(100% - 110px); } .social_2 .list ul li a .img { width: 110px; height: 66px; } .social_2 .list ul li a .text p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .social_2 .list ul li a .text .tit h3 { font-size: 16px; } .a_more_left { text-align: left; } .strategy h3 { font-size: 18px; line-height: 25px; } .strategy { padding-top: 0px; } .strategy .list dl { margin: 10px 20px; } .strategy .list dl dt { font-size: 20px; } .strategy .list dl dd { font-size: 14px; line-height: 20px; } .strategy .list { display:block; } .strategy1 { padding-top: 40px; } .strategy1 .item { display: block; } .strategy1 .item .fl { width: 100%; } .strategy1 .item .fl p { font-size: 14px; line-height: 25px; } .strategy1 .item .fr { width: 100%; } .strategy2 .list ul li h3 { font-size: 16px; } .strategy2 .list ul li p { font-size: 14px; line-height:18px; } .strategy2 .list ul li { padding: 0px 10px; } .strategy2 .list { height: 500px; } .strategy2 { margin-top: 30px; } .strategy3 .item { padding: 20px 20px; display: block; margin-top:20px; } .strategy3 .item .fl { width: 100%; } .strategy3 .item .fr { width: 100%; margin-left: 0px; margin-top: 30px; } .strategy3 .item .fl a { text-align: center; } .banner_swp .swiper-slide { font-size: 24px; line-height: 35px; } .in_about h3 { font-size: 20px; line-height:30px; } .in_about strong { font-size: 16px; margin-top: 12px; line-height:22px; } .in_field { padding: 40px 0px; } .m_tit strong { font-size: 22px; } .m_tit h3 { font-size: 26px; } .in_field .list ul li .con .img { width: 100%; height: 100%; } .in_field .list ul li .con .img img { object-fit: cover; } .in_field .list ul li .con { width: 100%; height: 100%; } .in_field .list ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .in_field .list ul li:nth-child(1) { width: 49%; height: 40vw; margin: 0px; } .in_field .list ul li:nth-child(1) .con { width: 100%; height: 100%; } .in_field .list ul li:nth-child(2) { width: 49%; height: 40vw; margin: 0px; } .in_field .list ul li:nth-child(3) { width: 49%; height: 40vw; margin: 0px; } .in_field .list ul li:nth-child(4) { width: 49%; height: 40vw; margin: 0px; } .in_field .list ul li:nth-child(5) { width: 49%; height: 40vw; margin: 0px; } .in_field .list ul li { margin-top: 5px !important; } .in_field .list .link { display: none } .in_field .list ul li .text h3 { font-size: 20px; font-weight:bold; } .in_field .list ul li .text { padding-top: 15px; padding-left: 15px; } .in_field .list ul li .text strong { font-size: 16px; line-height: 18px; } .in_field .list ul li .text h6 { left: 15px; } .in_field .list { margin-top: 30px; } .in_field .list ul .phone_vid { width: 49%; height: 40vw; margin: 0px; background: #018873; display: flex; align-items: center; justify-content: center; } .in_field .list ul .phone_vid a { color: #fff; font-size: 22px; } .in_news .item .m_tit_1 { width: 100%; } .in_news .item { display: block; } .in_news { padding: 40px 0px; } .m_tit_1 strong { font-size: 22px; text-align: center; display: block; } .m_tit_1 strong br { display: none; } .m_tit_1 h3 { text-align: center; font-size: 26px; margin-top: 0px; margin-left: 0px; } .m_tit_1 h3:after { margin-top: 0px; } .m_tit_1 h3 i { display: inline-block; margin-right: 10px; } .in_news .item .list { width: 100%; padding-left: 0px; margin-top: 30px; } .jmb .list ul { padding: 120px 0px; } .jmb .list ul .item { display: none; } .jmb .text { width: 100%; position: absolute; padding: 0px 20px;right:0 } .jmb .text h3 br { display: none; } .jmb .text h3 { font-size: 28px; } .jmb .list ul { display: block; } .jmb .list ul li { height: auto; } .jmb .list ul li .text p { font-size: 14px; margin-top: 10px; } .m_p90 { padding-top: 40px; } .m_tit strong { line-height: 30px; } .in_innovate .list ul li .text h3 { font-size: 12px; } .in_innovate .list ul li .text strong { font-size: 12px; } .in_innovate .list ul li:nth-child(2) .text { margin-left:10px; } .in_product_swp .swiper-slide .text h3 { width: 100%; font-size: 22px; } .in_product_swp .swiper-slide .text { padding: 20px; width:100%; } .in_product_swp .swiper-slide .text p { width: 100%; margin-top: 0px; font-size: 12px; line-height: 22px; margin-top: 10px; } .in_product_swp .swiper-slide .text h3 { line-height: inherit; font-size: 20px; } .in_product_swp .swiper-slide .text a { margin-top:10px } .in_product_next { display: none; } .in_product_prev { display: none; } .in_product_swp { padding-bottom: 50px !important; margin-top: 30px !important; } .in_product_swp .swiper-pagination-bullet { width: 40px; } .in_product .item .text h3 { font-size: 18px; margin-top:-5px;ss } .in_product .item .text strong { font-size: 18px; } .in_product .item .text { padding-left: 10px; padding-top: 5px; } .in_product .item .text h6 { left: 10px; bottom:5px; font-size:12px; } .in_product .item .fl .top a { height: 80px; margin-bottom: 5px; } .in_product .item .fl .dow a { height: 80px; } .in_product .item .fr .top a { height: 80px; margin-bottom: 5px; } .in_product .item .fr .dow a { height: 80px; } .in_product .item { margin-top: 30px; } .in_product .item .fc a { height: 160px; } .in_culture .list { margin-top: 30px; } .in_culture .list a .text h3 { font-size: 24px; } .in_culture .list a .text strong { font-size: 16px; } .in_join .text { margin-top: 30px; } .in_join .text a h3 { font-size: 22px; } .in_join .text a { padding-left: 5%; } .in_join { padding-bottom: 40px; } .banner .ban_back { width: 100%; height: 50vh; } .banner_swp { height: 50vh; } .in_about { padding: 10px 0px 20px; } .p_header { position: fixed; top: 0px; left: 0px; width: 100%; height: 50px; } .banner video { display: none; } .banner .ban_back { display: block; } /* 手机导航 */ .header .item .phone_nav { display: block; } .header .item .nav .icon { display: block; } .header .item .nav ul li .nav2 .pic { display: none; } .header { position: fixed; top: 10px; left: 0px; width: 100%; z-index: 99; } .header .item { display: flex; flex-direction: row; background-image: linear-gradient(0deg,#02639a 0%,#0290ab 100%); height: 50px; align-items: center; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 5px; position: relative; padding: 10px; justify-content: space-between; } .header .item .logo img { height: 30px; } .header .item .phone_nav span { width: 32px; height: 2px; background: #fff; display: block; margin: 6px 0px; transition: all 0.6s; -webkit-transition: all 0.6s; } .header .item .nav { position: fixed; top: 60px; left: 0px; width: 100%; height: calc(100% - 70px); padding: 0px 10px; display: none; } .header .item .nav .nav_con { height: 100%; background: #076b81; border-radius: 5px; overflow: auto; padding: 10px 10px; } .header .item .nav .nav_con>ul>li { border-bottom: 1px solid rgba(255, 255, 255, 0.3); position: relative; } .header .item .nav .nav_con>ul>li>a { font-size: 17px; color: #fff; padding: 15px 10px; display: block; background: #05768f; } .header .item .nav2 { display: none; padding: 10px 0px 20px; } .header .item .nav2>ul>li>a { padding-left: 20px; font-size: 16px; color: rgba(255, 255, 255, 0.8); margin: 8px 0px; display: block; } .header .item .nav3>ul>li>a { padding-left: 40px; color: rgba(255, 255, 255, 0.5); } .header .item .nav .nav_icon { position: absolute; right: 0px; top: 0px; height: 56px; background: url('../../../images/zm_icon61.png') no-repeat center center; width: 56px; z-index: 3; } .header .item .nav .nav_icon.active { background: url('../../../images/zm_icon62.png') no-repeat center center; } .header .item .phone_nav.active span:nth-child(2) { display: none; } .header .item .phone_nav.active span:nth-child(1) { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); margin-top: 8px; } .header .item .phone_nav.active span:nth-child(3) { transform: rotate(45deg); -webkit-transform: rotate(45deg); margin-top: -8px; } .header .item .icon { position: absolute; top: 0px; right: 56px; } .header .item .icon a { height: 48px; display: inline-block; vertical-align: middle; padding: 0px 5px; line-height: 48px; } .header .item .icon a img { display: inline-block; vertical-align: middle; margin-top: -5px; width: 22px; } .header .item .icon .yuyan { height: 48px; display: inline-block; vertical-align: middle; padding: 0px 5px; line-height: 48px; } .header .item .icon .yuyan span > a { color:#fff; } .header .item .icon .yuyan span em { color:#fff; } .header .item .icon .yuyan img { display:none; } .header .item .text { display: none; } .phone_back { position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); left: 0px; top: 0px; z-index: 88; display: none } .phone_back.active { display: block; } .header .search { position: absolute; width: 100%; height: 50px; right: 0px; top: 1px; background: #00599e; display: flex; align-items: center; justify-content: center; padding: 0px 10px; padding-left: 10px; opacity: 0; visibility: hidden; } .header .search .fom { width: 100%; position: relative; border-radius: 30px; height: 35px; overflow: hidden; padding-right: 68px; } .header .search .txt { width: 100%; height: 100%; padding: 10px; background:linear-gradient(298deg,transparent 35px, #fff 0px); } .header .search .but { background: url('../images/icon31.png') no-repeat center center; width: 64px; height: 35px; position: absolute; right: 40px; top: 0px; } .search_close { background: url('../images/icon32.png') no-repeat center center; width: 55px; height: 35px; position: absolute; right: 0px; top: 0px; cursor: pointer; } .header .p_text { color: #00ffff; font-size: 18px; text-align: center; margin-top: 20px; } .header .p_text .text_list { display: flex; flex-direction: row; margin-top: 10px; } .header .p_text .text_list a { display: block; flex: 1; padding: 10px 0px; text-align: center; color: #fff; font-size: 14px; } .header .p_text .text_list a:hover { text-decoration: underline; } .header .p_text .text_list a:after { content: ''; background: url('../images/icon33.png') no-repeat center center; width: 7px; height: 6px; display: block; margin: 0 auto; margin-top: 2px; } .header .p_text .text_list a:nth-child(1) { background-image: linear-gradient(0deg,#08889c 0%,#025b96 100%); } .header .p_text .text_list a:nth-child(2) { background-image: linear-gradient(0deg,#00dc5d 0%,#007085 100%); } .header .p_text .text_list a:nth-child(3) { background-image: linear-gradient(0deg,#c5a806 0%,#316171 100%); } /* 手机导航结束 */ /* 12.06 */ .banner_jmb_x { height: 260px; } .jmbzt { padding-top: 30px; } .jmbzt .item h3 { font-size: 22px; line-height: 26px; } .jmbzt .item .text p { font-size: 14px; line-height: 26px; } .jmbzt .item .tit strong { font-size: 20px; } .jmbzt .item .tit span { font-size: 16px; } .jmbzt .item .tit { padding-left: 20px; } .jmbzt .item .tit:before { height: 42px; width: 6px; } .jmbzt .item .tit:after { height: 21px; width: 6px; } .jmbzt .links strong { font-size: 12px; } .jmbzt .links h3 { font-size: 22px; } .jmbzt .list ul li a .img { width: 140px; height: 78px; } .jmbzt .list ul li a .text { width: calc(100% - 140px); } .jmbzt .list ul li a .text { padding-right: 20px; } .jmbzt .list ul li a .text h3 { font-size: 16px; } .jmbzt .list ul li a .text p { font-size: 14px; } .jmbzt .list ul li .text .con { padding-bottom: 0px; border-bottom: none; } .jmbzt .list ul li { border-bottom: 1px solid #f1f1f1; margin: 0px; padding: 20px 0px; } .jmbzt .list ul li:last-child { padding-bottom: 0px; border-bottom: none; } .jmb_details img { float: none; margin-left: 0px; } .jmb_details p { font-size: 14px; line-height: 24px; } .ban_zt { bottom: 40px; } .ban_zt .text { padding: 10px 20px; border-left: 10px solid #00c9bf; } .ban_zt .text h3 { font-size: 25px; } .ban_zt .text strong { font-size: 25px; margin-top: -10px; } .jmb .text { display:none; } .jmb .jmb_swp{ display:block; } .jmb .jmb_swp { position:absolute; top:0px; left:0px; width:100%; display:flex; align-content:center; justify-content:center; padding-bottom:30px; } .jmb .jmb_swp .jmb_pag { text-align:left; padding-left:20px; } .jmb .jmb_swp .swiper-slide { padding:20px; padding-top:30px; } .jmb .jmb_swp .swiper-slide h3 { font-size:22px; line-height:35px; color:#fff; } .jmb .jmb_swp .swiper-slide h3 br { display:none; } .jmb .jmb_swp .swiper-slide p { font-size:16px; margin-top:20px; color:#fff; } .jmb .jmb_swp .swiper-slide strong { display: block; margin-top: 20px; color: #fff; } .jmb .jmb_swp .swiper-slide a { font-size: 13px; margin-left: 10px; background: url("../images/icon27.png") no-repeat right center; padding-right: 18px; color: #fff; } .jmb .jmb_swp .swiper-pagination-bullet { width:8px; height:8px; background:none; border:1px solid #fff; margin:0px 4px; opacity:1; outline:none;} .jmb .jmb_swp .swiper-pagination-bullet-active { background:#fff; } .in_product_swp .swiper-slide .img .img_1 { display:none } .in_product_swp .swiper-slide .img .img_2 { display:block; } .personnel1_swp .swiper-slide .img { height:130px; } .in_join .text a h3 { line-height:26px; font-size:18px; } .in_join .text a h3 i { margin-top:0px; } .in_join .text a h3 i img { width:30px; } .in_join .text a p { line-height:22px; margin-top:10px; } .in_join .text a { height:auto; padding:20px 10px; } .news_tit ul { padding:10px 0px; } .news_tit ul li { padding: 8px 0px; } .group3_swp .swiper-slide .p { font-size:13px; line-height:20px; } .group3_swp { height:960px; } .culture3 .had { margin-top:30px; } .culture3 .had h3 { font-size:16px; } .illness2 .list { margin-top:0px; } .details .tit h4 strong { margin-right:8px; } .details .tit h4 span { margin-right:8px; } .details .tit h4 span:last-child { margin-right:0px; } .information .text h1 { font-size:16px; } .information1 { padding:10px 0px; } .information1 .img { padding:0px; } .information2 .text h3 { font-size:18px; } .social_1 .item .fr h4 span { display:block; margin-left:0px; } .social_2 .had h3 { font-size:20px; padding:8px 20px; } .social_1 .item .fr .list ul li .con { padding:12px 5px; } .large4 .list1 ul li:first-child { padding-right:0px; } .large4 .list1 ul li .text1 p { line-height:22px; } .large4 .list1 ul li:nth-child(2) { padding-left:0px; } }ƵƵ4,߹ۿڲ,ϨӰ,ձ