@media screen and (max-width:1680px){ .hRight .topLink { margin-left: 40px; } .hr_box_in{ padding:0 60px; } .careForTalents .tBgBox { height: calc(19.1vw + 120px); } .hr_leftNull{width: 60px; } .indexItem1 .indexproductSearchBox_in{ width: 100%; padding-right: 60px; } header { padding:0 24px; } .hRight .nav>ul li{ margin-left: 3vw;} .ideaOfResponsibility .item_1_txt{ padding:50px 70px;} /* 责任报告 */ .responsibilityReporting .reportList .list{ background-position: center 21.5vw; } /* 责任报告 end */ .indexItem4 .imgBox{ width: 50%; } .indexItem4 .leftBox{ width: 48%; padding-bottom: 120px; } .indexItem4 .leftBox .txt{ padding-top: 16px;; } .indexItem4 .leftBox .moreBtn{ margin-top: 32px; } .indexItem4 .list{ bottom: 30px; height: 140px; } .ejSearchBox .search_in{ width: 1200px; } .rightMap_in{ padding-top: 100px; padding-right: 88px; } .rightMap_in .mapList{ height: calc(100vh - 360px); } .rightMapCloseBtn{ top: 32px; right: 32px; } .rightMapMenu{ width: 80%; } .wdzTopTab a{ width: 170px; font-size:18px;} .zctxBox .eServiceTop .txtBox{ padding:0 0 0 80px; } .zctxBox .eServiceTop .imgBox{ width: 680px; height: 453px; } .hawtxListBox .item{ padding:32px; margin-bottom: 32px; } .searchpage .spageBoxOut{ padding:0 200px; } .wdzApplication .list{ height: 540px; } .responsibilityReporting .reportList .list .item{ margin-bottom: 104px; } } @media screen and (max-width:1560px){ .rightMap_in{ padding-top: 66px; padding-right: 66px; } .rightMap_in .mapList{ height: calc(100vh - 280px); } .rightMapCloseBtn{ top: 24px; right: 24px; } .rightMapMenu{ width: 84%; padding-left: 240px; } .wdzTopTab a{ width: 166px; font-size:16px;} .zctxBox .eServiceTop .txtBox{ padding:0 0 0 60px; } .zctxBox .eServiceTop .imgBox{ width: 600px; height: 400px; } .hawtxListBox .item{ padding:30px 24px; margin-bottom: 30px; } .hawtxListBox .item .txtBox{ padding-right: 24px; } .hawtxListBox .item:nth-child(2n) .txtBox{ padding-left: 24px; } .makeAndService .mkServiceRight{ padding-left: 20px;padding-right: 20px; } .searchpage .spageBoxOut{ padding:0 180px; } .wdzApplication .list{ height: 520px; } .jydgComtainer .topNavBox .navList{ width: 50%; padding-left: 60px; } .jydg_link .item .fullImg .iconBox i{ font-size:48px; } .jydg_link .item{ margin-right: 40px; } .jydg_link .item:nth-child(3n) { margin-right: 0; } .responsibilityReporting .reportList .list .item{ margin-bottom: 100px; } /* 产学研 改版 */ .cyxItem2 .list2 .item2 .txtBox2{ padding:56px 46px; } /* 产学研 改版 end */ .indexItem4 .moreBtn a{ width: 140px; height: 40px; } } @media screen and (max-width:1460px){ .hr_outBox{ min-width: 100%; width: 100%; } .hr_box_in{ padding:0 56px; } .careForTalents .tBgBox { height: calc(19.5vw + 120px); } .hr_leftNull{width:36px; } .indexItem1 .indexproductSearchBox_in{ width: 100%; padding-right: 36px; } .hRight .topLink { margin-left: 36px; } .hRight .nav>ul li { margin-left: 28px; } .contactNetwork .item_in{ padding:30px; } .contactBox .item_in .title{ font-size:22px; } .careForTalents .tItem_1 .tList .item{ padding:40px 32px; min-height: 540px; } /* 责任理念 */ .ideaOfResponsibility .item_1_txt{ padding:40px 60px;} .ideaOfResponsibility .item_3_listBox .item .txtBox .txtBox_bg,.ideaOfResponsibility .item_3_listBox .item:nth-child(2n) .txtBox .txtBox_bg{ padding:0 80px 0; display: flex; align-items: center; } /* 责任理念 end */ /* e-service */ .makeAndService .mkServiceRight{ padding:0 20px 100px; } .eServiceTop .txtBox{ padding-right: 60px; } .eServiceBox .onlineList .list .item{ width: calc(100% / 3 - 27px); margin-right: 40px; padding:36px 44px; } .makeListBox .item{ width: calc(100% / 3 - 16px); margin-right: 24px; } /* e-service end */ /* 晶圆代工 */ .jydgComtainer .topNavBox .navList{ width: 50%; padding-left: 60px; } .jydgComtainer .topNavBox .imgs_left{ height: 580px; } .jydgComtainer .topNavBox .navList .navName{ padding-bottom: 24px; } .jydgComtainer .topNavBox .list .item .item_img i{ font-size:26px; } .jydg_link .item{ width: calc(100% / 3 - 16px); margin-right: 24px; } /* 晶圆代工 end */ /*掩模制造*/ .productType .list .item{ width: calc(100% / 2 - 16px); margin-right: 24px; } /*掩模制造 end*/ /* index */ .indexItem2 .indexAppTab{ margin-top: 40px; height: 200px;} .indexItem2 .indexAppContainer .txt{ padding:20px 0 30px; } .indexItem2 .indexAppTab .item_sel{ height: 200px; } .indexItem4 .list{ bottom: 10px; height: 120px; } /* index end */ .ejSearchBox .search_in{ width: 80%; } .rightMapCloseBtn img{ width: 28px; } .wdzTopTab a{ width: 160px;} .zctxBox .eServiceTop .txtBox{ padding:0 0 0 40px; } .searchpage .spageBoxOut{ padding:0 160px; } .wdzApplication .list{ height: 500px; } .responsibilityReporting .reportList .list .item{ margin-bottom: 94px; } } /* 1460px end */ @media screen and (max-width:1360px){ .hr_box_in{ padding:0 48px; } .hRight .topLink { margin-left: 30px; } .hRight .topLink .item{ margin-left: 12px; } .hRight .nav>ul li { margin-left: 22px; } .zlglContent .zl_itemTop_1.zl_itemTop_khtx .txtBox{ width: 52%; } .companyNews .topNews a .txtBox{ padding:50px 60px; } .careForTalents .tItem_1 .tList .item{ padding:36px 30px; min-height: 500px; margin-right: 24px; width: calc(100% / 3 - 16px); } .staffWelfare_in{ padding:0 100px; } /* 产学研合作 */ .cyx_Item_1 .cyx_Item_1_txt { padding-left: 100px; } .cyxItem3 .cyx_Item_1 .cyx_Item_1_txt{ padding-right: 100px; } /* 产学研合作 end */ /* 责任报告 */ .responsibilityReporting .reportList .list{ background-position: center 21vw; } /* 责任报告 end */ /* 投资者活动记录 */ .tzrActRecord .list .item{ margin-right: 32px; margin-top: 32px; width: calc(100% / 3 - 22px); } .tzrActRecord .list .item a{ padding:32px; } /* 投资者活动记录 end */ /* 资粮下载 */ .wdzFileList .rBox .rBox_in a{ padding-left: calc(41.764% + 40px); padding-right: 12%; padding-bottom: 36px; } /* 资粮下载 end */ /* e-service */ .makeAndService .mkServiceRight{ padding:0 20px 80px; } .eServiceTop .txtBox{ padding-right: 48px; } .eServiceBox .onlineList .list .item{ width: calc(100% / 3 - 24px); margin-right: 36px; padding:36px 40px; } .makeListBox .item a .name{ font-size:20px; } /* e-service end */ /* 晶圆代工 */ .jydgComtainer .topNavBox .navList{ width: 50%; padding-left: 40px; } .jydgComtainer .topNavBox .imgs_left{ height: 540px; } .jydgComtainer .topNavBox .list .item{ padding:20px 24px; margin-bottom: 16px; } .jydgComtainer .topNavBox .list .item .item_m a{ font-size:18px; } .jydgComtainer .topNavBox .list .item .item_img i{ font-size:24px; } .jydg_link .item .fullImg .iconBox i{ font-size:48px; } /* 晶圆代工 end */ /*掩模制造*/ .productType .list .item{ padding:24px; } /*掩模制造 end*/ /* index */ .indexItem2 .indexAppTab{ margin-top: 36px; height: 180px;} .indexItem2 .indexAppTab .item_sel{ height: 180px; padding:16px; } .indexItem4 .list{ bottom: 0px; height: 120px; } .indexItem4 .leftBox .desc{ font-size:24px; } .indexItem4 .leftBox .title{ padding-top: 20px; } .indexItem4 .list .item .numBox span:first-child{ font-size:36px; } .indexItem5 .indexNewsList .reSwItem{ width: calc(100% / 3 - 20px); margin-right: 30px; } .indexItem5 .indexNewsList .title{ font-size:20px; height: 100px;} .indexItem5 .indexNewsList .time{ margin-bottom: 15px; } /* index end */ .devPlav_item_3 .imgBox{ margin-right: 36px; } .devPlav_item_3 .imgBox img{ width: 640px; } .rightMapCloseBtn img{ width: 26px; } .ybDetail .ybDetail_in{ width: 100%; } .wdzApplication .list{ height: 480px; } .responsibilityReporting .reportList .list .item{ margin-bottom: 94px;} .responsibilityReporting .reportList .name{ font-size:14px; } /* 产学研 改版 */ .cyxItem2 .list2 .item2 .txtBox2{ padding:50px 40px; } /* 产学研 改版 end */ } /* 1360px end */ @media screen and (max-width:1280px){ .hr_fs60{ font-size:58px;} .hr_fs48{ font-size:44px;} .hr_fs40{ font-size:36px;} .hr_fs36{ font-size:32px;} .hr_fs32{ font-size:30px;} .hr_fs30{ font-size:28px; } .hr_mb120{ margin-bottom: 100px; } .hr_mt120{ margin-top: 100px; } .hr_m80{ margin:70px 0; } .hr_mt80{ margin-top: 70px; } .hr_mt64{ margin-top: 50px; } .hr_mb64{ margin-bottom: 50px; } .hr_pt64{ padding-top: 50px; } .hr_p120{ padding:100px 0;} .hr_pt120{ padding-top:100px; } .hr_pb120{ padding-bottom:100px; } .hr_p80{ padding:70px 0;} .hr_pt80{ padding-top:70px; } .hr_pb80{ padding-bottom:70px; } .hr_p64{ padding:50px 0;} .hr_pt64{ padding-top:50px; } .hr_pb64{ padding-bottom:50px; } .hr_p60{ padding:50px 0;} .hr_pt60{ padding-top:50px; } .hr_pb60{ padding-bottom:50px; } .hr_p40{ padding:36px 0;} .hr_pt40{ padding-top:36px; } .hr_pb40{ padding-bottom:36px; } .hRight .topLink .item{ display: none; } .hRight .topLink .item.rightMap,.hRight .topLink .item.tSearchBtn { display: flex; } .hRight .nav>ul li { margin-left: 40px; } .hRight .topLink .tSearchBtn{ border:none; } .hRight .topLink .tSearchBtn i{ color: var(--color, #196CCF); } .hRight .topLink .rightMap{ width: 40px; height: 40px; } .hRight .topLink .rightMap i{ font-size:16px; } footer .rightBox{ padding-left: 46px; padding-bottom: 100px; margin-left: 60px; } .pdfTableBox .dataListTabel{ overflow: auto; } .pdfTable .dataListTabel table{ width: auto; } .lastTabel{ width: 110px; } .txManagementList .item{ margin-bottom: 60px; } .zlglContent .zl_itemTop_1 .txtBox .title{ padding-bottom: 20px; } .contactBox .hq_contactTop .contactTop .rightBox{ height: 500px; } .contactBox .hq_contactTop .contactTop .rightBox .contactTop_txt{ padding:60px 32px 30px 60px; } .companyNews .topNews a .txtBox{ padding:36px 46px; } .staffWelfare_in{ padding:0 80px; } .welfareList .item .name{ font-size:18px; } .EmployeeHome .homeTxt{padding:60px 7% 60px 15%} /* 产学研合作 */ .cyx_Item_1 .cyx_Item_1_txt { padding-left: 80px; } .cyxItem3 .cyx_Item_1 .cyx_Item_1_txt{ padding-right: 80px; } .cyx_Item_1 .cyx_Item_1_img{ width: 630px; height: 420px; } .cyxItem2 .list .item{ padding:60px 40px 40px; } .cyxItem2 .list .item .iconImg{ height: 68px; } .cyxItem2 .list .item .title{ padding:30px 0 20px } /* 产学研合作 end */ /* 责任报告 */ .ResponsibleReporting_in .item a{ padding:50px 32px; } .ResponsibleReporting_in .item a .title{ margin:16px 0 32px; } /* 责任报告 */ /* 责任理念 */ .ideaOfResponsibility .ln_item_2 .item{ margin-right: 24px; width: calc(100% / 3 - 16px); } .ideaOfResponsibility .ln_item_2 .hr_tc{ font-size:18px; } .ideaOfResponsibility .item_3_listBox .item .txtBox .txtBox_bg,.ideaOfResponsibility .item_3_listBox .item:nth-child(2n) .txtBox .txtBox_bg{ padding:0 60px 0; } /* 责任理念 end */ /* 责任报告 */ .responsibilityReporting .reportList .list{ background-position: center 20vw; } .responsibilityReporting .reportList .name{ width: 110%; transform: translateX(-5%); } .responsibilityReporting .reportList .list .item{ margin-bottom: 82px; } /* 责任报告 end */ /* 投资者活动记录 */ .tzrActRecord .list .item .title{ font-size:20px; } .tzrActRecord .list .item .imgBox{ margin-top: 36px; } /* 投资者活动记录 end */ /* e-service */ .makeAndService .mkServiceRight{ padding:0 20px 70px; } .eServiceTop .txtBox{ padding-right: 36px; } .eServiceBox .onlineList .list .item{ width: calc(100% / 3 - 20px); margin-right: 30px; padding:30px 24px; } .eServiceBox .onlineList .list .item_in .num{ right: -10px; } .eServiceBox .onlineList .list .item_in .title{ font-size:20px; } .eServiceBox .onlineList .list .item_in .imgs{ height: 40px; } .makeListBox .item a .name{ font-size:20px; font-weight: bold; } .makeListBox .item a{ padding:0 24px 0 48px; } .makeListBox .item .svgIcon{ margin-right: 20px; line-height: 1; } .makeListBox .item .svgIcon svg{ width: 36px; font-size: 36px; } .makeListBox .item a i{ line-height: 1; font-size:24px; } /* e-service end */ .jydg_link .item{ width: calc(100% / 3 - 12px); margin-right: 20px; } .jydg_link .item .fullImg .iconBox i{ font-size:42px; } .jydg_link .item .fullImg .en{ padding-top: 8px; } /*掩模制造*/ .productType .list .item{ width: calc(100% / 2 - 12px); margin-right: 20px; } /*掩模制造 end*/ .indexItem5 .indexNewsList .title{ font-size:18px; height: 88px;} .indexItem3 .sv_right .swiper-slide.swiper-slide-active a .txtBox{ padding-top: 50px; padding-bottom: 60px; } /* 发展历程 */ .wdzHistoryPd{ padding:0 60px; } .wdzHistoryPd .swiper-container{ padding:0 12px; } .ybHistoryList_in::before{ top: 84px; } .ybHistoryList_btn .swiper-button-prev, .ybHistoryList_btn .swiper-button-next{ top: 60px; } /* 发展历程 end */ .devPlav_item_3 .imgBox{ width: 50%; } .devPlav_item_3 .imgBox img{ width: 100%; } .devPlav_item_3 .txtBox{ flex: 1; } .rightMapCloseBtn img{ width: 24px; } .zctxBox .eServiceTop .imgBox{ width: 50%; height: auto; } .eServiceTop .imgBox img{ width: 100%; height: auto; } .searchpage .spageBoxOut{ padding:0 100px; } .wdzApplication .list{ height: 460px; } .careForTalents .tBgBox { height: calc(19.3vw + 100px); } /* 产学研 改版 */ .cyxItem2 .list2 .item2 .txtBox2{ padding:46px 36px; } /* 产学研 改版 end */ } /* 1280px end */ @media screen and (max-width:1180px){ .hr_desc { line-height: 1.7; } .hr_fs60{ font-size:54px;} .hr_fs48{ font-size:40px;} .hr_fs40{ font-size:36px;} .hr_fs36{ font-size:28px;} .hr_fs32{ font-size:24px;} .hr_fs30{ font-size:20px; } .hr_fs24{ font-size:20px; } .hRight .topLink{ margin-left: 24px; } .hRight .nav>ul li { margin-left: 24px; } footer .rightBox{ padding-left: 20px; padding-bottom: 80px; margin-left: 40px; width: 280px; font-size:14px; } footer .rightBox ul li{ line-height: 1.5; } .zlglContent .zl_itemTop_1.zl_itemTop_khtx .txtBox{ width: 54%; } .contactBox .hq_contactList .item{width: calc(50% - 15px); margin-right: 30px;} .contactList.hq_contactList .item.item:nth-child(2n){ margin-right: 0; } .contactNetwork .listBox .list .item{width: calc(50% - 15px); margin-right: 30px; } .contactNetwork .listBox .list .item:nth-child(3n){ margin-right: 30px;} .contactNetwork .listBox .list .item:nth-child(2n){ margin-right: 0;} .companyNews .topNews a .imgBox{ width: 480px; height: 270px; } .companyNews .topNews a .txtBox{ padding:28px; } .companyNews .newsList a{ padding:24px; } .companyNews .newsList .img{ margin-right: 20px; } .companyNews .newsList .txtBox{ padding-right:120px; } .staffWelfare_in{ padding:0 60px; } .welfareList .item .name{ font-size:16px; } .EmployeeHome .homeTxt{padding:56px 6% 56px 14%} /* 产学研合作 */ .cyx_Item_1 .cyx_Item_1_txt { padding-left: 40px; } .cyxItem3 .cyx_Item_1 .cyx_Item_1_txt{ padding-right: 40px; } .cyx_Item_1 .cyx_Item_1_img{ width: 567px; height: 378px; } .cyxItem2 .list .item{ padding:50px 30px 30px; margin-right: 24px; width: calc(100% / 3 - 16px); } /* 产学研合作 end */ /* 责任报告 */ .ResponsibleReporting_in .item{ margin-right: 24px; margin-bottom: 24px; width: calc(100% / 3 - 16px); } .ResponsibleReporting_in .item a{ padding:46px 30px; } .ResponsibleReporting_in .item a .title{ font-size:18px; } /* 责任报告 */ /* 责任理念 */ .ideaOfResponsibility .ln_item_2 .item{ margin-right: 20px; width: calc(100% / 3 - 14px);padding-bottom: 20px; } .ideaOfResponsibility .ln_item_2 .hr_tc{ font-size:16px; margin-top: 20px; } .ideaOfResponsibility .item_3_listBox .item .txtBox .txtBox_bg{ padding:0 30px 0; } /* 责任理念 end */ /* 责任报告 */ .responsibilityReporting .reportList .list{ background: none; } .responsibilityReporting .reportList .list .item{ padding:0 12px; } .responsibilityReporting .reportList .name { width: 100%; transform: translateX(0); margin-top: 40px; } /* 责任报告 end */ /* 投资者活动记录 */ .tzrActRecord .list .item{ margin-right: 24px; margin-top: 24px; width: calc(100% / 3 - 16px); } .tzrActRecord .list .item a{ padding:24px; } .tzrActRecord .list .item .title{ font-size:18px; } /* 投资者活动记录 end */ /* 联系我们 */ .contactInfo .txtLeft{ padding:0 60px; } /* 联系我们 end */ /* 资粮下载 */ .wdzFileList .rBox .rBox_in a{ padding-left: calc(41.764% + 40px); padding-right: 36px; padding-bottom: 36px; padding-top: 36px; } .wdzFileList .rBox .rBox_in a .name{ height: auto; } .wdzFileList .rBox .rBox_in a .rTxt { justify-content: space-between; } .wdzFileList .list{ margin-bottom: 60px; } /* 资粮下载 end */ /* e-service */ .eServiceBox .onlineList .list .item{ width: calc(50% - 20px); margin-right: 40px; padding:30px 24px; } .eServiceBox .onlineList .list .item:nth-child(3n){ margin-right: 40px; } .eServiceBox .onlineList .list .item:nth-child(2n){ margin-right: 0; } /* e-service end */ /* index */ .indexItem2 .indexAppBox{ height: auto; padding-top: 80px; } .indexItem2 .indexAppTab .item,.indexItem2 .indexAppTab .item_in{ height: 68px; border-radius: 0; } .indexItem2 .indexAppTab .item_sel{ height: 68px; border-radius: 0; justify-content: center; align-items: center; } .indexItem2 .indexAppTab .item_in .tIcon,.indexItem2 .indexAppTab .item_sel .imgBox{ display: none; } .indexItem2 .indexAppTab .en{ display: none; } .indexItem2 .indexAppTab .item_in{ padding:0; justify-content: center; align-items: center; } .indexItem2 .indexAppTab .cn{ font-size:20px; } .indexItem2 .indexAppTab{ height: auto; padding-top: 20px;} .indexItem3 .sv_right .swiper-container{ margin-left: 320px; width: 320px; } .indexItem3 .sv_right .swiper-slide.swiper-slide-active a .txtBox{ left: 0px; width: 320px; } .indexItem7 .wdzBrand .item{ width: calc(25% - 21px); } .indexItem7 .wdzBrand .item:nth-child(6n){ margin-right: 28px; } .indexItem7 .wdzBrand .item:nth-child(4n){ margin-right: 0; } .indexItem5 .indexNewsList .title{ font-size:16px; height: 88px; font-weight: bold;} .indexItem5 .indexNewsList .readMore { align-items: baseline; } /* index end */ /* 人力资源 */ .devPlav_item_3 .hr_box_in>.hr_f_start{ display: block; overflow: hidden; } .devPlav_item_3 .imgBox{ float: left; } .contactBox table tr th{ font-size:14px; } .contactBox table tr th.th1{ width: 200px; } .contactBox table tr th.th2{ width: 120px; } .contactBox table tr th.th3{ width: 180px; } .contactBox table tr th.th4{ width: 260px; } .contactBox table tr th.th5{ width: 260px; } .contactBox table tr td{ font-size:14px; } .rightMapCloseBtn img{ width: 20px; } .rightMapMenu{ width: 90%; } .wdzTopTab .specialColumnTab .swiper-wrapper{ justify-content: left; } /* 应用 */ .wdzApplication .list{ height: 440px; } .wdzApplication .list_in>div{ padding:0 80px; width: 100%; } .appAreaCircuit .appTitle{ margin-bottom: 20px; } .appCircuitBox .imgsBox{ padding-right: 0; } .appCircuitBox .appTab span{ padding-left: 0px; } .appCircuitBox{ border:none; } .proView{ position: relative; margin-top: 64px; width: 100%; border:1px solid #ddd; } .appCircuitBox .appTab{ background: none; border:none; } .appCircuitBox .appTab .item{ border:1px solid #ddd; } .proView .proName{ border-bottom: 1px solid #ddd; background: #bdc6d4; font-size:16px; font-weight: bold; } .proView ul li:last-child{ border-bottom: none; } /* 应用 end */ /* .item_2_sdbs .imgBox{ display: none; } .item_2_sdbs .list{ padding-left: 0; } .item_2_sdbs .list .item{ display: block!important; margin-bottom: 60px; } .item_2_sdbs .list .item:last-child{ margin-bottom: 0; } .item_2_sdbs .list .item .tabCom{ height: auto; margin-top: 30px; } */ .item_2_imgs{ width: 56.0169%; } .item_2_sdbs .item_2_out{ position: relative; height: 0; width: 100%; padding-bottom: 77.91225%; } .item_2_sdbs .item_2_out .item_2_in{ position:absolute; top: 0; left: 0; width: 100%; height: 100%; } .item_2_sdbs .item_2_out .imgBox{ width: 100%; height: 100%; } .wdnHistory_item_2 .item ul li{ margin-right: 24px; } .wdnHistory_item_2 .item ul li:last-child{ margin-right: 0; } .item_2_sdbs .list{padding-left: 40px;} /* 制造与服务 左边导航 */ .indexItem3 .sv_right .swiper-slide.swiper-slide-active a .txtBox { left: 0px; } .product_center .center_box{ flex-wrap: wrap; } /* .product_center .center_box .le_box{ width: 100%; padding:0 5vw .4rem;} */ .product_center .center_box .le_box{ width: 100%; position: relative; padding:0;} .product_center .center_box .le_box .viewLeftMenu{ box-shadow: 0px 1px 0px 0px #E8E8E8; border-bottom: 1px solid #e8e8e8; display: block; padding:0 5vw; height: 120px; display: flex; justify-content: space-between; align-items: center; background: #fff; } .product_center .center_box .le_box .viewLeftMenu .viewBtn{ display: flex; justify-content: center; align-items: center; width: 160px; cursor: pointer; height: 64px; background: #FFFFFF; border-radius: 8px; border: 2px dotted #333; } .product_center .center_box .le_box .viewLeftMenu .viewBtn i{ font-size:20px;margin-right: 12px; } .product_center .center_box .le_box .viewLeftMenu .viewBtn span{ font-size:20px; font-weight: bold; } .product_center .center_box .le_box .tent1, .product_center .center_box .le_box .tent2 .slide .icon, .product_center .center_box .le_box::before { display: none; } .product_center .center_box .le_box .div_{ width: 100%; position: absolute; left: 0; top: 119px; overflow: hidden; display: none; background: #F4F4F4; z-index: 100; padding:0 5vw .4rem; border-top: 1px solid #E8E8E8; height: 38vw; } .viewLeftMenu .closeLeftMenuBtn{ display: none; } .product_center .center_box .le_box .tent2{ height: calc(100% - 60px); overflow: auto; display: block; } .product_center .center_box .le_box .tent2 .slide{ margin-top: 20px; } .product_center .center_box .le_box .tent2 .slide:first-child{ margin-top: 0; } .makeAndService .mkServiceBread{ box-shadow: none; border-bottom: 1px solid #e8e8e8; display: none; } .mkServiceBread a:last-child{ color: #333; } /* 制造与服务 左边导航 end */ .searchpage .spageBoxOut{ padding:0 60px; } .wdzHonorRight{ right: 50px; width: 240px; } .honorListBox{ padding: 70px 340px 70px 50px; } .honorListBox_item{ padding-left: 200px; } .honorImgBox .year{ font-size:36px; width:160px; } .honorImgBox .en{ padding-top: 30px; } .rqpreNext{ flex-wrap: wrap; } .rqpreNext .item{ width: 100%; } .rqpreNext h4{ padding-bottom: 10px; } .productBanner .txt{ font-size:16px; margin-top: 16px; } .careForTalents .tBgBox { height: calc(19.9vw + 100px); } .careForTalents .tList_v2 .tItem_v2{ width: calc(100% / 3 - 16px); flex-direction: column; margin-right: 24px; } .careForTalents .tList_v2 .tItem_v2 .txtBox2{ padding:24px; } /* 产学研 改版 */ .cyxItem2 .list2 .item2 .txtBox2{ padding:46px 36px; transform: translateY(calc(100% - 160px)); } .cyxItem2 .list2 .item2:hover .txtBox2 .title{ padding-bottom: 24px; } .cyxItem2 .list2 .item2 .txtBox2 .hr_desc{ margin-top: 24px; } /* 产学研 改版 end */ .indexItem6 .wdzStock .list:first-child{ width: 42%; } .indexItem6 .navListInner .item .imgBox{ width: 88px; height: 88px; } .indexItem6 .navListInner .item .title{ font-size:20px; } .indexItem1 .searchTab .item{ width:160px; } } /* 1180px end */ @media screen and (max-width:1024px){ .wdz_f_m100{width: 100%!important;} .hRight .nav>ul li { margin-left: 20px; } .zl_itemTop_1 { flex-wrap: wrap; } .zlglContent .zl_itemTop_1.zl_itemTop_khtx .imgBox{ margin-top: 60px; } .companyNews .topNews a{ flex-wrap: wrap; border-radius: 6px 6px 0 0; } .companyNews .topNews a .imgBox{ width: 100%; height: 52vw;border-radius: 6px 6px 0 0; } .companyNews .topNews a .txtBox{ padding:46px 40px; } .companyNews .topNews a .topnewsInfo { margin-top: 30px; } .companyNews .topNews a .topnewsInfo .time { display: none; } .companyNews .topNews a .topTime{ padding-bottom: 10px; display: block; } .companyNews .newsList a{ padding:0px; padding-bottom: 30px; } .companyNews .newsList .img{ margin-right: 20px; } .companyNews .newsList .txtBox{ padding-right:120px; } .companyNews .newsList .txtBox{ padding-right:0px; } .companyNews .newsList .timeBox{ display: none; } .newsList .topTime{ display: block; padding-bottom: 10px; } .companyNews .newsList a:hover{ background: none; } .companyNews .newsList a:hover .title{ color: #333; } .companyNews .newsList a:hover .hr_desc{ color:#666; } .companyNews .newsList a:hover .timeBox{ box-shadow: inset 0px 4px 0px 0px #fff; border: 1px solid #fff; } .companyNews .newsList a .img_in:hover{ transform: scale(1); } .companyNews .newsList .item{ margin-bottom: 30px; } .careForTalents .tItem_1 .tList{ flex-wrap: wrap; } .careForTalents .tItem_1 .tList .item{ width: 100%; margin-right: 0; margin-top: 20px; min-height: 400px; background-size: 50% auto; } .careForTalents .tItem_1 .tList .item:first-child{ margin-top: 0; } .careForTalents .tItem_1 .tList .item .rBox{ font-size: 18px; } .careForTalents .tItem_1 .tList .item .name{ font-size:24px; } .careForTalents .tItem_1 .keyWord, .careForTalents .tItem_1 .hr_desc { margin-top: 16px; } .staffWelfare_in{ padding:0 40px; } .welfareList .item .name{ font-size:14px; } .rcga_imgs .item .name{ bottom: 24px; padding:0 16px; font-size:18px; } .EmployeeHome .homeTxt{padding:48px 24px 48px 12%; font-size:14px; } /* 产学研合作 */ .cyx_Item_1 .cyx_Item_1_txt { padding-left: 24px; } .cyxItem3 .cyx_Item_1 .cyx_Item_1_txt{ padding-right: 24px; } .cyx_Item_1 .cyx_Item_1_img{ width: 510px; height: 340px; } .cyxItem2 .list{ flex-wrap: wrap; } .cyxItem2 .list .item{ width: 100%; margin-right: 0; margin-bottom: 40px; } .cyxItem2 .list .item:last-child{ margin: 0; } /* 产学研合作 end */ /* 责任报告 */ .ResponsibleReporting_in .item a * { transition: none; } .ResponsibleReporting_in .item a .title{ font-size:16px; } .ResponsibleReporting_in .item a:hover .rpMore i{ color:var(--color, #196CCF); } .ResponsibleReporting_in .item a:hover{ background: none; } .ResponsibleReporting_in .item a:hover .title{ color: #333;} .ResponsibleReporting_in .item a:hover .time{ color:#666 } .ResponsibleReporting_in .item a:hover .rpMore *{color:#666!important} /* 责任报告 */ /* 责任理念 */ .ideaOfResponsibility .ln_item_2 .item{ margin-right: 16px; width: calc(100% / 3 - 11px);padding-bottom: 20px; } .ideaOfResponsibility .ln_item_2 .hr_tc{ font-size:14px; margin-top: 20px; padding:0 16px; } .ideaOfResponsibility .item_3_listBox .item{ margin-top: 40px; flex-wrap: wrap; } .ideaOfResponsibility .item_3_listBox .item .imgBox,.ideaOfResponsibility .item_3_listBox .item .txtBox{ width: 100%; } .ideaOfResponsibility .item_3_listBox .item .txtBox{ padding:0px; } .ideaOfResponsibility .item_3_listBox .item .txtBox .txtBox_bg{ padding:30px!important } /* 责任理念 end */ /* 责任报告 */ .responsibilityReporting .reportList .list .item{ padding:0 10px; } .responsibilityReporting .reportList .name{ margin-top: 30px; font-size:12px; } /* 责任报告 end */ /* 投资者活动记录 */ .tzrActRecord .list .item{ margin-right: 24px; margin-top: 24px; width: calc(100% / 3 - 16px); } .tzrActRecord .list .item a{ padding:24px; } .tzrActRecord .list .item .title{ font-size:16px; } .tzrActRecord .list .item a .time{ line-height: 1; font-weight: bold; font-size:14px; } .tzrActRecord .list .item .imgBox{ margin-top: 30px; } /* 投资者活动记录 end */ /* 投资者提问 */ .tzrAskBox .item { width: calc(100% / 3 - 16px); margin-right: 24px; margin-bottom: 32px; } .tzrAskBox .item .inputBox{ padding:0 12px; } .tzrAskBox .item .inputBox input, .tzrAskBox .item .inputBox textarea{ margin-left: 14px; } .tzrAskBox .item { width: calc(100% / 3 - 16px); margin-right: 24px; margin-bottom: 32px; } .tzrAskBox.fwyzcBox .item:nth-child(3n){ margin-right: 24px; } /* 投资者提问 */ /* 联系我们 */ .contactInfo .txtLeft{ padding:0 40px; } .contactInfo .txtLeft .title{ padding-bottom: 32px; } .contactInfo .txtLeft ul li{ margin-top: 20px; } /* 联系我们 end */ /* 资粮下载 */ .wdzFileList .rBox .rBox_in a{ padding-left: calc(41.764% + 40px); padding-right: 24px; padding-bottom: 24px; padding-top: 24px; } .wdzFileList .rBox .rBox_in a .name{ font-size:18px; } /* 资粮下载 end */ .makeListBox{ flex-wrap: wrap; } .makeListBox .item{ width: 100%; margin:0; margin-bottom: 20px; } .makeListBox .item:last-child{ margin-bottom: 0; } /* 晶圆代工 */ .jydgComtainer .topNavBox .navList{ width: 100%; padding:0; padding-top: 40px; } .jydgComtainer .topNavBox .imgs_left{ width: 100%; display: block; overflow: hidden; flex: auto; height: 57vw; } .jydgComtainer .topNavBox { flex-wrap: wrap; } /* 晶圆代工 end */ /*掩模制造*/ .productType .list{ flex-wrap: wrap; padding:0; } .productType .list .item{ width: 100%; margin-right: 0px; margin-top: 20px; } /*掩模制造 end*/ /* index */ .indexItem1 .indexProductList{flex-wrap: wrap; } .indexItem1 .indexProductList .item{ width: 100%; margin:0; margin-top: 30px; } .indexItem1 .indexProductList .item:first-child{ margin-top: 0; } .indexItem1 .inputBox{ width: 90%; } .indexItem1_inner .inputBox_in{ width: 100%; } .indexItem2 .indexAppTab .cn{ font-size:18px; } .indexItem3 .sv_right .swiper-container{ margin-left: 320px; width: 320px; } .indexItem3 .sv_right .swiper-slide.swiper-slide-active a .txtBox{ left: 0px; width: 320px; } /* index end */ .rightMapMenu{ width: 98%; } .mkServiceBox.designSupportBox .list .txtBox{ overflow-x: auto;} .zctxBox .eServiceTop .txtBox{ width: 100%; padding:0; } .eServiceBox .eServiceTop { flex-direction: column-reverse!important;} .zctxBox .eServiceTop .imgBox{ width: 100%; height: auto; } .zctxBox .eServiceTop .txtBox{ padding:20px 0 0 0; width: 100%; } .makeListBox.files_cl_2 .item { width: calc(50% - 20px); margin-right: 40px; } .searchpage .spageBoxOut{ padding:0; } .searchpage{ padding:0 32px; } .wdzHonorRight{ right: 20px; width: 200px; } .honorListBox{ padding: 60px 260px 60px 40px; } .honorListBox_item{ padding-left: 160px; } .honorImgBox .year{ font-size:32px; width: 140px; } .honorImgBox .en{ padding-top: 20px; } .product_center .center_box .le_box .div_{ height: 40vw; } .product_center .center_box .le_box .tent2{ height: calc(100% - 40px); margin-top: 30px; } .productBanner .txt{ font-size:14px; margin-top: 12px; } .careForTalents .tBgBox { height: calc(19.5vw + 100px); } /* 产学研 改版 */ .cyxItem2 .list2 .item2{ width: calc(50% - 10px); margin-right: 20px; } .cyxItem2 .list2 .item2 .txtBox2{ padding:40px 30px; transform: none; } .cyxItem2 .list2 .item2 .txtBox2 .hr_desc{ margin-top: 20px; } .cyxItem2 .list2 .item2 .txtBox2 .title{ padding-bottom: 16px!important; color: #fff!important; border-bottom: 1px solid #e8e8e8; } .cyxItem2 .list2 .item2 .txtBox2 .title:after{ width: 60px; bottom: -1px; } .cyxItem2 .list2 .item2 .txtBox2 .more{ height: 0; opacity: 0; overflow: hidden; } .cyxItem2 .list2 .item2 .txtBox2 .hr_desc{ color: #fff; opacity: 1; visibility: visible; } .cyxItem2 .list2 .item2:hover .txtBox2{ background: none; } /* 产学研 改版 end */ /* 应用领域 v2 */ .application_box_in .app2ImgBox_in .txtBox{ padding:0 max(6%,32px) } .application_box_in .app2ImgBox_in .btns .btn{ width: 28%; } .application_box_in .app2ImgBox{ min-height: 50vw; } .app2ImgBox_in ul{ margin-top: -12px; } .app2ImgBox_in ul li{ margin-top: 12px; } .application_box_in .app2ImgBox_in .btns{ height: 54px; margin-bottom: 24px; } .application_box_in .app2ImgBox_in .btns .btn{ padding:0 16px; } .application_box_in .app2ImgBox_in .txtBox .item .faTitle{ padding:16px 0 24px; } /* 应用领域 v2 end */ .indexItem6 .wdzStock{ flex-wrap: wrap; } .indexItem6 .wdzStock .list{ width: 100%; } .zlglContent .zl_itemTop_1 .txtBox .title{ font-size:20px; } /*发展历程 地图 */ .item_2_imgs{ width: 60%; } .item_2_sdbs { flex-wrap: wrap; } .item_2_sdbs .list{ width: 100%; padding-left: 0; margin-top: 24px; flex:auto;} .wdnHistory_item_2 .item_2_sdbs .item{ margin-bottom: 0; } .item_2_sdbs .list .item .tabCom{ height: auto; } .item_2_sdbs .addrItem:nth-child(2){ left: 36%; top: 52%; width: 90px; height: 90px; } /*发展历程 地图 end */ } /* 1024px end */ @media screen and (max-width:980px){ .hr_fs60{ font-size:48px;} .hr_fs48{ font-size:36px;} .hr_fs40{ font-size:32px;} .hr_fs36{ font-size:24px;} .hr_fs32{ font-size:20px;} .hr_fs30{ font-size:18px;} .hr_fs24,.hr_fs20{ font-size:18px;} .hr_mb120{ margin-bottom: 90px; } .hr_mt120{ margin-top: 90px; } .hr_m80{ margin:60px 0; } .hr_mt80{ margin-top: 60px; } .hr_mt64{ margin-top: 40px; } .hr_mb64{ margin-bottom: 40px; } .hr_pt64{ padding-top: 40px; } .hr_p120{ padding:90px 0;} .hr_pt120{ padding-top:90px; } .hr_pb120{ padding-bottom:90px; } .hr_p80{ padding:60px 0;} .hr_pt80{ padding-top:60px; } .hr_pb80{ padding-bottom:60px; } .hr_p64{ padding:40px 0;} .hr_pt64{ padding-top:40px; } .hr_pb64{ padding-bottom:40px; } .hr_p60{ padding:36px 0;} .hr_pt60{ padding-top:36px; } .hr_pb60{ padding-bottom:36px; } .hr_p40{ padding:24px 0;} .hr_pt40{ padding-top:24px; } .hr_pb40{ padding-bottom:24px; } .hr_box_in{ padding:0 24px; } .company_list .companyVideo{ margin:0 auto; width: min(calc((100vh - 200px) * 100 / 56.25), calc(100vw - 60px )) } .hRight .nav{ display: none; } header{ height: 80px; } header .header{ height: 100%; } footer .fNavList>ul{ display: none; } footer .rightBox{ width: 100%; padding-left: 0; padding-bottom: 48px; margin-left: 0; border:none; } footer .fNavList h5{ padding-top: 30px; } footer .wdz_share .fLogo img{ height: 40px; } .zlglContent .zl_itemTop_1 .txtBox .title{ padding-bottom: 20px; } .zlglContent .zl_itemTop_1.zl_itemTop_khtx .imgBox{ margin-top: 40px; } .companyNews .topNews a .txtBox{ padding:40px 30px; } .careForTalents .tItem_1 .tList .item{ background-size: 60% auto;} .staffWelfare_in{ padding:0 16px; } .rcga_imgs .item .name{ bottom: 20px; padding:0 10px; font-size:16px; } /* 产学研合作 */ .cyx_Item_1{ flex-wrap: wrap; } .cyx_Item_1 .cyx_Item_1_txt{ padding: 0px; width: 100%; padding-top: 60px;} .cyx_Item_1 .cyx_Item_1_img{ width: 100%; height: 60vw;} /* 产学研合作 end */ /* 管理团队 */ .wdzTeamBox .item{ margin-bottom: 30px; padding:30px 20px; } /* 管理团队 end */ /* 投资者活动记录 */ .tzrActRecord .list .item a{ padding:20px; } .tzrActRecord .list .item .title{ font-size:16px; } .tzrActRecord .list .item a .time{ line-height: 1; } .tzrActRecord .list .item .imgBox{ width: 35px; height: 40px; } .tzrActRecord .list .item{ margin-top: 20px; margin-right: 20px; width: calc(100%/3 - 14px); } /* 投资者活动记录 end */ /* 应用 */ .wdzApplication .list{ height: 420px; } .wdzApplication .list_in>div{ padding:0 60px; width: 100%; } .proView{ margin-top: 40px; } /* 应用 end */ /* 资粮下载 */ .wdzFileList .list{ margin-right: 20px;width: calc(50% - 10px); } .wdzFileList .rBox .rBox_in a{ padding-left: calc(41.764% + 36px); padding-right: 20px; padding-bottom: 20px; padding-top: 20px; } .wdzFileList .rBox .rBox_in a i{ font-size:40px; width: 40px; } .wdzFileList .rBox .rBox_in a .name{ font-size:16px; line-height: 1.4; } /* 资粮下载 end */ /* e-service */ .eServiceTop { flex-wrap: wrap; } .eServiceTop .txtBox,.eServiceTop .imgBox{ width: 100%; padding:0;} .eServiceTop .txtBox{ padding-bottom: 40px; } .eServiceTop .imgBox{ height: auto; } /* e-service end */ .makeListBox .item a .name{ font-size:14px; font-weight: bold; } .indexItem7 .wdzBrand .item{ width: calc(33.33% - 19px); } .indexItem7 .wdzBrand .item:nth-child(6n),.indexItem7 .wdzBrand .item:nth-child(4n){ margin-right: 28px; } .indexItem7 .wdzBrand .item:nth-child(3n){ margin-right: 0; } /* 发展历程 */ .wdzHistoryPd{ padding:0 60px; } .wdzHistoryPd .swiper-container{ padding:0 6px; } .ybHistoryList_in::before{ top: 80px; } .ybHistoryList_btn .swiper-button-prev, .ybHistoryList_btn .swiper-button-next{ width: 40px; height: 40px; } .wdzHistoryPd .swiper-container .h_dian_in{ margin-left: 30px; } .wdzHistoryPd .swiper-container .bb-sel .h_dian_in{ margin-left: 36px; } /* 发展历程 end */ .ejSearchBox{ top: 80px; padding:36px 0; } .ejSearchBox .search_in,.ejSearchBox .search_in .search_w a,.ejSearchBox .search_in input{ height: 60px; } .ejSearchBox .search_in .search_w a{ line-height: 60px; width: 120px; } .ejSearchBox .search_close{ top: 2px; } .ejSearchBox .search_in .search_w{ height: 60px; padding-right: 130px; } /*发展历程 地图 */ .item_2_imgs{ width: 66%; } /* 人才发展 */ .devPlanBox .devPlav_item_1 .list .item{ padding:30px 48px; } .ybmNav .item{ padding:0 20px; } .makeListBox.files_cl_2 .item { width: calc(50% - 10px); margin-right: 20px; } .makeListBox .item a{ height: 100px; padding:0 20px 0 40px; } .makeListBox .item .svgIcon{ margin-right: 16px; } .honorListBox_item{ padding-left: 150px; } .honorImgBox .year{ font-size:28px; width: auto; } .productBanner .txt{ font-size:12px; margin-top: 12px!important; } .careForTalents .tBgBox { height: calc(20.1vw + 90px); } .careForTalents .tList_v2 .tItem_v2{ width: calc(100% / 3 - 11px); flex-direction: column; margin-right: 16px; } .careForTalents .tList_v2 .tItem_v2 .txtBox2{ padding:20px 16px; } } /* 980px end */ @media screen and (max-width:880px){ .zlglContent .zl_itemTop_1{ flex-wrap: wrap; flex-direction: column-reverse; } .zlglContent .zl_itemTop_1 .imgBox,.zlglContent .zl_itemTop_1 .txtBox{ width: 100%;} .zlglContent .zl_itemTop_1 .txtBox{ padding-bottom: 32px; } .txManagementList .item{ margin-bottom: 40px; padding-bottom: 40px; flex-wrap: wrap; border-bottom: 1px dotted #5693DD; } .txManagementList .item .hr_desc{ padding-top: 40px; } .txManagementList .item .imgsBox,.txManagementList .item .hr_desc{ width: 100%; } .txManagementList .item:last-child{ border-bottom: none; margin:0; padding:0; } .zlglContent.zlglContent_khmy .zl_itemTop_1{ flex-direction: column; } .zlglContent.zlglContent_khmy .zl_itemTop_1.zl_itemTop_khtx .imgBox{ margin-top: 0; } /* 总部联系方式 */ .hq_contactTop .contactTop { display: block; } .hq_contactTop .contactTop .imgBox { width: 100%; height: 60vw;} .contactBox .hq_contactTop .contactTop .rightBox{ width: 100%; height: auto; } .contactBox .hq_contactTop .contactTop .rightBox .contactTop_txt{ padding:30px 20px; } .contactBox .hq_contactList .item,.contactList .item.item:nth-child(1), .contactList .item.item:nth-child(2){width: 100%; margin-right: 0px;} .contactList.hq_contactList .item.item:nth-child(2n){ margin-right: 0; } .hq_contactList{ margin-top: 30px; padding-top: 0; } .contactBox .item_in .title{ font-size:20px; } .contactNetwork .listBox .list .item{width: 100%; margin-right: 0px; } .contactNetwork .listBox .list .item:nth-child(3n){ margin-right: 0px;} .contactNetwork .listBox .list .item:nth-child(2n){ margin-right: 0;} .contactNetwork .listBox .name{ font-size:20px; } .companyNews .newsList .item a>div{ flex-wrap: wrap; } .companyNews .newsList .item a>div .img{ width: 100%; height: 52vw; margin:0; } .companyNews .newsList .txtBox{ width: 100%; flex: auto; padding:30px 20px 0; } .careForTalents .tItem_1 .tList .item .rBox{ font-size: 16px; } .careForTalents .tItem_1 .tList .item{ background-size: 70% auto;} .welfareList{ display: none; } .m_welfareList,.m_welfareList .welfareList{ display: block; } .m_welfareList .welfareList .item{ width: 50%; } .m_welfareList .welfareList{ padding:60px; display: flex; justify-content: center; flex-wrap: wrap; } .welfareList .item:after{ bottom: -30px; left: -30px; width: calc(100% + 60px); height: calc(100% + 60px); } .careForTalents h4, .careForTalents h5{ font-weight: bold; font-size:18px; } .staffWelfare_in .hr_desc{ margin-bottom: 32px; } .EmployeeHome .homeBox{ margin-top: 32px; flex-wrap: wrap; flex-direction: column-reverse; } .EmployeeHome .homeTxt{ width: 100%; padding:30px 20px; } .EmployeeHome .homeBox .imgBox{ width: 100%; position: relative; top: 0; height: 56vw; } .rcga_imgs{ margin-top: 32px; } .photography h4{ padding-bottom: 12px; } .rcga_imgs .item{ width: 55vw; } /* 产学研合作 */ .cyx_Item_1 .cyx_Item_1_txt{ padding: 0px; width: 100%; padding-top: 50px;} /* 产学研合作 end */ /* 管理团队 */ .wdzTeamBox .item{ margin-bottom: 24px; padding:24px 20px; } .wdzTeamBox .item .infoBox{ padding-left: 24px; } .wdzTeamBox .item .infoBox .name{ font-size:20px; } .wdzTeamBox .item .infoBox .zw{ margin-top: 12px; } .wdzTeamBox .item .infoBox .ms{ margin-top: 16px; } /* 管理团队 end */ /* 定期报告 */ .dqReport .list .item a{ padding:24px; } .dqReport .list .item a .txtBox{ padding-right: 24px; } /* 定期报告end */ /* 责任报告 */ .ResponsibleReporting_in .item{ width: 100%; margin:0; margin-bottom: 20px; } .ResponsibleReporting_in .item:last-child{ margin-bottom: 0; } .ResponsibleReporting_in .item a .title{ min-height: 64px; } /* 责任报告 */ /* 责任理念 */ .ideaOfResponsibility .item_1_txtBox .mshow{ display: block; width: 100%;overflow: hidden; } .ideaOfResponsibility .item_1_txtBox .mshow img{ width: 100%; } .ideaOfResponsibility .item_1_txtBox{ padding:0; } .ideaOfResponsibility .item_1_txt{ width: 100%; padding:0; background: #fff; box-shadow: none; padding-top: 30px; } .ideaOfResponsibility .ln_item_1{ margin-bottom: 60px; } .ideaOfResponsibility .title{ padding-bottom: 20px; margin-bottom: 20px; } .ideaOfResponsibility .ln_item_2 .item_2_txtBox{ flex-wrap: wrap; } .ideaOfResponsibility .ln_item_2 .item{ width: 100%; margin:0; margin-bottom: 20px; padding:15px 15px 30px; } .ideaOfResponsibility .ln_item_2 .item:last-child{ margin-bottom: 0; } .ideaOfResponsibility .ln_item_2 .hr_tc{ height: auto; } .ideaOfResponsibility .item_3_topBox .hr_desc{ padding-top: 20px; } /* 责任理念end */ /* 责任报告 */ .responsibilityReporting .reportList .list .item{ padding:0 20px; width: 50%; } .responsibilityReporting .reportList .name{ margin-top: 30px; font-size:16px; } /* 责任报告 end */ /* 投资者活动记录 */ .tzrActRecord .list .item{ margin: 0; margin-top: 20px; width: 100%;} .tzrActRecord .list .item a{ padding:40px; } /* 投资者活动记录 end */ /* 投资者提问 */ .tzrAskBox .item { width: 100%; margin-right: 0; } .tzrAskBox.fwyzcBox .item:nth-child(3n){ margin-right:0; } .tzrAskBox .item .inputBox input, .tzrAskBox .item .inputBox textarea{ margin-left: 14px; } .tzrAskBox .item.textareaItem .inputBox{ height: 240px; } .tzrAskBox .item label{ font-size:16px; padding-bottom: 10px; } .mappTopImg{ display: block; width: 100%; overflow: hidden;} .mappTopImg img{ width: 100%; } .wdzApplicationArea .appAreaTop { background: none!important; padding:0; } .tzrAskBox.khServiceBox .item.type{ flex-wrap: wrap; } .tzrAskBox.khServiceBox .item.type .inputBox { width: 100%; } .tzrAskBox .item.type .inputBox .radioBox{ margin:0; margin-right: 20px; } /* 投资者提问 */ /* 应用 */ .wdzApplication .list{ height: 400px; } .wdzApplication .list_in>div{ padding:0 60px; width: 100%; } .appAreaTop .txtBox{ width: 100%; height: auto; padding:30px 0 0; } .appAreaTop .txtBox .hr_desc{ height: auto; } /* 应用 end */ /* e-service */ .eServiceBox .onlineList .list .item{ width: 100%; margin-right: 0px; margin-top: 20px; padding:30px 24px; } .eServiceBox .onlineList .list .item:nth-child(3n){ margin-right: 0px; } /* e-service end */ /* 晶圆代工 */ .jydg_link { flex-wrap: wrap; } .jydg_link .item{ width: 100%; margin:0; margin-top: 20px; } .jydg_link .item:first-child{ margin-top: 0; } /* 晶圆代工 end */ /* index */ .indexItem2 .indexAppTab{ flex-wrap: wrap; } .indexItem2 .indexAppTab .item{ width: calc(100%/3 - 10px); margin:0; margin-top: 12px; margin-right: 14px; height: 40px; } .indexItem2 .indexAppTab .item_in{ height: 40px; } .indexItem2 .indexAppTab .item_sel{ height: 40px; } .indexItem2 .indexAppTab .item:nth-child(3n){ margin-right: 0; } /* .indexItem3 .sv_right .swiper-container{ width: 60%; margin-left: 0px; width: 320px; } .indexItem3 .sv_right .swiper-slide.swiper-slide-active a .txtBox{ left: -0px; width: 300px; } */ .indexItem4 .indexAboutUs_in { flex-wrap: wrap; } .indexItem4 .leftBox,.indexItem4 .imgBox{ width: 100%; padding:0; } .indexItem4 .leftBox{ padding-bottom: 40px; } .indexItem4 .list{ flex-wrap: wrap; height: auto; padding-top: 20px;} .indexItem4 .indexAboutUsBox .list{ padding:20px 0 0; } .indexItem4 .list .item{ width: 50%; flex: auto; padding-bottom: 20px; background: #fff;} .indexItem4 .list .item .numBox span:first-child{ font-size:24px; } .indexItem4 .list .item .name{ margin-top: 6px; } .indexItem4 .list .item:after{ height: 48px; } /* index end */ /* 人才发展 */ .devPlanBox .devPlav_item_1 .list .item{ padding:24px 36px; } .careForTalents .tItem_1 .topText{ margin-bottom: 48px; } .cyxItem2 .list .item .iconImg{ height: 48px; } .ybmNav .item{ padding:0 10px; } .wdzTopTab a{ width: auto; padding:0 24px; } /* 制造与服务 */ .hawtxListBox .item{ flex-wrap: wrap; justify-content: start; } .hawtxListBox .item .txtBox{ width: 100%; padding:0; flex: auto;} .hawtxListBox .item:nth-child(2n) .txtBox{ padding:0; } .hawtxListBox .item:first-child .txtBox{ padding-bottom: 20px; } .hawtxListBox .item .imgsBox{ display: none; } .hawtxListBox .item:first-child .imgsBox{ display: block; } .hawtxListBox .item .txt{ padding-top: 15px; } .hawtxListBox .item .txtBox .title{ display: none; } .hawtxListBox .item .txtBox .mshow{ display: block; } .hawtxListBox .item .txtBox .mtitle { flex: 1; } .hawtxListBox .item .txtBox .mimg{ width: 100px; height: auto; margin-left: 20px;} .hawtxListBox .item .txtBox .mimg img{ width: 100%; height: auto; } /* 制造与服务 end */ .hawtxContainer .hawTxtList .list{ padding-bottom: 80px; } .makeListBox .item a{ height: 60px; padding:0 16px 0 32px; } .makeListBox .item .svgIcon{ margin-right: 12px; } .makeListBox .item .svgIcon svg{ font-size:24px;} .makeListBox.files_cl_2 .item{ width: 100%; margin-right: 0; margin-bottom: 20px; } .makeListBox.files_cl_2 .item:last-child{ margin-bottom: 0; } .makeListBox .item a:after{ width: 20px; } .honor_OutBox { background-position: right center!important; } .ybCharityDt_imgBox, .gszlBox .txtBox { width: 100%; padding: 40px 16px; } .ybCharityDt_in .txt { padding: 0 0 40px; } .ybCharityDt_imgBox { width: 100%; padding: 60px 32px; } .ybCharityDt_imgBox .imgBox_in { width: 100%; } .ybCharityDt_imgBox .CharityimgBox_top { height: calc(62vw + 64px); } .dtImgsBox .dtSwiperBtn { width: 32px; height: 32px; top: 44%; } .dtImgsBox .dtSwiperBtn i { font-size: 12px; line-height: 32px; } .dtImgsBox .dtSwiperBtn_next { right: -40px; } .dtImgsBox .dtSwiperBtn_prev { left: -40px; } .shareBox .codeInBox{ padding:4px 8px 0; } .shareBox .codeInBox .imgsList>div{ padding:5px 3px; width: 146px; } .shareBox .codeInBox .imgsList>div img{ width: 136px; height: 136px; } .ybDetail_in .dtInfo{ margin-bottom: 20px; padding: 20px 0 20px; } .indexItem1 .indexProductList .item .ulList{ padding:10px 20px; } .searchpage{ padding:0 24px; } .honorListBox_item{ padding-left: 120px; } .honorListBox{ padding:50px 240px 50px 40px; } .mapBox .list .itemBox .item{ margin-right: 60px; margin-top: 20px; } /* 人才关爱改版 end */ .swiper_page2 span{ width: 6px; height: 6px; margin:0 2px; } .swiper_page2 span.swiper-pagination-bullet-active{ width: 12px; border-radius:3px; } /* 人才关爱改版 end */ /*发展历程 地图 */ .item_2_imgs{ width: 70%; } } /* 880px end */ @media screen and (max-width:750px){ .pcshow,.hr_pcshow{ display: none; } .mshow,.hr_mshow{ display: block; } body{ font-size:14px; text-align: justify; } .hr_fs60{ font-size:30px;} .hr_fs48{ font-size:24px;} .hr_fs40{ font-size:20px;} .hr_fs36{ font-size:18px;} .hr_fs32,.hr_fs30,.hr_fs24,.hr_fs20{ font-size:16px;} .hr_mb120{ margin-bottom: 60px; } .hr_mt120{ margin-top: 60px; } .hr_m80{ margin:40px 0; } .hr_mt80{ margin-top: 40px; } .hr_mt64{ margin-top: 32px; } .hr_mb64{ margin-bottom: 32px; } .hr_mt40{ margin-top: 20px; } .hr_mb40{ margin-bottom: 20px; } .hr_pt64{ padding-top: 32px; } .hr_p120{ padding:60px 0;} .hr_pt120{ padding-top:60px; } .hr_pb120{ padding-bottom:60px; } .hr_p80{ padding:40px 0;} .hr_pt80{ padding-top:40px; } .hr_pb80{ padding-bottom:40px; } .hr_p64{ padding:32px 0;} .hr_pt64{ padding-top:32px; } .hr_pb64{ padding-bottom:32px; } .hr_p60{ padding:30px 0;} .hr_pt60{ padding-top:30px; } .hr_pb60{ padding-bottom:30px; } .hr_p40{ padding:20px 0;} .hr_pt40{ padding-top:20px; } .hr_pb40{ padding-bottom:20px; } .hr_box_in{ padding:0 16px; } header{ height: 60px; padding:0 16px; } header .logo{ width: 100px; } div#swhz, div#level_2 { position: relative; padding-top: 60px; transform: translateY(-60px); } .micro-electronics{ position: relative; padding-top: 60px; } /* 公司简介 */ .company_list .list{ flex-wrap: wrap; margin-top: -40px; } .company_list .list .item{width: 33.33%; margin-top: 40px; } .company_list .list .item:nth-child(4n){ display: none; } .company_list .list .numBox span{ font-size:40px; } .company_list .list .name{ padding-top: 10px; font-size:14px; } .company_list .list .item:nth-child(2n){ height: 56px; } .companyProfile{ background-size: 200%; } /* 公司简介 end */ footer .wdz_share .fLogo img{ height: 30px; } footer .rightBox .tel{ padding-bottom: 0px; font-size:20px; } .fCopyRight .hr_box_in>div{ flex-wrap: wrap; } .fCopyRight .cLink,.fCopyRight .copyRightTxt{width: 100%; text-align: center; justify-content: center;} .fCopyRight .cLink{ margin-top: 6px; } .zlglContent .zl_itemTop_1 .txtBox{ padding-bottom: 32px; } .wdzTopTab{ margin-bottom: 32px; } .pdfListBox .pdfTitle{ margin-bottom: 20px; flex-wrap: wrap; } .pdfListBox .pdfTitle .name{ width: 100%; } .pdfListBox .pdfTitle span{ padding-top: 12px; } .txManagementList .item{ margin-bottom: 30px; padding-bottom: 30px; } .txManagementList .item .hr_desc{ padding-top: 30px; } .contactBox .item_in .title{ font-size:18px; padding-bottom: 20px; margin-bottom: 20px; } .contactBox .item_in{ padding:30px 20px; } .contactNetwork .listBox .name{ font-size:18px; } .companyNews .topNews a .txtBox{ padding:30px 20px; } .companyNews .topNews a .topnewsInfo{ margin-top: 24px; } .companyNews .topNews a .txtBox .topnewsInfo .iconBox i{ font-size:30px; } .careForTalents .tItem_1 .tList .item .rBox{ font-size: 14px; } .m_welfareList .welfareList{ padding:50px; } .welfareList .item:after{ bottom: -25px; left: -25px; width: calc(100% + 50px); height: calc(100% + 50px); } .rcga_imgs .item{ width: 60vw; } .rcga_imgs .item .name{ bottom: 20px; padding:0 10px; font-size:14px; } .zlgl_systemManagement .zl_item .zl_itemTop_1 .txtBox .hr_desc *{ font-size:14px!important; } /* 产学研合作 */ .cyx_Item_1 .cyx_Item_1_txt{ padding-top: 40px;} .cyx_Item_1 .cyx_Item_1_txt span{ padding-bottom: 20px; margin-bottom: 20px; } /* 产学研合作 end */ /* 管理团队 */ .wdzTeamBox .item{ flex-wrap: wrap; } .wdzTeamBox .item .imgBox{ width: 128px; overflow: hidden; display: block; } .wdzTeamBox .item .infoBox .name{ font-size:16px; } .wdzTeamBox .item .infoBox{ flex: 1; padding-left: 20px; padding-top: 30px; } .wdzTeamBox .item .outms{ width: 100%; padding:30px 0px 0; } /* .wdzTeamBox .item .infoBox .ms{ display: none; } */ /* 管理团队 end */ /* 定期报告 */ .dqReport .list .item a{ display: block; } .dqReport .list .item a .time{ display: none; } .dqReport .list .item a .mTime{ color: var(--color, #196CCF); padding-bottom: 10px; font-weight: bold; } .dqReport .list .item a .txtBox{ padding-right: 0; } .dqReport .list .item a .txtBox .txt{ padding-top: 10px; } .dqReport .list .item a{ padding:20px; } /* 定期报告end */ /* 责任报告 */ /* .responsibilityReporting .hr_box_in{ padding:0; } */ .responsibilityReporting .reportList{ padding:0; } .responsibilityReporting .reportList .list .item{ padding:0 20px; width: 50%; } .responsibilityReporting .reportList .name{ margin-top: 20px;} .tzrActRecordNav{ padding:0 60px; } .tzrActRecordNav .tzzTab a{ width: 100%; height: 32px; line-height: 32px; font-size:14px; font-weight: bold; } /* 责任报告 end */ /* 投资者提问 */ .tzrAskBox .item .inputBox{ height: 40px; } .tzrAskBox .item { width: 100%; margin-right: 0; } .tzrAskBox .item .inputBox input, .tzrAskBox .item .inputBox textarea{ margin-left: 14px; } .tzrAskBox .item.textareaItem .inputBox{ height: 200px; } .tzrAskBox .item label{ font-size:16px; padding-bottom: 10px; } .tzrAskBox .item .inputBox i{ font-size:18px; } .tzrAskBox.khServiceBox .item.type .inputBox{ flex-wrap: wrap; height: auto; } .tzrAskBox.khServiceBox .item.type .inputBox label.radioBox{ margin-right: 10%; margin-top: 10px; } /* 投资者提问 */ /* 联系我们 */ .contactInfo { padding:0; box-shadow: none; flex-wrap: wrap; flex-direction: column-reverse;} .contactInfo .txtLeft,.contactInfo .imgBox{ width: 100%; } .contactInfo .imgBox{ flex: auto; } .contactInfo .txtLeft .title{ padding-bottom: 20px; } .contactInfo .txtLeft{ padding:0; padding-top: 30px; } .contactNetwork .listBox .item ul li.vTelStyle .l{ width: 68px; } .contactNetwork .listBox .item ul li i{ font-size:12px; } /* 联系我们 end */ /* 应用 */ .wdzApplication .list{ height: 360px; } .wdzApplication .list_in>div{ padding:0 40px; width: 100%; } .appAreaTop .txtBox .name{ padding-bottom: 16px; } .proView{ margin-top: 32px; } .appCircuitBox .appTab{ line-height: 40px; font-size:14px; font-weight: bold; height: 40px; } .appCircuitBox .appTab .item{ height: 40px; font-size:14px; } .faysBg.faysListBg ul li{ width: 100%; margin-right: 0; margin-top: 20px; } /* 应用 end */ /* 应用领域 v2 */ .application_box_in .mAppCover img{ width: 100%; } .application_box_in .app2ImgBox{ background: none!important; min-height: auto; } .application_box_in .app2ImgBox.active::before{ display: none; } .application_box_in .app2ImgBox_in{ position: relative; } .application_box_in .app2ImgBox_in .btns{ display: none; } .application_box_in .app2ImgBox_in .txtBox .item{ display: flex; color: #333;} .application_box_in .app2ImgBox_in .txtBox .item .pic{ display: none; } .application_box_in .app2ImgBox_in .txtBox{ padding:0; } .application_box_in .app2ImgBox_in .txtBox .item.ysTxt{ margin-top: 24px; } .application_box_in .app2ImgBox_in .txtBox .item .faTitle{ padding:0 0 20px } .app2ImgBox_in ul li{ width: 100%; margin-right: 0; } .appAreaCircuit .appTitle{ margin-bottom: 10px; } .proView .hotProList .pItem .proli{ padding:0 2px; } .proView .hotProList .pItem .proli.serialNumber{ width:48px; } .proView .hotProList .pItem .proli.proLine{width: 80px;} .proView .hotProList .pItem .proli.proClass{ width:100px } .appCircuitBox .imgsBox .imgFix{ padding-bottom: 66.66%; } /* 应用领域 v2 end */ /* 资粮下载 */ .wdzFileList .list{ margin-right: 0px;width: 100%; } .wdzFileList .rBox .rBox_in a{ padding-left: calc(41.764% + 48px); padding-right: 48px; padding-bottom: 48px; padding-top: 48px; } .wdzFileList .rBox .rBox_in a i{ font-size:48px; width: 48px; } .wdzFileList .rBox .rBox_in a .name{ font-size:18px; line-height: 1.4; } /* 资粮下载 end */ /* 晶圆代工 */ .jydgComtainer .topNavBox .list .item{padding:12px 16px;} .jydgComtainer .topNavBox .list .item .item_m a{ font-size:16px; } .jydgComtainer .topNavBox .list .item .item_m{ padding-left: 16px; } .jydgComtainer .topNavBox .list .item .item_img i{ font-size:18px; } .jydgComtainer .topNavBox .list .item_r i{ font-size:18px; } .jydg_link .item .fullImg .iconBox i{font-size:40px;} /* 晶圆代工 end */ /* index */ .indexItem1 .indexTitle{ padding-top: 0!important; padding-bottom: 30px; } .indexItem h3.indexTitle{ font-size:24px; } .indexItem2 .indexAppTab .cn{ font-size:16px; } .indexItem2 .indexAppContainer a i{ font-size:40px; } .indexItem3 .sv_right .swiper-slide.swiper-slide-active .imgBox{ width: 100%; } .indexItem3 .sv_right .swiper-slide{ margin-top: 0; padding:0; height: 60vw; } .indexItem3 .sv_right .swiper-slide.swiper-slide-active{ height: 440px; } .indexItem3 .sv_right .imgBox{ width: 100%; height: 100%; } .indexItem3 .sv_right .txtBox{display: none; } .indexItem3 .sv_right .swiper-slide.swiper-slide-active .txtBox{ display: block;} .indexItem3 .sv_right .svSwiperBox { display: block; width: 100%; height: 100%; } .indexItem3 .svNavSwiper .swiper-container{ overflow: inherit; } .indexItem3 .svNavSwiper .swiper-slide{ font-size:14px; padding:0 2px 20px; } .indexItem3 .svNavSwiper .swiperBtnBox>div.sw_next{ right:-12px } .indexItem3 .svNavSwiper .swiperBtnBox>div.sw_prev{ left:12px; } .indexItem7 .wdzBrand .item{ width: calc(50% - 10px); margin-right: 20px; } .indexItem3 .svNavSwiper:after{ width: calc(100% - 50px); } .indexItem7 .wdzBrand .item:nth-child(6n),.indexItem7 .wdzBrand .item:nth-child(4n),.indexItem7 .wdzBrand .item:nth-child(3n){ margin-right: 20px; } .indexItem7 .wdzBrand .item:nth-child(2n){ margin-right: 0; } .indexItem5 .indexNewsList{ flex-wrap: wrap;} .indexItem5 .indexNewsList .reSwItem{ width: 100%; margin:0; margin-bottom: 30px;} .indexItem5 .indexNewsList .reSwItem:last-child{ margin-bottom: 0; } .indexItem5 .indexNewsList .title{ height: auto; padding-bottom: 24px; } .indexItem3 .sv_right .swiper-slide.swiper-slide-active a .txtBox{ padding:40px 32px 40px; width: 80%; left: 0; } .hr_leftNull{ width: 16px; } .indexItem3 .svNavSwiper{ margin-top: 30px;} .indexItem3 .sv_right{ margin-top: 30px; padding-bottom: 0; } .indexItem3 .sv_right .swiper-container{ height: 60vw; margin-left: 0; width: 66%; } .indexItem3 .sv_right .title{ font-size:16px; padding:20px 0 10px; } .indexItem3 .sv_right .swiper-slide.swiper-slide-active .title{padding:16px 0 10px;} .indexItem3 .sv_right .swiper-slide.swiper-slide-active .txt{ font-size:12px; } .indexItem3 .sv_right .swiper-slide.swiper-slide-active{ height: 60vw; } .indexItem3 .sv_right .iconBox{ width: 100%; height: 30px; } .indexItem3 .sv_right .moreIcon i{ font-size:24px; } .indexItem4 .leftBox .title{ padding-top: 0; } .indexTitleBox a i{font-size:24px; } .indexItem1 .indexproductSearchBox_in{ padding:60px 0px 80px 16px; } .indexItem1 .indexproductSearchBox_in .indexProductListOut{ padding-right: 16px; } .indexItem1 .indexProductList{ margin-left: 0; } .indexItem1 .indexProductList .item{ height: 48px; margin-top: 16px; } .indexItem1 .hr_rightOutBox{ overflow: inherit; width: 100%; padding-left: 16px; } .indexItem1 .indexProductList .item .ulList{ top:48px; } .indexItem1 .indexProductList .item:hover .cture{ background: #fff; } .indexItem1 .indexProductList .item:hover .cture *{ color: #333!important; } .indexItem1 .indexProductList .item .iconBox i{ transform: none!important; } .indexItem1 .indexProductList .item.active .iconBox i{ transform: rotate(90deg)!important; color: #fff!important; } .indexItem1 .indexProductList .item.active .cture{ background: #F7B334!important; } .indexItem1 .indexProductList .item.active .cture a *, .indexItem1 .indexProductList .item.active .cture a { color: #fff!important; } .indexItem1 .indexProductList .item .ulList{ visibility: hidden!important; } .indexItem1 .indexProductList .item.active .ulList{ visibility:visible!important; } .indexItem1 .inputBox{ height: 40px; } .indexItem1_inner .inputBox_in{ height: 40px; } .indexItem1 .productSearchBtn{ height: 40px; line-height: 40px; width: 80px; } .indexItem1 .inputBox_in a{ font-size:12px; } .indexItem1 .searchIcon i{ color: #666; font-size:14px; } .indexItem1 .searchIcon { width: 40px; } /* index end */ /* 发展历程 */ .item_2_imgs{ width: 76%; } .wdzHistoryPd .topinfo{ display: none; } .ybHistoryList { padding: 20px 16px 0; background-size: auto 40vw; } .ybHistoryList_in_sw { width: 100%; } .ybHistory .topinfo { display: none; } .ybHistoryList_in::before { display: none; } .ybHistory_swiper .swiper-button-prev, .ybHistory_swiper .swiper-button-next { top: 50%; width: 36px; height: 36px; } .ybHistory_swiper .h_btn i { border: 1px solid #E8E8E8; border-radius: 100%; font-size: 36px; } .yb_historyYear { overflow: hidden; padding:0 24px 10px; } .yb_historyYear .swiper-container { overflow: revert; } .pro-swiper { position: relative; } .pro-swiper::before{ content: ""; position: absolute; width: 120%; left: -10%; bottom: 0; height: 1px; background: #A6C8B6; } .pro-swiper .year { font-size: 18px; text-align: center; font-weight: 100; width: 100%; height: 54px; position: relative; font-weight: bold; line-height: 1.1; transform: none!important; color: #A3C4EC; } .pro-swiper .year::after { content: ""; position: absolute; width: 12px; height: 12px; background-color: #A3C4EC; left: 50%; margin-left: -6px; bottom: -6px; border-radius: 100%; } .pro-swiper .year::before { content: ""; position: absolute; left: 50%; width: 20px; height: 20px; margin-left: -10px; bottom: -10px; background: rgba(255, 255, 255, 0.6); opacity: 0; border-radius: 100%; } .pro-swiper .swiper-slide-thumb-active .year::after{ background-color: #fff } .pro-swiper .swiper-slide-thumb-active .year::before { opacity: 1; } .pro-swiper .swiper-slide-thumb-active .year { color: #fff; } .ybHistoryList_btn .swiper-button-prev, .ybHistoryList_btn .swiper-button-next { top: 41px; width: 26px; height: 26px; } .wdzHistoryPd .txtBox{ padding-top: 30px; } .wdzHistoryPd{ padding:0; } /* 发展历程 end */ .honorOutBox{ background-size: cover; } .ybmNav{ background: #F2F2F2; width: 100%; padding:0 16; height: 40px; box-shadow: inset 0px -1px 0px 0px #F2F2F2; } .ybmNav .swiper-slide{ display: flex; justify-content: center; align-items: center; width: auto; padding: 0 10px; font-size:14px; } .ybmNav .mshow .swiper-slide.active a{ position: relative; font-weight: bold; } .ybmNav .mshow .swiper-slide.active a:after{ content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #196CCF; } .wdz_nav .swiper-container{ height: 40px; line-height: 40px; } .wdz_nav a:hover, .wdz_nav .swiper-slide-active a{ color: #666; } .ybmNav .swiper-slide.active a{ color: var(--color, #196CCF); } /* 人才发展 */ .devPlanBox .devPlav_item_1 .list .item{ width: 100%; padding:40px 60px; } .devPlanBox .devPlav_item_1 .list .item .name{ font-size:18px; } .careForTalents .tItem_1 .topText{ margin-bottom: 36px; } .careForTalents .tItem_1 .keyWord{ font-size:16px; } .staffWelfare{border-radius: 70px 0px 0px 0px;} .shareBox i{ font-size:34px; } .shareBox .sItem{ margin-right: 14px; } .shareBox .sItem:first-child{ margin-left: 14px; } .shareBox .sItem:last-child{ margin:0; } .cyxItem2 .list .item .iconImg{ height: 40px; } .ejSearchBox{ top: 60px; padding:24px 0; } .ejSearchBox .search_in .searchSelectBox .txtBox span{ font-size:14px; padding-right: 4px; } .ejSearchBox .search_in .searchSelectBox .searchList{ padding-left: 12px; } .ejSearchBox .search_in .searchSelectBox .txtBox i{ transform: scale(0.6); } .ejSearchBox .search_in .searchSelectBox{ width: 96px; } .ejSearchBox .search_in{ padding-left: 100px; } .ejSearchBox .search_in .searchSelectBox>i{ font-size:14px; } .ejSearchBox .search_in .searchSelectBox>i:after{ height: 20px; left: -12px; } .ejSearchBox .search_in input{ font-size:14px; } .ejSearchBox .search_in{ transform: translateX(-26px); } .ejSearchBox .search_in .search_w a{ width: 66px; font-size:14px; line-height: 48px; } .ejSearchBox .search_in, .ejSearchBox .search_in .search_w a, .ejSearchBox .search_in input{ height: 48px; } .ejSearchBox .search_in .searchSelectBox .searchList ul a{ font-size:14px; } .ejSearchBox .search_in .searchSelectBox .searchList ul{ width: 100px; } .ejSearchBox .search_close p{ font-size:12px; padding-top: 4px; } .ejSearchBox .search_close img{ width: 20px; } .ejSearchBox .search_in .search_w{ height: 48px; padding-right: 66px; } .ejSearchBox .search_close{ right: -48px; } .wdz_nav{ height: auto; } .wdzTopTab{ padding-top: 60px; } .wdzTopTab>.hr_outBox{ height: 46px; } .wdzTopTab a{ line-height: 46px; font-size:12px; height: 46px; } .wdzTopTab .tLi.active a i{ font-size:12px; } .wdzTopTab .tLi:after{ height: 2px; } .ResponsibleReporting_in .item a .time{ font-size:14px; } .ResponsibleReporting_in .item a{ padding:36px 24px; } /* 投资者活动记录 */ .tzrActRecordNav { padding:0 40px; } .tzrActRecordNav .tabBtn{ width: 32px; height: 32px; } .tzrActRecordNav .tabBtn i,.tzrActRecordNav .tabBtn a{ line-height: 32px; } /* 投资者活动记录 end */ /* 制造与服务 左边导航 */ .product_center .center_box .le_box{ padding:0;} .product_center .center_box .le_box .tent2{ margin: 0; margin-top: 30px; } .product_center .center_box .le_box .tent2 .slide .menuitem .two .three{ margin-bottom: 10px; } .product_center .center_box .le_box .tent2 .slide .menuitem.active .two{ margin: 10px 0 0; } .product_center .center_box .le_box .tent2 .level_four .ur_box{ margin-top: 10px; } .product_center .center_box .le_box .tent2 .slide .menuitem.active .one span{ border-color: #196CCF; } .product_center .center_box .le_box .tent2 .f20{ font-size:16px; } .product_center .center_box .le_box .tent2 .slide .menuitem .pu_icon{ width: 24px; height: 24px; } .product_center .center_box .le_box .viewLeftMenu{ height: 100px; } .product_center .center_box .le_box .viewLeftMenu .viewBtn{ width: 120px; height: 54px; } .product_center .center_box .le_box .viewLeftMenu .viewBtn span{ font-size:16px; } .product_center .center_box .le_box .viewLeftMenu .viewBtn i{ font-size:16px; } .product_center .center_box .le_box .div_{ top: 99px; height: 44vw; } .makeAndService .mkServiceRight{ padding:0 16px 60px; } .makeAndService .mkServiceBread{ height: 40px; font-size:12px;} /* 制造与服务 左边导航 end */ /* 制造与服务 */ .eServiceTop .txtBox{ padding-bottom: 20px; } .mkServiceBox .list .title .icon{ margin-right: 10px; } .mkServiceBox.designSupportBox .list svg{ font-size:18px; } .mkServiceTab .swiper-slide{ height: 40px; } .mkServiceTab .swiper-slide a{ padding:0 16px; font-size:12px; } .mkServiceTab .swiper-slide.active a{ font-weight: normal; } .hawtxListBox .item:first-child .imgsBox{ width: 100%; } .hawtxListBox .item{ padding:30px 20px; } /* 制造与服务 end */ .hawtxContainer .hawTxtList .list{ padding-bottom: 60px; } .hawtxImgsList .imgsSwiper:after{ display: none; } .ScrollbarNotLock.swiper-container{ padding-bottom: 30px; } .fzgyBox .list .item .name i{ font-size:16px; } .proViewTitle { font-size:18px; } .fzgyBox .list .item .textBox{ padding-top: 20px; } .productType .titleBox i{ font-size:20px; } .productType .list .item{ padding:20px; } .indexItem6 .wdzStock .stockPrice{ font-size:56px; } .indexItem6 .wdzStock{ margin-top: 40px; } /* .companyProfile{ background-size: auto 160vw; } */ /* u新闻详情 */ .fjShare{ height: 60px; margin-top: 32px; } .ybCharityDt_imgBox{ padding:10px 16px 20px; } .ybCharityDt_imgBox .imgBox_in { padding: 10px; } .fjShare .list{ padding:10px 0; } .fjShare .fx{ line-height: 60px; } .fjShare .list .item .codeBox{ width: 110px; height: 110px;padding:5px 12px 20px; margin-left: -50px;; } .ybCharityDt_imgBox .CharityimgBox_top{ border-bottom: 1px solid #F4F4F4;} .CharityimgBox_thumbs_out{ border:none; padding:0px 40px 0; margin-top: 30px;} .CharityimgBox_thumbs_out .btn_icon{ width: 24px; height: 24px; } .CharityimgBox_thumbs_out .btn_icon i{ line-height: 24px; font-size: 24px; } /* u新闻详情 end */ .searchpage{ padding:0 16px; } .searchpage .spageBox .btn{ width: 88px; } .searchpage .spageBox{ height: 48px; } .searchpage .spageBox .btn{ height: 48px; line-height: 48px; } .pro-suoqu-btn2{ width: 100px; height: 40px; font-size:12px; } .pro-suoqu-btn2 i{ margin-right: 6px; } /* 市场销售部 */ .salesAndmarke{ width: 96%; } .salesAndmarke .tzrAskBox .listForm{ justify-content: space-between; } .salesAndmarke .top{ padding:0 16px; height: 36px; } .salesAndmarke .wdzOnLine{ padding:20px 16px; } .salesAndmarke .tzrAskBox .item{ width: 48%; margin-bottom: 16px; } .salesAndmarke .tzrAskBox .item:nth-child(2n){ margin-left: 2%; } .salesAndmarke .tzrAskBox .item label{ font-size:12px; padding-bottom: 4px; } .salesAndmarke .tzrAskBox .item .inputBox{ height: 32px; } .salesAndmarke .crv-tips{ font-size:12px; line-height: 1.2; } .salesAndmarke .tzrAskBox .item.messageContents{ width: 100%;margin-left: 0; } .salesAndmarke .tzrAskBox .item.textareaItem .inputBox{ height: 60px; padding:12px; } /* 市场销售部end */ .dqReport .list .item a .txtBox .name,.dqReport .list .item a .txtBox .txt{ overflow: initial; white-space: initial; text-overflow: inherit; } .productBanner .bannerPic img{ display: none; } .productBanner .bannerPic{ height: 48vw; } .dqReport .list .item a .txtBox .name{ font-size:16px; } .dqReport .list .item a .txtBox .txt { font-size:14px; } /* indexbanner video */ .indexBannerBox .videobanner .indexVideoBox { display: none; opacity: 0; width: 0!important; height: 0!important; overflow: hidden; } .appBanner { height: 42vw; } .goTopBtn_in img{ width: 46px; } .careForTalents .tBgBox { display: none; } .careForTalents .tListBg { padding-top:0; } .careForTalents .tList_v2 { margin-top: -24px; } .careForTalents .tList_v2 .tItem_v2{ width: 100%; flex-direction: column; margin-right: 0; margin-top: 24px; } .careForTalents .tList_v2 .tItem_v2:nth-child(3n){ margin-top: 24px; } .careForTalents .tList_v2 .tItem_v2 .txtBox2{ padding:24px 16px; } /* 产学研 改版 */ .cyxItem2 .list2 .item2{ width: 100%; margin-right: 0px; margin-bottom: 20px; } .cyxItem2 .list2 .item2 .txtBox2 .hr_desc { color: #666; height: auto!important; } .cyxItem2 .list2 .item2 .txtBox2 .title{ color: #196CCF!important; } .cyxItem2 .list2 .item2 .txtBox2{ background-position: top center; position: initial; height: auto; background-image: url(../image/cxyBoxBg.png)!important; background-size: cover!important; } .cyxItem2 .list2 .item2 .txtBox2 .mCSB_scrollTools{ display: none!important; } .cyxItem2 .list2 .item2 .txtBox2 .mCSB_container{ margin:0!important; } /* 产学研 改版 end */ .indexItem6 .stockLeftItem:nth-child(2){ padding-top: 20px; } .indexItem6 .stockPercentage{ padding:0; } .indexItem6 .wdzStock .list:first-child{ margin-top: 0; padding-top: 10px; } .indexItem6 .wdzStock .stockPrice{ padding-top: 40px; } .company_list .companyVideo{ margin:0 auto; width: min(calc((100vh - 200px) * 100 / 56.25), calc(100vw - 46px )) } } /* 750px end */ @media screen and (max-width:640px){ .company_list .list .numBox span{ font-size:32px; } .company_list .list .numBox .dw{ width: 32px; display: block; overflow:hidden; } .fCopyRight .copyRightTxt{ flex-wrap: wrap; } .fCopyRight .copyRightTxt span{ width: 100%; display: block; margin-bottom: 6px; } .fCopyRight .cLink{ margin-top: 0px; } .contactBox .item_in .title,.contactNetwork .listBox .name{ font-size:16px; } .contactNetwork .listBox{ margin-bottom: 30px; padding-bottom: 30px; } .m_welfareList .welfareList{ padding:40px; } .welfareList .item:after{ bottom: -20px; left: -20px; width: calc(100% + 40px); height: calc(100% + 40px); } .rcga_imgs .item{ width: 65vw; } /* 产学研合作 */ .cyx_Item_1 .cyx_Item_1_txt{ padding-top: 30px; } .cyxComtainer .cyxItem1{ padding-bottom: 10px; } /* 产学研合作 end */ /* 责任报告 */ .responsibilityReporting .hr_box_in{ padding:0; } .responsibilityReporting .reportList{ padding:0 6px; } .responsibilityReporting .reportList .list .item{ padding:0 10px; width: 50%; margin-bottom: 30px; } .responsibilityReporting .reportList .name{ margin-top: 20px;} /* 责任报告 end */ /* 投资者活动记录 */ .tzrActRecord .list .item{ margin: 0; margin-top: 20px; width: 100%;} .tzrActRecord .list .item a{ padding:20px; } /* 投资者活动记录 end */ /* 投资者活动记录 */ .tzrActRecordNav { padding:0 32px; } .tzrActRecordNav .tabBtn{ width: 24px; height: 24px; top: 50%; transform: translateY(-50%); } .tzrActRecordNav .tabBtn i,.tzrActRecordNav .tabBtn a{ line-height: 24px; display: block; transform: scale(.8); } /* 投资者活动记录 end */ /* 应用 */ .wdzApplication .list{ height: 320px; } /* 应用 end */ /* 资粮下载 */ .wdzFileList .list{ margin-right: 0px;width: 100%; } .wdzFileList .rBox .rBox_in a{ padding-left: calc(41.764% + 40px); padding-right: 20px; padding-bottom: 24px; padding-top: 24px; } .wdzFileList .rBox .rBox_in a i{ font-size:40px; width: 40px; } .wdzFileList .rBox .rBox_in a .name{ font-size:16px; } /* 资粮下载 end */ .makeListBox .item a .name{ font-size:12px; font-weight: normal; } .makeListBox .item .svgIcon{ margin-right: 6px; } .makeListBox .item a{ padding:0 16px 0 24px; } .makeListBox .item a i{ font-size:16px; } /* index */ .indexItem2 .indexAppTab .cn{ font-size:14px; } .indexItem3 .sv_right .swiper-container{ margin-left: 0px; width: 68%; } .indexItem3 .sv_right .swiper-slide.swiper-slide-active a .txtBox{ left: 0; width: 72%; padding:18px 14px; } .indexItem6 .wdzStock .list.stockLeft>div{ flex-wrap: wrap; } .indexItem6 .wdzStock .list.stockLeft>div .stockLeftItem,.indexItem6 .stockLeftItem ul{ width: 100%;} .indexItem6 .stockLeftItem ul{ margin-top: 0px; } .indexItem6 .stockEndTime{ text-align: left; padding-bottom: 20px; } .indexItem6 .navListInner .item{ flex: none; } .indexItem6 .wdzStock .list{ border-bottom: none; padding-bottom: 0; } .indexItem6 .wdzStock{ margin-top: 30px; } .indexItem7 .wdzBrand{ margin-top: 10px; } /* index end */ /* 人才发展 */ .devPlanBox .devPlav_item_1 .list .item{ padding:30px; min-height: 240px; } .devPlanBox .devPlav_item_1, .devPlanBox .devPlav_item_3{ background-size: 140% auto; } .devPlav_item_3 .imgBox{ width: 100%; margin:0 0 30px 0;} .careForTalents .tItem_1 .topText{ margin-bottom: 32px; } .staffWelfare{border-radius: 60px 0px 0px 0px;} .shareBox i{ font-size:30px; } .shareBox .sItem{ margin-right: 10px; } .shareBox .sItem:first-child{ margin-left: 10px; } .shareBox .sItem:last-child{ margin:0; } .cyxItem2 .list .item .iconImg{ height: 36px; } .shareBox .codeInBox .imgsList>div{ width:98px; } .shareBox .codeInBox .imgsList>div img{ width: 88px; height: 88px; } .shareBox .codeInBox .txt{ padding:0 0 10px; } .shareBox .sItem:last-child .codeOutBox{ right: -6px; } /* 表单 */ .yzmBtn{ flex-wrap: wrap; width: 100%; } .tzrAskBox #crv-yzm{ width: 100%; margin-right: 0; } .tzrAskBox #crv-yzm input{ width: 100%; height: 40px; } .tzrAskBox .crv-maskForm-submit{ width: 120px; line-height: 40px; height: 40px; } .tzrAskBox #crv-yzm img{ height: 40px; } .salesAndmarke .tzrAskBox #crv-yzm input{ height: 36px; } .salesAndmarke .tzrAskBox .crv-maskForm-submit{ width: 88px;height: 36px; line-height: 36px; } .yzmBtn .crv-tips.msg{ bottom: 46px; } .salesAndmarke .yzmBtn .crv-tips.msg{ bottom: 38px; } .mkServiceBread span{ letter-spacing: -3px; } .ScrollbarNotLock.swiper-container{ padding-bottom: 24px; } .indexItem4 .moreBtn a{ width: 100px; height: 30px; } .indexItem4 .moreBtn a i{ font-size:24px; } .indexItem4 .leftBox .desc{ font-size:22px; } .indexItem4 .leftBox .txt{ padding-top: 10px; } .indexItem4 .leftBox .moreBtn{ margin-top: 20px; } .indexItem4 .leftBox{ padding-bottom: 20px; } .indexItem5 .indexNewsList{ margin-top: 30px; } .indexItem6 .wdzStock .stockPrice{ font-size:50px; } .CharityimgBox_thumbs_out .btn_icon{ bottom: 10px; } .companyProfile{ background-size: 250%; } .mapBox .list .itemBox .item{ margin-right: 0; margin-top: 20px; width: 100%; } .mapBox .list .itemBox .item>ul{ padding-left: 16px; } .mapBox .list .itemBox .item .navLink2 i{ display: inline-block; } .mapBox .list{ padding-bottom: 40px; margin-bottom: 40px; } .mapBox .list:last-child{ margin-bottom: 0; } .product_center .center_box .le_box .div_{ top: 79px; height: 68vw; padding:0 16px 24px; } .product_center .center_box .le_box .viewLeftMenu{ height: 80px; } .product_center .center_box .le_box .viewLeftMenu .viewBtn{ width: 110px; height: 44px; } .product_center .center_box .le_box .viewLeftMenu .viewBtn span{ font-size:14px; } .product_center .center_box .le_box .viewLeftMenu .viewBtn i{ font-size:14px; } .rqpreNext .txt, .rqpreNext .txt a{ width: 100%; display:inline-block; } .rqpreNext .txt span{ display: block; width: 100%; padding:0; } .rqpreNext h4{ font-size:16px; } .rqpreNext .txt a{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .appBanner { height: 48vw; } /* 产学研 改版 */ .cyxItem2 .list2 .item2 .txtBox2{ padding:16px; } .cyxItem2 .list{ margin-top: 24px; } /* 产学研 改版 end */ .proView .hotProList .pItem .proli{ font-size:12px; } .proView .hotProList .pItem .proli.serialNumber{ width:32px; } .proView .hotProList .pItem .proli.proLine{width: 70px;} .proView .hotProList .pItem .proli.proClass{ width:86px } .wdnHistory_item_2 .item ul li{ margin-right: 16px; } .wdnHistory_item_2 .item ul li:last-child{ margin-right: 0px; } .ResponsibleReporting_in .item a{ padding:24px 20px; } .ResponsibleReporting_in .item a .title{ margin:12px 0; } .item_2_imgs{ width: 100%; } .company_list .companyVideo{ margin:0 auto; width: min(calc((100vh - 200px) * 100 / 56.25), calc(100vw - 32px )) } .company_list .list .numBox span{ font-size:30px; } .company_list .list .item{width: 36%; } .companyNews .topNews a .txtBox .topnewsInfo .iconBox{ display: none; } } @media screen and (max-width:480px){ .company_list .list .numBox span{ font-size:26px; } .company_list .list .item{width: 40%; } .m_welfareList .welfareList{ padding:30px; } .welfareList .item:after{ bottom: -15px; left: -15px; width: calc(100% + 30px); height: calc(100% + 30px); } .indexItem3 .sv_right .swiper-slide.swiper-slide-active a .txtBox{ left: 0; width: 220px; } .tzrAskBox.khServiceBox .item.type .inputBox label.radioBox{ margin-right: 6%; } .tzrAskBox.khServiceBox .item.type .inputBox label.radioBox:nth-child(3n){ margin-right: 0;} .CharityimgBox_thumbs_out .btn_icon{ bottom: 5px; } .companyProfile{ background-size: 350%; } .product_center .center_box .le_box .div_{ top: 79px; height: 88vw; } .productBanner .bannerPic{ height: 56vw; } .item_2_sdbs .addrItem{ width: 64px; height: 64px; } .item_2_sdbs .addrItem:nth-child(2){ width: 74px; height: 74px; } }