.continueHighBanner{ width: 100%; } .continueHighBanner img{ width: 100%; /*height:475px;*/ margin-bottom: 60px; } .highTitle { text-align: center; } .highTitle h4{ color: #333; font-size: 50px; font-weight: 700; } .highTitle img{ display: inline-block; width:77px; height: 82px; margin-bottom: 24px; } .highTitle .militaryTxt{ padding-bottom:60px; } .highTitle span{ display: inline-block; font-size: 25px; font-weight: 700; font-family: 'Arial'; margin-top: 12px; margin-bottom: 30px; color: #666666; } .highTitle h3{ font-weight: normal; font-size: 33px; margin-bottom: 17px; } .highTitle P{ text-align: left; color: #666; font-size: 32px; padding: 20px 120px 86px; /*text-indent: 2em*/ } .highTab { overflow: hidden; margin-top: 10px; margin-bottom:40px; } .highTab ul{ display: flex; justify-content: space-between; } .highTab ul li{ cursor: pointer; width: 33%; height: 60px; line-height: 60px; background: #b7dbff; text-align: center; font-size: 20px; color: #333; padding: 0 40px; border-bottom: 1px solid #fff; } .highTab ul li p{ height: 60px; line-height: 60px; border-bottom: 2px solid transparent } .highTab ul li.active p{ font-weight: 700; font-size: 24px; border-color: #fff; color:#fff; } .highTab ul li.active { background: #99ccff; border-color: #99ccff } .highTab ol{ position: relative; z-index: 66; height: 440px; } .highTab ol li{ display: none; position: absolute; width: 100%; top: 0; left: 0; background: #99ccff; padding: 27px 128px 38px 128px; } .highTab ol li>div { clear: both; display: flex; justify-content: flex-start; margin-bottom: 20px; } .highTab ol li p{ font-size: 20px; color: #ffffff; line-height: 30px; } .highTab ol li div div span{ display: inline-block; width: 16px; height:16px; border-radius: 50%; background: #40566b; vertical-align: top; margin-right:47px; margin-top: 9px; } .highTab ol li:first-child{ display: block } /* 优势 */ .highAdvantage{ display: flex; justify-content: space-around; padding: 0 50px 100px; } .highAdvantage div{ width: 320px; text-align: center; box-shadow: 0 4px 10px #ccc; padding-bottom: 15px; } .highAdvantage div p{ text-align: left; } .highAdvantage div span{ width: 68px; height: 68px; display: inline-block; background: url(../../../../img/advertisement/high_2.jpg) no-repeat; background-size:100% 100%; line-height: 68px; text-align: center; font-size: 24px; font-weight: 700; margin-top: 52px; margin-bottom: 54px; } .highAdvantage div p{ font-size: 20px; color: #666; text-align: justify; margin-bottom: 5px; padding: 0 20px; } .highRelevant{ margin-top: 44px; padding: 0 200px; } .highRelevant ul { display: flex; justify-content: space-between; } .highRelevant ul li{ width: 250px; text-align: center; } .highRelevant ul li>p{ font-size: 34px; color:#333333; margin-bottom: 22px; } .highRelevant ul li div{ width: 100%; height: 255px; border-radius:50px; } .highRelevant ul li:nth-child(1) div{ background: #FFC5A8; } .highRelevant ul li:nth-child(2) div{ background: #FFC5A8; } .highRelevant ul li:nth-child(3) div{ background: #FFC5A8; } .highRelevant ul li div img{ margin-top: 40px; width:100px; } .highRelevant ul li div img.chengzhi{ margin-top: 40px; width:75px; } .highRelevant ul li div img.gaoqi{ margin-top: 40px; width:75px; } .highRelevant ul li div img.faming{ margin-top: 40px; width:70px; } .highRelevant ul li div img.peiyu{ margin-top: 40px; width:142px; } .highRelevant ul li div a{ display: inline-block; width: 118px; height: 38px; line-height: 34px; border: 2px solid #fff; text-align: center; font-size: 18px; color: #333333; border-radius: 20px; transition: all .2s ease-in; margin-top: 38px; } .highRelevant ul li div a:hover{ background:#064f87; color: #fff; border-color: #064f87; transition: all .2s ease-in-out; margin-top:30px; } .highBtn { text-align: center; padding-top: 150px; padding-bottom: 80px; } .highBtn div a { text-align: center; display: inline-block; width: 316px; height: 74px; line-height: 66px; border-radius: 10px; font-size: 24px; color: #333333; } .highBtn div:nth-child(1) a{ border: 4px solid #f6b37f; transition: all .2s ease-in-out; } .highBtn div:nth-child(2) a{ background: #f42121; color: #fff; margin-top: 34px; line-height: 74px; } .highBtn div:nth-child(1) a:hover{ background: #f6b37f; color: #fff; transform: scale(1.1); box-shadow: 0 4px 10px #ccc; transition: all .2s ease-in-out; } .highBtn div:nth-child(2) a:hover{ background: #fff; color: #f42121; transform: scale(1.1); box-shadow: 0 4px 10px #ccc; transition: all .2s ease-in-out; } /* 军工认证 */ .military { text-align: center; } .military>p{ font-size: 32px; color: #333333; margin-top:-8px; margin-bottom: 35px; } .military .militaryList{ width: 100%; background: #FF8A51; padding: 27px 128px 38px 128px; margin-bottom: 78px; padding-top: 40px; } .military .militaryList p{ text-align: left } .militaryList div span { display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #40566b; vertical-align: top; margin-right: 47px; margin-top: 9px; } .militaryList > div { clear: both; display: flex; justify-content: flex-start; margin-bottom: 20px; } .militaryList > div p{ font-size: 22px; color: #ffffff; line-height: 30px; } .militaryList h3{ text-align: left; font-size: 30px; margin-bottom: 20px; color: #ffffff; } .highRelevant.projectTxt ul li p{ margin-bottom: 18px; font-size: 25px; color: #333; } .highRelevant.projectTxt ul li p:nth-child(1){ margin-bottom: 5px; } #LRfloater0{ left: -200px!important; } .dgood{width:1200px;height:700px;margin:0 auto;background-color: #FF8A51;padding:30px 110px 30px 140px;position: relative; display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 90px;} .goodd{width:950px;height:300px;color:#fff;} .goodTitle{width:300px;height:70px;line-height: 70px;text-align: center;background-color: #FF9F70; font-size: 24px;font-weight: bold;letter-spacing: 5px;margin-bottom: 20px;color:#fff;} .goodd>p{font-size: 18px;letter-spacing: 3px;line-height: 30px;} .goodf{width:450px;height:300px;color:#fff;} .goodf>p{font-size: 18px;letter-spacing: 3px;line-height: 30px;} .goodg{width:400px;height:300px;color:#fff;margin-left: 100px;} .goodg>span{font-size: 18px;letter-spacing: 3px;line-height: 30px;margin-right: 40px;} .lined{width:0px;height:270px;border-left:5px solid #FFBB99;position: absolute;bottom:60px;left:630px;} .lineds{width:0px;height:600px;border-left:5px solid #FFBB99;position: absolute;bottom:60px;right:110px;} .youshi{width:1200px;height:370px;margin:0 auto;text-align: center;} .youshi>div{width:700px;height:70px;line-height: 70px;color:#fff;font-size: 22px;text-align: center; background-color: #FF8A51;border-radius:20px;margin: 0 auto;margin-bottom: 30px;} .gaoxin{width:1200px;height:650px;margin: 0 auto;background-color: #FF8A51;margin-bottom: 90px;position: relative; display: flex;justify-content: space-between;padding: 30px 120px;} .gaoxin>div>p{font-size: 18px;letter-spacing: 3px;line-height: 40px;color:#fff;padding-left: 20px;width:295px;} .gaoxin>div>div{margin-bottom: 50px;} .linede{width:0px;height:380px;border-left:5px solid #FFBB99;position: absolute;bottom:130px;left:430px;} .linedes{width:0px;height:380px;border-left:5px solid #FFBB99;position: absolute;bottom:130px;left:760px;}