/*index-header部分start*/ .header{ width: 100%; min-width: 1280px; background: url("../images/honor-bg.png") no-repeat ; background-size: 100% 100%; } /*index-header部分end*/ /*honor-main部分start*/ .honor{ width: 100%; height: auto; background: url("../images/zftgw_qyys_cbjt.png"); background-size: 100% 100%; } .honor-pic1,.honor-pic2,.honor-pic3{ display: flex; flex-direction: column; justify-content: center; margin: 0 auto; } .honor-pic3{ width:80%; margin: 0 auto; } .honor-pic1 img{ width: 80%; margin: 0 auto; height: 80%; } .honor-pic2 img{ width: 80%; margin: 0 auto; height: auto; } .honor-pic3 img{ width: 100%; margin: 0.2rem auto; height: auto; } .honor-top{ padding: 0.75rem 0 0.75rem 0; } .honor-text ul li{ font: 400 20px/42px "微软雅黑"; color: #333; } .honor-text-left{ float: left; margin-left: 68px; } .honor-text-rig{ float: right; margin-right: 68px; } .honor-text{ width: 100%; margin: 0.75rem 0; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-top: 0; } .honor-bg-text{ color:#004fbb; font: 600 32px/32px "微软雅黑"; margin-bottom: -2%; } .honor-bg1{ width:80%; padding: 0.15rem; background: url("../images/zftgw_zzzs_zswzk2.png") ; background-size:100% 100%; } .honor-bg2{ width:80%; padding: 0.15rem; background: url("../images/zftgw_zzzs_zswzk.png") ; background-size:100% 100%; } .honor-bg3{ width:1452px; height: 664px; padding: 10px; background: url("../images/zftgw_zzzs_zswzk.png") ; background-size:100% 100%; } .resources-main{ width:80%; margin: 0 auto; border:0.2rem solid #eee; } .honor-main{ width:80%; margin: 0 10%; height: 8.5rem; padding: 0.1rem; display: flex; align-items:center; justify-content: space-around; flex-direction: row; flex-wrap: wrap; background: #f6f6f6; } .honor-img-link{ width: 48.5%; } .honor-img{ width: 100%; background: #fff; height: 4rem; display: flex; align-items: center; justify-content: center; cursor: pointer; } .honor-img>div{ width: 45%; } .honor-img-cross{ background: #0267b7 !important; } .honor-img-left{ width:50%; } .honor-img-right{ width: 35%; } .honor-img-text{ color:#8ec3ed !important; } .honor-img h3{ font-size: 0.3rem; color: #888888; } .technology,.market{ display: flex; flex-direction: column; align-items: center; width: 100%; height: auto; border-bottom:0.2rem solid #eee; } .market{ background-color: #0267b7; } .market-text{ color: #fff !important; } .technology-main,.market-main{ width: 100%; display: flex; flex-direction: row; justify-content: space-around; padding: 2%; } .patents-main{ margin:5% !important; } .patents-img1,.patents-img2,.patents-img3,.patents-img4{ width: 48%; margin: 1%; height: 3rem; background:url('../images/zftgw_qyys_zlxtp1.png'); background-size: 100% 100%; display: flex; align-items: center; justify-content: flex-end; } .patents-img2{ width: 48%; margin: 1%; height: 3rem; background:url('../images/zftgw_qyys_zlxtp2.png'); background-size: 100% 100%; } .patents-img3{ width: 48%; margin: 1%; height: 3rem; background:url('../images/zftgw_qyys_zlxtp3.png'); background-size: 100% 100%; } .patents-img4{ width: 48%; margin: 1%; height: 3rem; background:url('../images/zftgw_qyys_zlxtp4.png'); background-size: 100% 100%; } .patents-text{ float:right; width: 38%; color: #fff; display: flex; flex-direction: column; } .patents-text span{ font:600 0.42rem/0.42rem "微软雅黑"; margin: 5% 0; } .patents-text p{ font:600 1rem/1rem "Arial"; } .technology-main div p{ font:600 0.25rem/0.4rem "微软雅黑"; color: #333333; } .market-main div p{ font:600 0.25rem/0.4rem "微软雅黑"; color: #fff; } .resources-text{ font:600 0.3rem/0.5rem "微软雅黑"; color:#0267b7; padding: 1% 3%; border-bottom: 0.05rem solid #ff9900; } .honor-bg3 >div ,.honor-bg2 >div{ margin:0.7rem; } .honor-bg2 >div{ margin:5% 10%; display: flex; flex-direction: row; flex-wrap: wrap; } .honor-bg1>div{ margin:5% 10%; display: flex; flex-direction: column; } .honor-bg1 p{ font: 600 24px/48px "微软雅黑"; } .cutline{ width: 80%; height: 0.1rem; margin:0.2rem 0; background: url('../images/zftgw_qyys_dhx.png'); background-size: 100% 100%; }