.news_Container{ display: flex; align-items: center; } .news_Container button{ background-color: #ffffff; } /*首页新闻动态*/ .news_left_container{ } .newsLeftContent h2{ font-size: 30px; font-family: Microsoft YaHei; font-weight: bold; color: #124AA0; line-height: 30px; padding-bottom:15px; border-bottom:1px solid rgba(0,0,0,0.5); } .newsLeftContent p{ margin:0; padding: 0; font-size: 30px; font-family: Arial; font-weight: 400; color: #999999; line-height: 36px; margin-top:24px; margin-bottom: 125px; } .newsLeftContent button{ padding:10px 45px; border: 1px solid #134BA1; border-radius: 30px; font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; color: #134BA1; } .news_middle_container .titleContent{ display: flex; align-items: center; } .news_middle_container .titleContent .titleItem{ font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #333333; line-height: 36px; margin-right:27px; } .titleItemActive{ font-size: 18px; font-family: Microsoft YaHei; font-weight: bold; color: #134BA1 !important; line-height: 36px; border-bottom:4px solid #08429C; } .middleContent{ display: flex; width:100%; margin-top: 30px; } .middleContent .imgcontainer img{ width:100%; height:100%; } .middleContent .contenttitle{ color:#000000; font-size:14px; width:100%; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; margin: 30px 0; } .contentText p{ margin:0; padding:0; color:#747474; margin-bottom:30px; } .contentText .time{ color:#747474; font-size:12px; } .companyLeftContent h2{ font-size: 30px; font-family: Microsoft YaHei; font-weight: bold; color: #FFFFFF; line-height: 30px; padding-bottom:15px; border-bottom:1px solid #FFFFFF; } .companyLeftContent p{ margin:0; padding: 0; font-size: 30px; font-family: Arial; font-weight: 400; color: #FFFFFF; line-height: 36px; margin-top:24px; margin-bottom: 125px; } .companyLeftContent button{ padding:10px 45px; border-radius: 30px; background:rgba(255,255,255,0.8); font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; color: #134BA1; border:none; } .logocontent img{ width:100%; } .footer .title { font-size: 18px; font-family: Microsoft YaHei; font-weight: 400; color: #333333; line-height: 72px; text-align: center; } .footer a{ font-size: 15px; font-family: Microsoft YaHei; font-weight: 400; color: #777777 !important; line-height: 30px; } .footer ul{ text-align: center; } /* 第三屏 */ .section3{ position:relative; } .contentContainer{ display: flex; justify-content: space-between; position:absolute; width:100%; bottom: 0; } .contentContainer>.row{ margin:0 !important; } .contentContainer>.row>div{ margin:0 !important; padding: 0 !important; } .electricItem{ text-align: center; border-left:1px solid rgba(255,255,255,0.3); padding:34px 0 20px 0; display: flex; flex-direction: column; justify-content: space-between; align-items: center; height: 227px; } .electricItem .imgContainer{ width: 70px; /* height: 52px; */ } .imgContainer img{ width:100%; height:100%; } .electricItem p{ font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #FFFFFF; margin:20px 0; } .electricItem button{ border: 1px solid #FFFFFF; border-radius: 20px; font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; color: #FFFFFF; background-color: transparent; padding:6px 24px; display: none; } .addIon{ font-size: 28px; } /* .electricItem:hover{ background: rgba(19,75,161,0.8); } .electricItem:hover .addIon{ display: none; } .electricItem:hover button{ display: block; } */ .second3Title{ } .second3Title .title{ font-size: 32px; font-family: Microsoft YaHei; font-weight: bold; color: #FFFFFF; } .second3Title p{ padding:0; margin:0; margin-top:32px; } .second3Title .textsecond3{ font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #FFFFFF; margin-top:55px; } .footer{ padding:0 15px; padding-bottom:37px; border-bottom:1px solid #333333; } .registerContainer{ padding:0 15px; padding-top:29px; } .registerContainer img{ width:60px; height:60px; } .registerContainer .kefu{ font-size: 16px; font-family: Microsoft YaHei; font-weight: 300; color: #666666; line-height: 24px; } .registerContainer .phone{ font-size: 24px; font-family: Microsoft YaHei; font-weight: 400; color: #134BA1; line-height: 48px; } .registerContainer .leftContent{ display:flex; } .registerContainer .contactUs{ font-size: 16px; font-family: Microsoft YaHei; font-weight: 300; color: #666666; line-height: 24px; margin-top:38px; } .selectContainer{ text-align: center; } .selectContainer>.select{ margin-top:46px; height: 49px; background: #FFFFFF; border: 1px solid #E4E9E9; border-radius: 4px; width:50%; } @media (min-width: 1200px) { } @media only screen and (min-width: 992px) and (max-width: 1200px) { } @media only screen and (min-width: 768px) and (max-width: 991px) { } @media only screen and (min-width: 576px) and (max-width: 767px) { } @media (max-width: 575px) { .section { width: 100%; height: auto !important; /* display: flex; */ color: white; /*justify-content: center;*/ align-items: center; background-size: cover; } .logo { display: none; } }