/*鐮斿彂瀹炲姏*/ .rdc_banner{ width: 100%;} .rdc_banner dl{width: 100%;} .rdc_banner dl img{width: 100%;} .rdc_banner .title{position: absolute; top: 50%;transform: translateY(-50%);width: 1300px;color: #fff;left: 50%; margin-left: -650px;} .rdc_banner .title h3{font-size: 40px;} .rdc_banner .title dd{ font-size: 20px; padding-top: 20px;font-weight: 400; line-height: 38px; } .rdc_box1{ width:1300px; margin:0 auto; padding-top: 100px; padding-bottom: 100px;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;} .rdc_box1 li{width: 32%; padding:50px 20px 80px 20px;border: 1px solid #e0e3e8;background: linear-gradient(315deg, rgba(27,44,81,0.06) 0%, rgba(27,44,81,0) 100%); cursor:pointer; position: relative; margin-right: 2%;} .rdc_box1 li:nth-child(3){margin-right: 0;} .rdc_box1 li:after{background: #D9D9D9; width: 30px; height: 3px; position: absolute; bottom: 40px; left: 50%; margin-left: -15px;content: "";} .rdc_box1 li dl{ color: #000;font-size:28px;font-weight: bold; text-align: center;} .rdc_box1 li dd{ color: #666;font-size: 18px;line-height: 36px; padding-top: 20px; z-index:2; position: relative; } .rdc_box1 li dt{ position: absolute; right: 0; bottom: 0;width: 162px;z-index:1; } .rdc_box1 li dt img{width: 100%; opacity: 0.2;} .rdc_box1 li .hover{ position: absolute; right: 0; bottom: 0;width: 162px; display: none; z-index:1; } .rdc_box1 li .hover img{width: 100%;} .rdc_box1 li.on{ background: #021E43; } .rdc_box1 li.on dl{color: #fff;} .rdc_box1 li.on dd{ color: #fff; } .rdc_box1 li.on dt{ display: none; } .rdc_box1 li.on .hover{ display: block;} .rdc_box2{width:100%; background: #F8F8F8; padding-top: 100px; padding-bottom: 20px;} .rdc_box2 .rdc_box2_main{width:1300px; margin:0 auto;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;} .rdc_box2 .rdc_box2_main .rdc_box2_main_left{width: 278px; padding-top: 10px;} .rdc_box2 .rdc_box2_main .rdc_box2_main_left .title{color: #000; font-size: 40px;letter-spacing: 2px;} .rdc_box2 .rdc_box2_main .rdc_box2_main_left .title span{ font-weight: bold; } .rdc_box2 .rdc_box2_main .rdc_box2_main_left .rdc_box2_nav{width: 100%; padding-top: 80px;} .rdc_box2 .rdc_box2_main .rdc_box2_main_left .rdc_box2_nav li{width: 100%; color: #0ea7ea; position: relative; padding-bottom: 15px; margin-bottom: 30px;} .rdc_box2 .rdc_box2_main .rdc_box2_main_left .rdc_box2_nav li dl{ font-size: 40px; line-height: 40px;color: #000; font-weight: bold;} .rdc_box2 .rdc_box2_main .rdc_box2_main_left .rdc_box2_nav li dd{ font-size: 18px; line-height: 18px; padding-top: 20px; color: #666} .rdc_box2 .rdc_box2_main .rdc_box2_main_left .rdc_box2_nav li dl img{width: 20px; margin-left: 10px;} .rdc_box2 .rdc_box2_main .rdc_box2_main_left .rdc_box2_nav li dt{ position: absolute; top: -150px; left: 300px; width: 420px;box-shadow: 0px 14px 24px -8px rgba(21,36,76,0.1);border-radius: 8px; background: #fff; padding:10px; display: none;} .rdc_box2 .rdc_box2_main .rdc_box2_main_left .rdc_box2_nav li dt img{width: 100%;} .rdc_box2 .rdc_box2_main .rdc_box2_main_left .rdc_box2_nav li dt:after{width: 0; height: 0; border-top: 10px solid transparent; border-right: 20px solid #fff; border-bottom: 10px solid transparent; content: ""; position: absolute; left: -20px; top: 45%;} .rdc_box2 .rdc_box2_main .rdc_box2_main_right{width: 1022px;} .rdc_box2 .rdc_box2_main .rdc_box2_main_right img{width: 100%;} .rdc_box3{width:100%; padding-top: 100px; padding-bottom: 100px;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;} .rdc_box3 .rdc_box3_left{width: 50%;} .rdc_box3 .rdc_box3_left img{width: 100%;} .rdc_box3 .rdc_box3_right{width: 50%; padding-left: 60px; padding-top: 30px;} .rdc_box3 .rdc_box3_right dl{color: #000; font-size: 40px;letter-spacing: 2px; font-weight: bold;} .rdc_box3 .rdc_box3_right dd{ font-size: 18px; line-height: 36px; padding-top: 40px; color: #666} .rdc_box3 .rdc_box3_right dt{width: 50px; height: 2px; background: #021E43; margin-top: 100px;} .rdc_box3 .rdc_box3_right .more{width: 220px; margin-top: 100px; border:1px solid #021E43; font-size: 16px; height: 50px; line-height:50px; padding-left: 15px; padding-right: 15px;} .rdc_box3 .rdc_box3_right .more a{ display: block; color: #021E43; display:flex; justify-content:space-between;} .rdc_box3 .rdc_box3_right .more a img{width: 18px; height: 12px; margin-top: 18px;} @media (max-width:1600px) { .rdc_box3 .rdc_box3_right dt{ margin-top: 50px;} .rdc_box3 .rdc_box3_right .more{margin-top: 50px;} } .rdc_box4{width:100%; position: relative;} .rdc_box4 .bg_img{width: 100%;} .rdc_box4 .bg_img img{width: 100%;} .rdc_box4:after{ position:absolute; content: ""; background: #1B2C51;opacity: 0.6; width: 50%; height: 100%; left: 0; top: 0; z-index: 1;} .rdc_box4 .text{ position: absolute; top: 150px; color: #fff; z-index: 2; width: 1300px; left: 50%; margin-left: -650px;} .rdc_box4 .text dl{ font-size: 40px;letter-spacing: 2px;} .rdc_box4 .text dl span{ font-weight: bold; line-height: 70px;} .rdc_box4 .text ul{display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;width:720px; border:1px solid #fff; margin-top: 80px; padding-top: 50px; padding-bottom: 50px;} .rdc_box4 .text ul li{width: 50%; text-align: center; color: #fff;} .rdc_box4 .text ul li dd{ font-size: 60px; font-weight: bold; } .rdc_box4 .text ul li dt{ font-size: 18px; padding-top: 10px; } @media (max-width:1600px) { .rdc_box4 .text{ top: 100px;} .rdc_box4 .text ul{width:720px; border:1px solid #fff; margin-top: 50px; padding-top: 50px; padding-bottom: 50px;} } .rdc_box5{width:100%; position: relative;} .rdc_box5 .bg_img{width: 100%;} .rdc_box5 .bg_img img{width: 100%;} .rdc_box5 .text{ position: absolute; top: 200px; color: #000; z-index: 2; width: 1300px; left: 50%; margin-left: -650px;} .rdc_box5 .text dl{ font-size: 40px;letter-spacing: 2px;} .rdc_box5 .text dl span{ font-weight: bold; line-height: 70px;} .rdc_box5 .text ul{display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;width:340px; margin-top: 50px;} .rdc_box5 .text ul li{width: 47%; text-align: center; box-shadow: 0px 14px 24px -8px rgba(21,36,76,0.1);border-radius: 8px; background: #fff; margin-right: 6%; margin-bottom: 6%; padding-top: 20px; padding-bottom: 20px;} .rdc_box5 .text ul li:nth-child(2n){margin-right: 0;} .rdc_box5 .text ul li dd{text-align: center;} .rdc_box5 .text ul li dd img{width: 36px;} .rdc_box5 .text ul li dt{ font-size: 18px; padding-top:15px; color: #333; } .rdc_box6{ width: 100%;padding-top: 100px; padding-bottom: 100px;} .rdc_box6 h1{ text-align: center; color: #000; font-size: 40px;} .rdc_box6 dl{ font-size: 20px; padding-top: 20px; text-align: center;color: #666;font-weight: 500; } .rdc_box6 dd{padding-top: 50px; text-align: center;transition: all .5s ease; width: 1100px; margin:0 auto; } .rdc_box6 dd img{width: 100%;}