/* ===============================关于我们-关于我们=============================== */ .gywm{ /* background: pink; */ padding: 94px 0px; } .gywm_l{ width:43% ; /* background: red; */ } .gywm_l p{ font-size: 14px; /* margin-bottom: 12px; */ line-height: 24px; } .gywm_l p:last-child{ margin-bottom: 0px; } .gywm_r{ /* background: red; */ width: 48.5%; } /* ===============================关于我们-科研创新=============================== */ .kycx{ background: #F6F7F9; padding: 70px 0px; } .kycx_tit{ font-size: 30px; text-align: center; margin-bottom: 45px; } .kycx_item{ width: 31.5%; background: #fff; height: 438px; } .kycx_item img{ width: 100%; height: 200px; /* background: pink; */ } .kycx_item p{ font-size: 14px; line-height: 24px; padding: 32px 32px 0px 32px; } /* ===============================关于我们-匠心品质+品牌力量 企业文化=============================== */ #ajaxaboutlist .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: -54px; } .qyjj_item{ /* border: 1px solid red; */ margin-bottom: 50px; margin-top: 20px; } .qyjj_item:last-child{ margin-bottom: 0px; } .qyjj_item:first-child{ padding-top: 40px; } .qyjj_item img{ width: 100%; } .jxpz,.ppll{ padding: 18px 0px; } .jxpz .swiper-pagination-bullet{ opacity: 0.6; } .jxpz_tit,.ppll_tit{ font-size: 30px; text-align: center; margin-bottom: 45px; } .jxpz_l,.ppll_r{ width: 50%; /* border: 1px solid red; */ } .jxpz_r,.ppll_l{ width: 43.5%; /* background: pink; */ } .jxpz_r p,.ppll_l p{ font-size: 14px; line-height: 24px; /* margin-bottom:50px; */ } .jxpz_l p:last-child,.ppll_l p:last-child{ margin-bottom:0px; } .swiper{ width: 100%; overflow: hidden; } #ajaxqywh2 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: -54px; } @media (max-width:750px) { .gywm{ padding: 20px 0px; } .gywm>div{ flex-wrap: wrap; } .gywm_l,.gywm_r{ width: 100%; } .kycx_box{ flex-wrap: wrap; } .kycx_item{ width: 100%; height: auto; } .kycx_item p{ padding: 24px; } .jxpz_box{ flex-wrap: wrap; } .jxpz_l,.ppll_r,.jxpz_r,.ppll_l{ width: 100%; } .jxpz_r,.ppll_l{ /* background: deepskyblue; */ margin-top: 36px; } .ppll_box{ /* background: pink; */ flex-direction: column-reverse; } #ajaxaboutlist .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: -34px; } } /* ===============================产业基地=============================== */ .ycjdhis{ margin: 90px 0px 20px; } .ycjdhis p{ font-size: 14px; line-height: 24px; color: #212A40; } .cyjd{ padding: 70px 0px; } .cyjd_box{ position: relative; } .cyjd_box>div{ position: relative; } .cyjd_box2{ position: relative; } .cyjd_box2>div{ position: relative; } .cyjd_item{ /* background: pink; */ margin-bottom: 120px; /* border: 1px solid darkred; */ } .cyjd_item:last-child{ margin-bottom: 0px; } .cyjd_tit{ font-size: 30px; text-align: center; /* margin-bottom: 45px; */ border-left: 3px solid #0156C3; text-align: left; padding-left: 20px; width: 57%; position: absolute; left: 0px; top: 0px; /* background: dimgrey; */ } .cyjd_tit h4{ font-weight: 500; font-size: 30px; color: #212A40; white-space: nowrap; } .cyjd_tit p{ font-size: 34px; color: #0156C3; opacity: 0.3; margin-top: 16px; } .cyjd_l p:last-child{ margin-bottom:0px; } .cyjd_tit2{ font-size: 30px; text-align: right; border-right: 3px solid #0156C3; border-left: none; padding-right: 20px; overflow: visible; position: absolute; right: 0px; top: 0px; } .cyjd_tit2 h4{ font-weight: 500; font-size: 30px; color: #212A40; white-space: nowrap; } .cyjd_tit2 p{ font-size: 34px; color: #0156C3; opacity: 0.3; margin-top: 16px; } .cyjd_l2 p:last-child{ margin-bottom:0px; } .cyjd_txt{ padding: 0px 0px 0px 20px; font-size: 16px; line-height: 30px; position: relative; } .cyjd_txt_img { width: 40%; aspect-ratio: 1 / 1.25; margin: 0px 0px 84px 130px; /* border: 1px solid red; */ } .cyjd_txt::before{ position: absolute; left: calc(60% - 60px); top: 70px; content: ''; background: url('../../../../img/science/zjbg3.png') no-repeat left bottom; background-size: 100%; z-index: -1; width: 40%; aspect-ratio: 487/586; } .cyjd_txt2{ padding: 0px 20px 0px 0px; font-size: 16px; line-height: 30px; position: relative; } .cyjd_txt2::before{ position: absolute; left: 60px; top: 70px; content: ''; background: url('../../../../img/science/zjbg3.png') no-repeat left bottom; background-size: 100%; z-index: -1; width: 40%; aspect-ratio: 487/586; } .cyjd_txt_img2{ width: 40%; aspect-ratio: 1 / 1.25; margin: 0px 130px 84px 0px; /* border: 1px solid red; */ } .cyjd_txt_txt{ padding-top:120px; } .cyjd_r{ /* background: red;*/ /* border: 1px solid red; */ width: 40%; position: relative; } .cyjd_r img{ object-fit: cover; width: 100%; aspect-ratio: 1 / 1.25; border: 1px solid #ccc; } .cyjd_r p{ font-size: 14px; line-height: 24px; margin-bottom:50px; } .cyjd_l{ width: 50%; /* background: pink; */ } .cyjd_l p{ font-size: 14px; line-height: 24px; /* margin-bottom:24px; */ /* background: pink; */ } @media only screen and (max-width: 1440px){ .cyjd_tit h4{ /* background: red; */ font-size: 28px; } } @media only screen and (max-width: 750px) { .cyjd_item{ flex-wrap: wrap; margin-bottom: 30px; /* border: 1px solid pink; */ /* background: red; */ } .cyjd_item:nth-child(2n){ /* background: pink; */ flex-direction: column-reverse; } .cyjd_txt{ padding: 0px; } .ycjdhis{ /* padding: 20px 0px 20px; */ margin: 24px 0px 30px; } .cyjd{ padding: 0px 0px 20px; } .cyjd_box{ flex-wrap: wrap; /* border: 1px solid darkred; */ } .cyjd_box2{ flex-wrap: wrap; flex-direction: column-reverse; } .cyjd_tit{ width: 100%; padding-left: 10px; margin-bottom: 16px; position: relative; } .cyjd_tit h4{ font-size: 16px; font-weight: bold; } .cyjd_tit p{ font-size: 14px; margin-top: 6px; } .cyjd_l p{ /* margin-bottom: 4px; */ } .cyjd_tit2{ width: 100%; padding-left: 10px; margin-bottom: 16px; position: relative; } .cyjd_tit2 h4{ font-size: 16px; font-weight: bold; } .cyjd_tit2 p{ font-size: 14px; margin-top: 6px; } .cyjd_txt_img,.cyjd_txt_img2{ width: calc(100% - 15px); float: none; } .cyjd_txt2{ padding: 0px; } .cyjd_txt_img2{ margin: 0px; position: relative; right: -20px; } .cyjd_txt::before{ position: absolute; left: 0px; top: 5px; content: ''; background: url('../../../../img/science/zjbg3.png') no-repeat left bottom; background-size: 100%; z-index: -1; width: 100%; aspect-ratio: 1/1.25; } .cyjd_txt2::before{ position: absolute; left: 0px; top: 5px; content: ''; background: url('../../../../img/science/zjbg3.png') no-repeat left bottom; background-size: 100%; z-index: -1; width: 100%; aspect-ratio: 1/1.25; } .cyjd_txt_img{ margin: 0px; float: none; } .cyjd_txt_txt{ padding-top: 40px; } .qywh_box{ flex-wrap: wrap; } #ajaxqywh2 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: -36px; } .qyjj_item:first-child{ padding-top: 0px; } .jxpz, .ppll{ padding: 0px 0px; } .jxpz_tit, .ppll_tit{ font-size: 20px; margin-bottom: 20px; } .kycx{ padding: 40px 0px; } .kycx_tit{ font-size: 20px; text-align: left; margin-bottom: 30px; } } /* ===============================发展历程=============================== */ .cd-container { /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */ width: 90%; max-width: 1265px; margin: 0 auto; } .cd-container::after { /* clearfix */ content: ''; display: table; clear: both; } #cd-timeline { position: relative; padding: 0.4em 0; margin-top: 2em; margin-bottom: 2em; } #cd-timeline::before { /* this is the vertical line */ content: ''; position: absolute; top: 0; left: 18px; height: 100%; width: 4px; background: #d7e4ed; } @media only screen and (min-width: 1170px) { #cd-timeline { margin-top: 70px; margin-bottom: 70px; } #cd-timeline::before { left: 50%; margin-left: -2px; } } .cd-timeline-block { position: relative; margin: 2em 0; } .cd-timeline-block:after { content: ""; display: table; clear: both; } .cd-timeline-block:first-child { margin-top: 0; } .cd-timeline-block:last-child { margin-bottom: 0; } @media only screen and (min-width: 1170px) { .cd-timeline-block { margin: -14px 0; } .cd-timeline-block:first-child { margin-top: 0; } .cd-timeline-block:last-child { margin-bottom: 0; } } .cd-timeline-img { position: absolute; top: 16px; left: 0; width: 40px; height: 40px; border-radius: 50%; box-shadow: 0 0 0 4px #ffffff, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05); } .cd-timeline-img img { display: block; width: 24px; height: 24px; position: relative; left: 50%; top: 50%; margin-left: -12px; margin-top: -12px; } .cd-timeline-img.cd-picture { background: #3369FF; } .cd-timeline-img.cd-movie { background: #3369FF; } .cd-timeline-img.cd-location { background: #3369FF; } @media only screen and (min-width: 1170px) { .cd-timeline-img { width: 24px; height: 24px; left: 50%; margin-left: -12px; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; } .cssanimations .cd-timeline-img.is-hidden { visibility: hidden; } .cssanimations .cd-timeline-img.bounce-in { visibility: visible; -webkit-animation: cd-bounce-1 0.6s; -moz-animation: cd-bounce-1 0.6s; animation: cd-bounce-1 0.6s; } } @-webkit-keyframes cd-bounce-1 { 0% { opacity: 0; -webkit-transform: scale(0.5); } 60% { opacity: 1; -webkit-transform: scale(1.2); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes cd-bounce-1 { 0% { opacity: 0; -moz-transform: scale(0.5); } 60% { opacity: 1; -moz-transform: scale(1.2); } 100% { -moz-transform: scale(1); } } @keyframes cd-bounce-1 { 0% { opacity: 0; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } 60% { opacity: 1; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } .cd-timeline-content { position: relative; margin-left: 60px; background: #ffffff; padding: 1em; box-shadow: 0px 3px 7px 1px #d7e4ed; } .cd-timeline-content:after { content: ""; display: table; clear: both; } .his_item_tit{ margin-bottom: 8px; } .his_item_tit h2 { color: #303e49; font-size: 24px; } .his_item_tit span { color: #336AFF; font-size: 24px; font-weight: bold; } .cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date { font-size: 12px; } .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date { display: inline-block; } .cd-timeline-content p { margin: 0px 0 4px; line-height: 20px; font-size: 14px; } .cd-timeline-content .cd-read-more { float: right; padding: .8em 1em; background: #acb7c0; color: #ffffff; border-radius: 0.25em; } .no-touch .cd-timeline-content .cd-read-more:hover { background-color: #bac4cb; } .cd-timeline-content .cd-date { float: left; padding: .8em 0; opacity: .7; display: none; } .cd-timeline-content::before { content: ''; position: absolute; top: 16px; right: 100%; height: 0; width: 0; border: 7px solid transparent; border-right: 7px solid #ffffff; } @media only screen and (min-width: 768px) { .cd-timeline-content h2 { font-size: 20px; } .cd-timeline-content p { font-size: 14px; line-height: 20px; } .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date { font-size: 14px; } } @media only screen and (max-width: 768px) { .his_item_main{ flex-wrap: wrap; } .cd-timeline-content{ padding: 20px; } } @media only screen and (min-width: 1170px) { .cd-timeline-content { margin-left: 0; padding: 20px; width: 45%; } .cd-timeline-content::before { top: 24px; left: 100%; border-color: transparent; border-left-color: #ffffff; } .cd-timeline-content .cd-read-more { float: left; } .cd-timeline-content .cd-date { position: absolute; width: 100%; left: 122%; top: 6px; font-size: 16px; display: none; } .cd-timeline-block:nth-child(even) .cd-timeline-content { float: right; } .cd-timeline-block:nth-child(even) .cd-timeline-content::before { top: 24px; left: auto; right: 100%; border-color: transparent; border-right-color: #ffffff; } .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more { float: right; } .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date { left: auto; right: 122%; text-align: right; } .cssanimations .cd-timeline-content.is-hidden { visibility: hidden; } .cssanimations .cd-timeline-content.bounce-in { visibility: visible; -webkit-animation: cd-bounce-2 0.6s; -moz-animation: cd-bounce-2 0.6s; animation: cd-bounce-2 0.6s; } } @media only screen and (min-width: 1170px) { /* inverse bounce effect on even content blocks */ .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in { -webkit-animation: cd-bounce-2-inverse 0.6s; -moz-animation: cd-bounce-2-inverse 0.6s; animation: cd-bounce-2-inverse 0.6s; } } @-webkit-keyframes cd-bounce-2 { 0% { opacity: 0; -webkit-transform: translateX(-100px); } 60% { opacity: 1; -webkit-transform: translateX(20px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes cd-bounce-2 { 0% { opacity: 0; -moz-transform: translateX(-100px); } 60% { opacity: 1; -moz-transform: translateX(20px); } 100% { -moz-transform: translateX(0); } } @keyframes cd-bounce-2 { 0% { opacity: 0; -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); -o-transform: translateX(-100px); transform: translateX(-100px); } 60% { opacity: 1; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes cd-bounce-2-inverse { 0% { opacity: 0; -webkit-transform: translateX(100px); } 60% { opacity: 1; -webkit-transform: translateX(-20px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes cd-bounce-2-inverse { 0% { opacity: 0; -moz-transform: translateX(100px); } 60% { opacity: 1; -moz-transform: translateX(-20px); } 100% { -moz-transform: translateX(0); } } @keyframes cd-bounce-2-inverse { 0% { opacity: 0; -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); -o-transform: translateX(100px); transform: translateX(100px); } 60% { opacity: 1; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } .his_pic{ width: 250px; height: 170px; margin-right: 12px; } @media only screen and (max-width: 750px) { .cd-timeline-img{ top: 13px; left: 13px; width: 14px; height: 14px; box-shadow: 0 0 0 3px #ffffff, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05); } .cd-timeline-content{ margin-left: 50px; padding: 12px; } .his_pic{ margin-right: 0px; width: 100%; } .his_item_tit{ margin-top: 20px; } } /* ===============================企业荣誉=============================== */ .qyry{ margin: 88px 0px; } .qyry_item{ /* background: pink; */ overflow: hidden; width: calc(33.33% - 36px); margin: 0px 54px 20px 0px; cursor: pointer; } .qyry_item p{ font-size: 16px; line-height: 1.8; text-align: center; width: 70%; margin:24px auto 0px; } .qyry_item:nth-child(3n){ /* background: deepskyblue; */ margin-right: 0px; } @media only screen and (max-width: 768px) { .qyry{ /* background: red; */ flex-wrap: wrap; margin: 40px 0px; } .qyry_item{ width: 100%; margin: 0px 0px 40px 0px; /* background: pink; */ } } /* ===============================视频专区=============================== */ .spzq{ margin: 50px 0px 110px; } .spzq_item{ /* background: pink; */ /* border: 1px solid red; */ overflow: hidden; width: calc(50% - 54px); margin: 0px 54px 20px 0px; } .spzq_item p{ font-size: 16px; line-height: 1.8; margin:24px auto 10px; } .spzq_desc{ font-size: 12px !important; color: #6D7383; margin: 0px !important; } .spzq_item:nth-child(2n){ /* background: deepskyblue; */ margin-right: 0px; } @media only screen and (max-width: 768px) { .spzq{ /* background: red; */ flex-wrap: wrap; margin: 40px 0px; } .spzq_item{ width: 100%; margin: 0px 0px 40px 0px; /* background: pink; */ } } /* ===============================联系我们=============================== */ .lxwm{ margin-top: 80px; } .lxwm_tit{ font-size: 24px; text-align: center; margin-bottom: 60px; } .lxwm_tab{ padding: 0px 24px; background: #fff; margin-bottom: 20px; } .lxwm_item{ padding: 24px 0px; width: 29%; padding-left: 20px; } .lxwm_item h6{ font-size: 16px; } .lxwm_item p{ font-size: 14px; } .lxwm_active{ color: #006fbc; border-bottom: 2px solid #006fbc; } .lxwm_cont li{ display: none; } .lxwm_active2{ display: block !important; } .lxwm_cont{ background: #fff; padding: 24px; } .BMap_bubble_title{ font-size: 12px; } .BMap_bubble_content{ font-size: 12px; } .lxwm_lxfs{ margin-top: 80px; } .lxwm_lxfs_tit{ font-size: 24px; text-align: center; margin-top: 80px; margin-bottom: 60px; } .lxwm_lxfs_tab{ padding: 0px 24px; margin-bottom: 20px; } .lxwm_lxfs_item{ width: 29%; background: #fff; } .lxwm_lxfs_txt{ padding: 20px 20px 40px 20px; } .lxwm_lxfs_item h6{ font-size: 16px; margin-bottom: 20px; } .lxwm_lxfs_item p{ font-size: 14px; } .lxwm_point{ position: relative; font-size: 12px; /* border:1px solid red; */ box-sizing: border-box; padding-left: 68px; padding-top: 7px; box-sizing: border-box; height: 56px; width: 224px; } .lxwm_txt1{ color: #212A40; font-weight: bold; font-size: 14px; } .lxwm_txt2{ color: #6D7383; font-size:12px; } .lxwm_point img{ position: absolute; left: 0; top: 0; width: 100%; z-index: -1; } .map_container{ width: 100%; height: 400px; } @media only screen and (max-width: 750px) { .lxwm{ margin-top: 40px; } .lxwm_tit{ margin-bottom: 20px; } .lxwm_tab{ padding: 0px; background: none; } .lxwm_item{ padding: 0px; text-align: center; } .lxwm_cont{ padding: 0px; } .lxwm_item h6{ font-size: 14px; padding-bottom: 10px; } .lxwm_item p{ display: none; } .map_container{ border:1px solid #e1e1e1; height: 200px; } .lxwm_lxfs_tit{ margin-top: 40px; margin-bottom: 20px; } .lxwm_lxfs_tab{ flex-wrap: wrap; padding: 0px; } .lxwm_lxfs_item{ width: 100%; margin-bottom: 20px; } } /* 加入我们 */ .jrwm{ margin-top:80px; } .jrwm_item{ border: 1px solid #CBD4E2; /* border: 1px solid red; */ padding: 20px; position: relative; cursor: pointer; font-size: 12px; width: calc(33.33% - 24px); margin-right: 36px; margin-bottom: 36px; border-radius: 16px; } .jrwm_item:nth-child(3n){ margin-right: 0px; } .jrwm_item:hover{ background: linear-gradient(45deg, #21A2F3 0%, #0156C3 100%); } .jrwm_item:hover .jrwm_item_desc,.jrwm_item:hover .jrwm_item_tit h5,.jrwm_item:hover .jrwm_item_tit p{ color: #fff; } .jrwm_item_tit h5{ color: #0156C3; font-weight: bold; font-size: 16px; margin-bottom: 10px; } .sjrwm_item_tit p{ color: #6D7383; font-size: 16px; font-weight: bold; } .jrwm_item_desc{ color: #212A40; /* font-weight: 600; */ font-size: 16px; line-height: 1.5; } .jrwm_item_pic{ width: 100%; aspect-ratio: 1/0.52; margin-bottom: 10px; border-radius: 16px; overflow: hidden; } .jrwm_item_pic img{ width: 100%; height: 100%; transition: all .3s; } .jrwm_item_pic img:hover{ transform: scale(1.1); } .jrwm_btn_box{ display: none; } .jrwm_btn{ position: absolute; right: 40px; top: 40px; background: #0156C3; border-radius: 999px; width: 52px; height: 52px; display: flex; justify-content: center; align-items: center; } @media only screen and (max-width: 750px) { .jrwm_item{ width: 100%; margin-right: 0px; } } /* ===============================关于我们-品牌风采=============================== */ .zlcg { padding: 60px 0px 0px; } .zlcg_item { width: 24%; /* padding: 20px; */ /* border: 1px solid rgb(165, 148, 148); */ margin: 40px 0px; /* background: #6D7383; */ } .zlcg_item_t { color: #0156C3; position: relative; margin-bottom: 32px; } .zlcg_item_t::after { position: absolute; left: calc(50% - 20px); bottom: -12px; width: 40px; height: 2px; background: #0156C3; content: ''; } .zlcg_item_t h5 { font-size: 50px; line-height: 50px; } .zlcg_item_t p { font-size: 16px; line-height: 16px; font-weight: 400; } .zlcg_item_line { position: relative; } .zlcg_item_line::after { position: absolute; right: 0px; top: 10px; width: 1px; height: calc(100% - 20px); content: ''; background: #CBD4E2; } .zlcg_item_b { font-size: 14px; text-align: center; color: #6D7383; } .zlcg_swiper { padding: 40px 0px 60px; /* overflow: hidden; */ position: relative; /* background: rebeccapurple; */ } .zlcg_swiper_l, .zlcg_swiper_r { position: absolute; top: calc(50% - 25px); z-index: 2; width: 50px; height: 50px; border: 1px solid #6D7383; border-radius: 999px; transition: all .3s; } .zlcg_swiper_l:hover, .zlcg_swiper_r:hover { transform: scale(1.1); cursor: pointer; background: #006FBC; border: none; } .zlcg_swiper_l { left: -80px; } .zlcg_swiper_r { right: -80px; } .zlcg_swpier_btn2 { display: none; } .zlcg_swiper_box { /* width: calc(100% - 180px); */ width: 100%; overflow: hidden; margin: 0 auto; /* background: pink; */ } #ajaxzlcg2 .swiper-slide img{ width: 100%; } .ppfc{ /* background: red; */ margin-top: 80px; } .ppfc h6{ font-size: 24px; text-align: center; margin-bottom: 24px; font-weight: bold; } .ppfc p{ font-size: 14px; line-height: 20px; } .ppfc .swiper-slide img{ width: 100%; margin-bottom: 12px; } .ppfc .swiper-slide p{ text-align: center; } .zhaiyao p{ margin-bottom: 20px; } @media only screen and (max-width: 750px) { .ppfc{ margin-top: 40px; } .ppfc li{ margin-bottom: 20px; } .zlcg { padding: 30px 0px; } .zlcg_item { width: 50%; } .zlcg_item:nth-child(2n)::after { width: 0px; } .zlcg_swiper { padding: 0px 0px 40px; } .zlcg_swiper:last-child{ padding: 0px; } .zlcg_swiper_box { width: 100%; overflow: hidden; margin: 0 auto; } .zlcg_swiper_l, .zlcg_swiper_r { top: calc(50% - 45px); border: 1px solid #fff; } .zlcg_swpier_btn1{ display: none; } .zlcg_swpier_btn2{ display: block; } .zlcg_swiper_l { left: 10px; } .zlcg_swiper_r { right: 10px; } } /* ===============================关于我们-品牌风采=============================== */