communication.min.css
6.39 KB
.head{width:1920px;height:5.6875rem;margin:0 auto;display:flex;padding:0 4.875rem 0 6.375rem;align-items:center;justify-content:space-between;box-sizing:border-box}.head h1{overflow:hidden}.head h1 img{display:block;height:2.8125rem;margin:0 30px;margin-top:5px;cursor:pointer}.head .red_bold{color:#C70009;font-weight:bold}.head ul{width:1132px;display:flex;align-items:center;justify-content:space-between;position:relative}.head ul li{cursor:pointer}.head ul li a{font-size:1rem;font-family:Source Han Sans, Source Han Sans;font-weight:400;color:#3D3D3D;line-height:1.4375rem}.head ul span{position:absolute;display:block;width:40px;height:5px;background:#C70009;border-radius:49px 21px 0px 0px;bottom:-34px;left:10.6%}.head ol{display:flex;align-items:center}.head ol li{cursor:pointer;font-size:1rem;font-family:Source Han Sans, Source Han Sans;font-weight:400;color:#3D3D3D;line-height:3.5rem}.head ol li:nth-child(1){margin-right:1.625rem}.head ol li:nth-child(2){margin-right:1.125rem}.head ol li img{width:.925rem;vertical-align:middle}.head ol li:last-child{width:6.5625rem;display:flex;justify-content:space-between;align-items:center}.banner{position:relative;width:1932px;margin:0 auto;background:linear-gradient(360deg, rgba(53,76,150,0.17) 0%, #354C96 100%);background-blend-mode:multiply}.banner img{display:block;width:100%;height:633px}.banner div{width:100%;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.banner div p{text-align:center;font-size:64px;font-family:Source Han Sans, Source Han Sans;font-weight:700;color:#FFFFFF;line-height:93px}.banner div p:last-child{font-size:16px;font-family:Source Han Sans, Source Han Sans;font-weight:700;color:#FFFFFF;line-height:23px}.change{width:1920px;margin:0 auto}.change .tab-container{width:100%;overflow:hidden;margin:0 auto}.change .tab{padding:8px 16px;cursor:pointer;font-size:16px;font-family:Source Han Sans, Source Han Sans;font-weight:400;color:#3D3D3D;line-height:23px}.change .active{color:#C70009;font-weight:bold}.change .tab-content{display:none;padding:16px;background-color:#fff}.change .content{margin-top:10px;width:100%}.change .tag{border-bottom:1px solid #E5E5E5}.change .tag .main{margin:0 auto;width:81.25rem;padding:36px 0px;display:flex;justify-content:space-evenly;position:relative}.change .tag .main .tab_to{transition:all linear 200ms;position:absolute;width:40px;height:5px;background-color:#C70009;border-radius:49px 21px 0px 0px;bottom:0;left:104.969px}.out_cont{margin:0 auto;width:81.25rem}#tab7{width:1920px;margin:0 auto;background:url(../../imgs/about/bg1.png) center center no-repeat;background-size:100%;background-color:transparent}#tab7 .fir{width:100%;position:relative;margin-bottom:40px}#tab7 .fir .title{float:left;font-size:26px;font-family:Source Han Sans, Source Han Sans;font-weight:900;color:#3D3D3D;line-height:56px;display:flex;align-items:center;margin:50px 0}#tab7 .fir .title::before{content:"";display:inline-block;width:6px;height:56px;margin-right:20px;background-color:#C70009}#tab7 .fir .rig_swiper{width:531px;position:absolute;top:120px;right:0;border-radius:10px 10px 10px 10px}#tab7 .fir .detail{float:right;position:relative;width:100%;background:#F7F7F9;border-radius:10px 10px 10px 10px;overflow:hidden;right:0px;margin-top:69px}#tab7 .fir .detail p{text-align:justify;width:664px;font-size:16px;font-family:Source Han Sans, Source Han Sans;font-weight:400;color:#787878;line-height:43px;margin:30px 0px 28px 43px}#tab7 .fir .sys_pic{position:absolute;right:30px;top:0;z-index:3;height:384px;border-radius:10px 10px 10px 10px}#tab7 .sec{width:100%;position:relative;margin-bottom:40px;overflow:hidden;display:flex;justify-content:space-between;background-color:transparent}#tab7 .sec img{height:383px;display:block;border-radius:10px 10px 10px 10px}#tab7 .sec div{background-color:#F7F7F9;border-radius:10px 10px 10px 10px;padding:30px 0;width:800px}#tab7 .sec div p{padding-bottom:0px;font-size:16px;font-family:Source Han Sans, Source Han Sans;font-weight:400;color:#787878;line-height:43px;text-align:justify}#tab7 .sec .show{width:90%;height:430px;margin:0 auto;overflow-y:auto;padding:0;padding-right:20px}#tab7 .sec .show::-webkit-scrollbar{width:6px;border-radius:171px 171px 171px 171px}#tab7 .sec .show::-webkit-scrollbar-thumb{background-color:#bf464c;border-radius:10px}#tab7 .sec .show::-webkit-scrollbar-track{background:linear-gradient(180deg, #F0F0F0 0%, rgba(240,240,240,0) 100%);border-radius:171px 171px 171px 171px}#tab7 .fou{width:100%;position:relative}#tab7 .fou img{width:100%;border-radius:10px 10px 10px 10px}#tab7 .fou div{background-color:#F7F7F9 !important;border-radius:10px 10px 10px 10px;margin-top:30px;background:linear-gradient(to top, #F7F7F9, transparent 15%)}#tab7 .fou div p{font-size:18px;font-family:Source Han Sans, Source Han Sans;font-weight:400;color:#787878;line-height:43px;overflow:hidden;text-align:justify}#tab7 .fou .cun{padding:30px 0}#tab7 .fou .cun .show{width:94%;height:300px;margin:0 auto;overflow-y:auto;padding:0;padding-right:20px}#tab7 .fou .cun .show::-webkit-scrollbar{width:6px;border-radius:171px 171px 171px 171px}#tab7 .fou .cun .show::-webkit-scrollbar-thumb{background-color:#bf464c;border-radius:10px}#tab7 .fou .cun .show::-webkit-scrollbar-track{background:linear-gradient(180deg, #F0F0F0 0%, rgba(240,240,240,0) 100%);border-radius:171px 171px 171px 171px}#tab7 .fou .com_more{font-size:16px;font-family:Source Han Sans, Source Han Sans;font-weight:700;color:#C70009;line-height:100px;position:absolute;bottom:0;left:50%;transform:translateX(-50%);text-align:center;cursor:pointer;height:66px;width:77.5rem;border-radius:10px 10px 10px 10px;background:linear-gradient(to bottom, transparent, #F7F7F9);backdrop-filter:blur(2px)}#tab7 .fou .com_more::after{content:"";width:9px;height:15px;display:inline-block;background:url(../../imgs/about/bot_more.png) right center no-repeat;background-size:100%;margin-left:8px}.text_cont{width:100%;margin-top:90px;background-color:#F7F7F9;overflow:hidden;border-radius:10px 10px 10px 10px}.text_cont .hor_text{width:94%;font-size:16px;font-family:Source Han Sans, Source Han Sans;font-weight:400;color:#787878;line-height:43px;text-align:justify;margin-top:90px;margin:30px 28px 28px 43px}.honor2{width:100%;display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap;margin-top:30px;padding-bottom:20px}.honor2 div{width:30%;height:300px;background-color:red;margin-top:55px;box-shadow:2px 2px 14px 2px #a9a9a9}.honor2 div img{width:100%;height:100%}