.local{ width: 100%;color: rgba(0, 0, 0, 0.65);font-size: 14px; padding-top: 40px; padding-bottom:20px;} .local a{color: rgba(0, 0, 0, 0.65);} .newlist{ width:1100px; margin: 0 auto;} .newlist h1{ font-size: 28px; color: #021e43; padding-bottom:30px; } .newlist ul{ width: 100%;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap; } .newlist ul li{width:48%;float:left;margin-right:4%;display:flex;flex-direction:column;margin-bottom:40px; background: #fff;} .newlist ul li:nth-child(2n) {margin-right:0;} .newlist ul li .pic{ text-align:center;overflow: hidden; } .newlist ul li .pic img{ width:100%;display:block;transition: all .5s ease;} .newlist ul li a:hover img{transform: scale(1.08,1.08);transition: all .3s linear;} .newlist ul li .con{ width: 100%; padding: 20px; } .newlist ul li .title{ font-size:18px;color:#021e43;width: 100%; font-weight: bold;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;} .newlist ul li .exp{ font-size:16px;margin-top: 20px; color: rgba(2, 30, 67, 0.4);display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;border-top: 1px solid #f2f2f2; padding-top: 20px;} .newlist ul li .exp img{ width: 20px; vertical-align: middle;} .newlist ul li .exp dl{ width: 50%; } .newlist ul li .exp dd{ width: 50%; text-align: right; } /*鏂伴椈璇︽儏*/ .show{width: 1100px; margin: 0 auto; display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap; padding-bottom: 80px; } .show .show_left{ width:680px;} .show .show_left h1{ font-size: 26px; line-height: 40px; /*font-family: "zhongheijianti" !important;*/} .show .show_left dl{color: rgba(0, 0, 0, 0.65); font-size: 14px; padding-top: 10px;} .show .show_left .show_con{ font-size:16px; line-height: 32px; padding-top: 20px;color: rgba(0, 0, 0, 0.65);padding-bottom: 20px;} .show .show_left .show_con img{ max-width: 100%; } .show .show_left .other{ width: 100%;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;} .show .show_left .other dd{ width: 50%;color: rgba(0, 0, 0, 0.65); display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;} .show .show_left .other dd a{color: rgba(0, 0, 0, 0.65);} .show .show_left .other dd a:hover{ color: #0f76c1; } .show .show_left .other dd:nth-child(2){ text-align: right; } .show .show_right{ width:305px; margin-left: 55px; border-left: 1px solid #E8E8E8; padding-left: 60px;} .show .show_right dl{ width: 100%; font-weight: bold; color: rgba(0, 0, 0, 0.75);font-size: 20px;height:60px; line-height:60px;} .show .show_right ul{ width: 100%; } .show .show_right ul li{margin-bottom: 30px;} .show .show_right ul li .pic{ text-align:center;overflow: hidden; } .show .show_right ul li .pic img{ width:100%;display:block;transition: all .5s ease;} .show .show_right ul li a:hover img{transform: scale(1.08,1.08);transition: all .3s linear;} .show .show_right ul li .con{ width: 100%; padding: 15px; background: #fff;} .show .show_right ul li .title{ font-size:16px;color:#021e43;width: 100%; font-weight: bold;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;} .show .show_right ul li .exp{ font-size:14px;margin-top: 10px; color: rgba(2, 30, 67, 0.4);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;} .show .show_right ul li .look{ color: #0f76c1; font-size: 12px; border-bottom: 1px solid #0f76c1; padding-top: 10px; float: left; padding-bottom: 5px; position: relative;transition: all .2s ease-out;} .show .show_right ul li .look:hover{ color: #021e43;border-bottom: 1px solid #021e43; } /*鍝佺墝鏁呬簨*/ .story_banner{ width: 100%; } .story_banner img{ width: 100%; } .story_box1{ width: 950px; margin:0 auto;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap; padding:80px 100px;} .swiper {width: 250px; overflow: hidden;} .swiper-slide {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;} .swiper-slide img {display:block;width:100%;height:100%;object-fit:cover;} .story_box1 .story_box1_left{ width: 250px; } .story_box1 .story_box1_left dl{ width: 100%; } .story_box1 .story_box1_left dl img{ width: 100%; } .story_box1 .story_box1_left dd{ text-align: left; font-size: 14px; color: #727171; padding-top: 5px; } .story_box1 .story_box1_right{ width: 500px; color: #000; padding-left: 40px; padding-top: 50px; } .story_box1 .story_box1_right p{text-indent:2em; font-size: 16px; line-height: 32px;} .story_box1 .story_box1_right p:nth-child(2){ margin-top: 20px; } .story_box2{ width: 950px; margin:0 auto; } .story_box2 img{ width: 100%; } .story_box3{ width: 950px; margin:0 auto;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap; padding:80px 100px;} .story_box3 .story_box3_left{ width: 500px; color: #000; padding-right: 40px; padding-top: 30px; } .story_box3 .story_box3_left dl{ font-size: 32px;letter-spacing: 10px; font-weight: bold;} .story_box3 .story_box3_left dd{ font-size: 32px;letter-spacing: 6px; font-weight: bold; padding-bottom: 40px;} .story_box3 .story_box3_left p{font-size: 16px; line-height: 32px;text-indent:2em;} .story_box3 .story_box3_left p:nth-child(4){ margin-top: 20px; } .story_box3 .story_box3_right{ width: 250px; } .story_box3 .story_box3_right img{ width: 100%; } .story_box4{ width: 950px; margin:0 auto; } .story_box4 img{ width: 100%; } .story_box5{ width: 950px; margin:0 auto;text-indent:2em; font-size: 16px; line-height: 32px;padding:80px 100px;} .story_box5 p:nth-child(2),.story_box5 p:nth-child(3){ padding-top: 20px; } .story_box6{ width: 950px; margin:0 auto;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap; padding:80px 0px;} .story_box6 .story_box6_left{ width: 475px; color: #000; padding-right: 40px; padding-top: 30px; text-align: center;} .story_box6 .story_box6_left dl{ font-size: 32px;letter-spacing: 10px; font-weight: bolder; padding-bottom: 40px;} .story_box6 .story_box6_left p{font-size: 16px; line-height: 32px;} .story_box6 .story_box6_left dd{ font-size: 32px;letter-spacing: 6px; font-weight: bold; padding-bottom: 40px; padding-top: 30px;} .story_box6 .story_box6_left dd img{ width: 160px; } .story_box6 .story_box6_right{ width: 475px; } .story_box6 .story_box6_right img{ width: 100%; } .story_box7{ width: 950px; margin:0 auto; padding-bottom: 80px;} .story_box7 dl{ font-size: 26px;font-weight: bold; text-align: center;} .story_box7 dd{ font-size: 20px; text-align: center;padding-top: 30px; } .story_box7 dt{text-align: center;padding-top: 50px; } .story_box8{ width: 950px; margin:30px auto;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap; padding:20px; background: #eeeeee;} .story_box8 .story_box8_left{ width: 380px; color: #000;padding-top: 100px; } .story_box8 .story_box8_left dl{ font-size: 32px;font-weight: bold; padding-bottom: 40px; text-align: center;} .story_box8 .story_box8_left p{font-size: 16px; line-height: 32px;text-indent:2em; padding-left: 20px; } .story_box8 .story_box8_right{ width: 530px; } .story_box8 .story_box8_right img{ width: 100%; } .story_box9{ width: 100%; background: #040000; color: #fff; padding-top: 60px; padding-bottom: 60px; } .story_box9 dl{ font-size: 32px;font-weight: bold; text-align: center;} .story_box9 dd{text-align: center;padding-top: 50px; } .story_box9 dt{text-align: center;padding-top: 50px;font-size: 16px; line-height: 32px; } /*鍝佺墝鎴愬氨*/ .achievement_banner{ width: 100%; } .achievement_banner img{ width: 100%; } .achievement_box{ width: 100%; background: #F8F8F8; padding-bottom: 160px;} .achievement_box h1{ font-size: 40px;/*font-family: "zhongheijianti" !important;*/color: #021E43; text-align: center; padding-top: 70px; padding-bottom: 60px; } .achievement_ball{ overflow:hidden; position:relative;max-width: 1300px; margin:0 auto;} .achievement_ball .prev{ display:block; width:24px; height:46px; float:left; margin-right:5px; margin-top:210px;cursor:pointer; background:url("../images/ic_arrow_l.png") 0 0 no-repeat;position:absolute;} .achievement_ball .prev:hover{background:url("../images/ic_arrow_hover_l.png") 0 0 no-repeat;} .achievement_ball .next{ width:24px; height:46px;background:url("../images/ic_arrow_r.png") 0 0 no-repeat;cursor:pointer; position:absolute;right:0; top:210px;} .achievement_ball .next:hover{background:url("../images/ic_arrow_hover_r.png") 0 0 no-repeat;} .achievement_ball .bd{ margin-left:30px;} .achievement_ball .bd ul{ overflow:hidden; zoom:1;} .achievement_ball .bd ul li{ margin:0 14px; float:left; _display:inline; overflow:hidden; width:280px; background: #fff; height: 450px;} .achievement_ball .bd ul li dl{ text-align:center; overflow: hidden;} .achievement_ball .bd ul li dl img{ width:100%;transition: all .5s ease; } .achievement_ball .bd ul li dl:hover img{transform: scale(1.08,1.08);transition: all .3s linear;} .achievement_ball .bd ul li dd{ line-height:24px; font-size:20px;margin-top: 5px;color: #021E43;/*font-family: "zhongheijianti" !important; */padding-left: 20px; padding-right: 20px;} .achievement_ball .bd ul li dt{ line-height:24px; font-size:16px;margin-top: 5px; color: #737373; padding-left: 20px; padding-right: 20px;} .achievement_laiyuan{ width: 1300px; margin:0 auto; color: #999; font-size: 12px; padding-top:80px; line-height: 24px;} /*鐮斿彂瀹炲姏*/ .rdc_banner{ width: 100%;background: linear-gradient(180deg, #DDEBFE 0%, #BAD2ED 100%); height: 735px;} .rdc_banner ul .title{ position: absolute; top:40px; width: 100%; text-align: center;} .rdc_banner ul .title h3{ text-align: center; color: #021E43; font-size: 40px;/*font-family: "zhongheijianti" !important;*/} .rdc_banner ul .title dl{ font-size: 20px; padding-top: 20px; text-align: center;color: #021E43;font-weight: 500; } .rdc_banner ul{ width: 1300px; margin: 0 auto; position: relative; } .rdc_banner ul .one{ position: absolute; left: 0; bottom: 160px;cursor:pointer } .rdc_banner ul .one dd{ width: 350px; } .rdc_banner ul .one dd img{ width: 100%; } .rdc_banner ul .one dt{ position: absolute; bottom: 20px; left: 20px; color: #fff; font-size: 16px; } .rdc_banner ul .one .one_hover{ position: absolute; width: 100%; height: 100%; background: rgba(255,255,255,0.9); top: 0; left: 0; padding:20px; display: none;} .rdc_banner ul .one .one_hover h1{ color: #021E43; font-size: 16px; padding-bottom: 10px;} .rdc_banner ul .one .one_hover h2{ color: #021E43; font-size: 14px; line-height: 24px; font-weight: 500; } .rdc_banner ul .one:hover .one_hover{ display: block; } .rdc_banner ul .one:hover dt{ display: none; } /*绗簩绔犲浘*/ .rdc_banner ul .two{ position: absolute; left:550px; bottom: 80px;cursor:pointer } .rdc_banner ul .two dd{ width: 350px; } .rdc_banner ul .two dd img{ width: 100%; } .rdc_banner ul .two dt{ position: absolute; bottom: 20px; left: 20px; color: #fff; font-size: 16px; } .rdc_banner ul .two .one_hover{ position: absolute; width: 100%; height: 100%; background: rgba(255,255,255,0.9); top: 0; left: 0; padding:20px; display: none;} .rdc_banner ul .two .one_hover h1{ color: #021E43; font-size: 16px; padding-bottom: 10px;} .rdc_banner ul .two .one_hover h2{ color: #021E43; font-size: 14px; line-height: 24px; font-weight: 500; } .rdc_banner ul .two:hover .one_hover{ display: block; } .rdc_banner ul .two:hover dt{ display: none; } /*绗笁绔犲浘*/ .rdc_banner ul .three{ position: absolute; right:0; top: 180px;cursor:pointer } .rdc_banner ul .three dd{ width: 350px; } .rdc_banner ul .three dd img{ width: 100%; } .rdc_banner ul .three dt{ position: absolute; bottom: 20px; left: 20px; color: #fff; font-size: 16px; } .rdc_banner ul .three .one_hover{ position: absolute; width: 100%; height: 100%; background: rgba(255,255,255,0.9); top: 0; left: 0; padding:20px; display: none;} .rdc_banner ul .three .one_hover h1{ color: #021E43; font-size: 16px; padding-bottom: 10px;} .rdc_banner ul .three .one_hover h2{ color: #021E43; font-size: 14px; line-height: 24px; font-weight: 500; } .rdc_banner ul .three:hover .one_hover{ display: block; } .rdc_banner ul .three:hover dt{ display: none; } .rdc_box2{ width: 100%;background:linear-gradient(90deg, #C3DAEF 0%, #9DBDDF 100%); height:700px; margin-bottom: 90px; position: relative; z-index: 3;} .rdc_box2 dl{ width: 100%;background: url(../images/banenr_cleaning.png) no-repeat center top; height:700px; } .rdc_box3{ width: 100%; padding-bottom: 160px; } .rdc_box3 h1{ text-align: center; color: #021E43; font-size: 40px;/*font-family: "zhongheijianti" !important;*/} .rdc_box3 dl{ font-size: 20px; padding-top: 20px; text-align: center;color: #021E43;font-weight: 500; } .rdc_box3 ul{ width: 1300px; display: flex; padding-top: 50px; margin: 0 auto; } .rdc_box3 ul li{ width: 18%; margin-right: 2.5%; } .rdc_box3 ul li img{ width: 100%;transition: all .5s ease; } .rdc_box3 ul li dl:hover img{transform: scale(1.08,1.08);transition: all .3s linear;} .rdc_box3 ul li dd{ font-size: 16px; padding-top: 10px; color: #021E43; text-align: center;} /*棣栭〉绗簩灞?/ .section-inner { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .section-press { width: 1320px; height: 1px; position: fixed; left: 50%; margin-left: -660px; bottom: 40px; background: #B1B1B1; display: none; } .section-press-press-percent { width: 170px; height: 2px; background: #021E43; left: 0; bottom: 0; position: absolute; } .section-y { height: auto; position: relative; background: #fff; } .section{ width: auto; height: 100vh; background:#fff;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;} .section-fixed { position: fixed; left: 0; top: 0; } .section-abs { position: absolute; left: 0; bottom: 0; } .main{ padding-top: 130px;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap; } .box1{ padding-left:280px; } .box1 h1{ color: #021E43; font-size: 32px; padding-top: 50px;/*font-family: "zhongheijianti" !important;*/ } .box1 h2{ color: #021E43; font-size: 32px; padding-top: 10px;/*font-family: "zhongheijianti" !important;*/} .box1 dl{ font-size: 16px; line-height: 32px; color: #021E43; padding-top: 50px;} .box2{ width: 925px; margin-left: 60px; } .box2 img{ width: 100%; } .box3{ padding-left:150px; } .box3 dl{ font-size: 16px; line-height: 32px; color: #021E43; padding-left: 35px; padding-top: 50px;} .box4{ width: 925px; margin-left: 60px; } .box4 img{ width: 100%; } .box5{ padding-left:150px; position: relative;} .box5 h1{ color: #021E43; font-size: 32px; padding-top: 50px; } .box5 h2{ color: #021E43; font-size: 32px; padding-left: 35px; padding-top: 10px; line-height: 50px;} .box5 dl{ font-size: 16px; line-height: 32px; color: #021E43; padding-top: 50px;padding-left: 35px; } .box6{ width: 925px; margin-left: 60px; } .box6 img{ width: 100%; } @media (min-width:1800px) { } @media (min-width:1400px) and (max-width:1799px) { .box2{ width: 700px; margin-left: 60px; } .box4{ width: 700px; margin-left: 60px; } .box6{ width: 700px; margin-left: 60px; } } @media (min-width:1024px) and (max-width:1399px) { .box2{ width: 700px; margin-left: 60px; } .box4{ width: 700px; margin-left: 60px; } .box6{ width: 700px; margin-left: 60px; } } table{border-collapse:collapse; margin:0 auto;} table tr td{border:1px solid #000; padding:10px;}