.erp_wrap,.dm_wrap{ color: #323233;} .erp_wrap .erp_ban{ background: url(../images/dam/erp_1.jpg) no-repeat; width: 100%; height: 600px; background-repeat: no-repeat; background-position: center center; } .erp_ban .erp_p2{ min-width: 168px;height: 52px; line-height: 52px; text-align: center; background: #fff; color:#000; font-size: 20px; margin-top:20px; border-radius: 30px; display: inline-block;} .erp_con1 dd{ top: 30px; left: 0; width: 100%; } .erp_con1 li{line-height: 27px; font-size: 14px; } .erp_con1 dd>span{ font-size: 18px; color: #323233; background: #fff; width: 110px; height: 40px; line-height: 40px; border-radius: 10px; margin:0 auto 10px; } .erp_con1 dl{margin-right:1.25%; width: 15.5%;} .erp_con2,.erp_con4,.erp_con9,.erp_con11{ background: #f5f5fa; } .erp_con2 .v2 .sp_1{ font-size: 18px; margin-top: 15px; } .erp_con2 .v2 .sp_2{ font-size: 14px; color:#808082; line-height: 27px;} .erp_con2 .v2 dl{ margin-right: .5%; width: 16.1%;} .erp_con3 .v2 dl{ background: #f5f5f5; margin-right:1.33%; width: 32%;box-shadow:2px 2px 10px #e9e9e9; } .erp_con3 .v2 dd{ font-size: 26px; padding: 40px 0; } .erp_con4 .v2{ margin: 42px 0 50px 0; } .erp_con4 .v2 dl{ margin-top: 28px; width:48%; margin-right: 2%;} .erp_con4 .v2 dd{ padding: 25px; top: 0; left: 0; } .erp_con4 .v2 .sp_1{ font-size: 28px; } .erp_con4 .v2 .sp_2{ font-size: 16px; margin-top: 5px; } .erp_con5 .v2 dl{ background: #f5f5fa; width: 22.58%; margin-bottom: 35px; margin-right: 3%; } .erp_con5 .v2 dl:nth-child(4n){ margin-right: 0; } .erp_con5 .v2{ padding: 50px 0 15px 0; } .erp_con5 .v2 dd{ padding: 30px 0 0 0; margin-top: 25px; } .erp_con5 .v2 .sp_1{ font-size: 28px; } .erp_con5 .v2 .sp_2{ font-size: 14px; width: 94%; margin:5px auto 0; height: 72px; } .erp_con7{background: #f5f5fa; } .erp_con6 .v2,.erp_con8 .v2,.erp_con10 .v2,.erp_con12 .v2{margin: 70px 0 55px 0; } .erp_con6{ padding-top: 0px !important; } .erp_con10 dl{ width: 24%; margin-right:1%; background: #f5f5fa; padding: 30px 0px 0px 0px; } .erp_con10 dl .sp_1{ font-size: 24px; } .erp_con10 dl .sp_2{ font-size: 18px; line-height: 23px; color: #808082; margin-top: 5px; } .erp_con10 dd{padding: 0 20px; height: 115px; } .erp_con11{ padding: 130px 0; } .erp_con11 .slick-dots{ bottom:50px; margin-top: 0; position: absolute; left: 0; width:100%; } .erp_con11 .slick-dots li.slick-active button:before{ background:#000; } .erp_con11 .slick-dots li button:before{ background: #ccc; } .erp_con12 dl dd{ padding: 20px;} .erp_con12 dl .sp_2{ font-size: 14px; color: #808082; line-height: 22px; margin-top: 15px; height: 70px; } .erp_con12 dl{ width: 31.33%; margin-right:3%; margin-bottom: 25px;box-shadow:2px 2px 10px #e9e9e9; } .erp_con13{ padding-top: 0px !important; } .erp_con13 dl{ background: #f8f8f8;width: 18.33%; border-radius: 15px; margin-right: 1.6%; border:#ececec 1px solid; overflow: hidden;} .erp_con13 dd{ margin-top: 35px; } .erp_con13 dl .sp_1{ font-size: 24px; } .erp_con13 dl .sp_2{ font-size: 14px; line-height: 20px; margin-top: 10px; height: 70px; width: 96%; margin:0 auto; } .erp_con13 .v2{ padding-top: 70px; } .slick_erp1 dl{ width: 300px; margin-top: 25px; margin-right: 5.26vw; color: #bbbbbb; } .slick_erp1 dt{ font-size: 28px; padding: 20px 0 10px 0; } .slick_erp1 .dd1{ width: 100%; height: 2px; background: #bbb; } .slick_erp1 .dd2{ font-size: 14px; } .slick_erp1 dl.cur{color: #3c3c3c;} .slick_erp1 .dd1 span{ width: 0px; height: 2px; background: #3c3c3c; } .slick_erp1 dl.cur .dd1 span{ transition: all 2s; width: 100%; } .dh{-webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out;} .slick_erp .slick-slide,.erp_v2slick .slick-slide{ height: auto; } .slick_erp .slick-slide dl{ display: none; } .radi_15 dl{border-radius: 15px;overflow: hidden; } .erp_con1 dl:last-child,.erp_con2 .v2 dl:last-child,.erp_con3 .v2 dl:last-child,.erp_con10 dl:last-child,.erp_con13 dl:last-child, .erp_con11 dl:last-child,.erp_con12 dl:last-child{ margin-right: 0; } .erp_con2 .v2,.erp_con1 .v2{ margin:60px 0; } .erp_con9 .v2,.erp_con3 .v2,.erp_con11 .v2{ margin-top:60px; } /*.erp_con1 .v2,.erp_con2 .v2,.erp_con3 .v2,.erp_con4 .v2{ width: 1250px; }*/ .erp_con2 .v2 dt,.erp_con4 .v2 dt,.erp_con5 .v2 dt,.erp_con12 .v2 dt,.erp_con13 .v2 dt,.erp_con1 .v2 dt, .erp_con3 .v2 dt,.erp_con10 .v2 dt{ line-height: 0;overflow: hidden; } .erp_wrap .nerp_pad,.dm_wrap .nerp_pad{ padding: 100px 0; } .erp_wrap .nerp_pad .v1{ font-size: 40px;} .erp_wrap .nerp_pad .v3 a{ width: 310px; height: 52px; line-height: 52px; font-size: 20px; background: #579efb; border-radius: 10px; margin:0 auto; } .erp_wrap .nerp_pad .v4{ font-size: 15px; color:#a5a5a5; margin-top:5px;} /*===================================ERP end================================*/ .dm_ban{} /*.dm_wrap .dm_ban .jfb_p1{ font-weight: normal; }*/ .dm_wrap .dm_ban{ background: url(../images/dam/dm_1.jpg) no-repeat; width: 100%; height: 600px; background-repeat: no-repeat; background-position: center center; } .dm_wrap .erp_p2{ min-width: 168px;height: 52px; line-height: 52px; text-align: center; background: #fff; color:#000; font-size: 20px; margin-top:20px; border-radius: 30px; display: inline-block;} .dm_wrap .dm_ban .v2{ font-size: 35px; } .dm_con1 .v1{} .dm_wrap .nerp_pad .v1{ font-size: 40px;} .dm_wrap .nerp_pad .v3 a{ width: 310px; height: 52px; line-height: 52px; font-size: 20px; background: #ff6f58; border-radius: 10px;cursor: pointer; margin:0 auto; } .dm_wrap .nerp_pad .v4{ font-size: 15px; color:#a5a5a5; margin-top:5px;} .dm_con2 .v2 .sp_1{ font-size: 28px; } .dm_con2 .v2 .sp_2{ font-size: 18px; color:#808082; } .dm_con2 .v2 dl{ width: 32%; margin-right: 2%; background: #fff;box-shadow:2px 2px 10px #e9e9e9; } .dm_con2 .v2 dd{ padding:40px 0; } .dm_con2 .v2 dd .sp_2{ margin-top:5px; } .dm_con5 .v2 dl{background: #fff;box-shadow:2px 2px 10px #e9e9e9; width: 24%; margin-right: 1.33%; overflow: hidden;} .dm_con5 .v2 dd{ padding:20px; } .dm_con5 .v2 .sp_1{ font-size: 24px; } .dm_con5 .v2 .sp_2{ font-size: 14px; color:#808082; line-height: 28px; height: 56px; } .dm_con6 .v2 dl{ background: url(../images/dam/dm_11.png) no-repeat bottom; background-size: cover; height: 152px; width: 24.25%; margin-right:1%; position: relative; } .dm_con6 .v2 dl dt{ width: 65%; position: absolute; bottom: 8px; right: 0; } .dm_con6 .v2 dl dd{ width: 35%; font-size: 28px; padding-top:30px; } .dm_con9 .v2 li{ width: 48%; margin-right: 4%; } .dm_con11 dl{ background: #f8f8f8;width: 18.33%; border-radius: 15px; margin-right: 1.6%; border:#ececec 1px solid; overflow: hidden;} .dm_con11 dd{ margin-top: 35px;} .dm_con11 dl .sp_1{ font-size: 24px; } .dm_con11 dl .sp_2{ font-size: 14px; line-height: 20px; margin-top: 10px; height: 70px; width: 96%; margin:0 auto; } .dm_con11 .v2{ padding-top: 70px; } .dt_yc dt{ line-height: 0;overflow: hidden; } .dm_con2 .v2 dl:last-child,.dm_con11 dl:last-child,.dm_con6 .v2 dl:last-child,.dm_con9 .v2 li:last-child, .dm_con5 .v2 dl:last-child{ margin-right: 0; } .dm_con5 .v2 .v2_1{box-shadow:2px 2px 10px #e9e9e9; margin-top: 20px;} .dm_con5 .v2 .v2_1 .right_y{ width: 67.5%; float:right; } .dm_con5 .v2 .v2_1 .left_z{ width: 30%; float: left; height: 224px;} .dm_con5 .v2 .v2_1 .left_z>div{ top:50%; left:0px; width:100%; transform: translateY(-50%);} .dm_con5 .v2 .v2_1 .left_z .sp_1{ font-size: 24px; line-height: 24px;} .dm_con5 .v2 .v2_1 .left_z .sp_2{ font-size: 20px; color: #369afe; margin:10px 0 5px 0; } .dm_con5 .v2 .v2_1 .left_z .sp_3{ font-size: 14px; color:#808082;} .dm_con3 .v2 .v2_le,.dm_con3 .v2 .v2_ri{ background:#f5f5f5; height: 590px; padding: 30px; overflow: hidden;} .dm_con3 .v2 .v2_le{ width: 56.5%; } .dm_con3 .v2 .v2_le .d_1,.dm_con3 .v2 .v2_ri .d_1{ margin:30px 0 60px 0; font-size: 28px; } .dm_con3 .v2 .v2_le li{ width: 49%; } .dm_con3 .v2 .v2_ri{ width: 41.2%; } .dm_con6 .vt_130{ margin-top:130px; } /*=========================澶ч害============================================*/ div,span,a{ box-sizing:border-box; } .bold{ font-weight: bold; } .mart_70{ margin-top:70px; } .padt_60{ padding-top: 60px; } .auto_1200{ width: 1200px; margin: 0 auto; } .center{ text-align: center; } .clearfix:after {clear: both;content: ' ';display: block;font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0;} .ab{ position: absolute; } .re{ position: relative; } .fl{ float: left; } .fr{ float: right; } .fff{ color: #fff; } .block{ display: block; } .img100{ width: 100%; } .box_15{ border-radius:15px; } .tu_fd{} .tu_fd dl:hover dt img{ transform: scale(1.2, 1.2);} .bg_f5{ background: #f5f5f5; } .bg_ff{ background: #ffffff; } .bg_fa{ background: #fafafa; } .pad_60{ padding:60px 0; } .bai_lan{transition: all .2s} .bai_lan:hover{background: #3664b1 !important; color:#fff !important;} .lan_bai{transition: all .2s;border:#579efb 1px solid;} .lan_bai:hover{background: none !important; color:#579efb !important;} .huang_bai{transition: all .2s;border:#ff6f58 1px solid;} .huang_bai:hover{background: none !important; color:#ff6f58 !important;} /*.hkha_li1:hover { -webkit-box-shadow: 0 2px 2px rgb(0 0 0 / 1%); box-shadow: 0 2px 2px rgb(0 0 0 / 1%); } */ @media screen and (max-width: 1200px) { .erp_wrap .erp_ban,.dm_wrap .dm_ban{height: 300px;} .auto_1200{ width: 1000px; } .erp_con1 dd{ top: 20px; } .erp_con3 .v2 dd{ font-size: 22px; } .dm_con5 .v2 .v2_1 .left_z{ height: 186px; } .dm_con3 .v2 .v2_ri .d_1,.dm_con3 .v2 .v2_le .d_1{ font-size: 26px; } .dm_con3 .v2 .v2_le, .dm_con3 .v2 .v2_ri{ height: 520px; } } @media screen and (max-width: 1080px) { .erp_wrap .nerp_pad .v3 a{ height: 40px; line-height: 40px; } .dm_wrap .nerp_pad .v3 a{ height: 40px; line-height: 40px; } .auto_1200{ width: 94%; } .erp_con1 dl,.erp_con2 .v2 dl{ width: 32.5%; margin-bottom:15px; } .erp_con1 dl:nth-child(3n),.erp_con2 .v2 dl:nth-child(3n){ margin-right:0px; } .erp_con1 dd{ top: 50px; } /*.erp_con2 .v2 dl{ width: 32.5%; }*/ .erp_con2 .v2, .erp_con1 .v2{ margin:30px 0; } .erp_con4 .v2 dl{ width: 100%; margin-right: 0; } .dm_con6 .v2 dl{ overflow: hidden; } .erp_con9 .v2, .erp_con3 .v2, .erp_con11 .v2{ margin-top: 30px; } .erp_con4 .v2{ margin:0px 0 30px 0; } .erp_con5 .v2{ padding:30px 0 15px 0; } .erp_con5 .v2 dl{ width: 48.5%; margin-bottom:15px; } .erp_con5 .v2 dl:nth-child(2n),.erp_con10 dl:nth-child(2n),.erp_con13 dl:nth-child(2n){ margin-right:0px; } .erp_con5 .v2 dd{ margin-top:0px; } .erp_con3 .v2 dd{ padding:20px 0; } .slick_erp1{ display: none; } .erp_con6 .v2, .erp_con8 .v2, .erp_con10 .v2, .erp_con12 .v2{margin:35px 0 35px 0;} .erp_con4 .v2 dd{ padding:15px; } .erp_con10 dl{ width:47.5%; margin-right: 3%; } .erp_con10 dd{ height: 95px; } .erp_con10 dl{ margin-bottom:15px; } .erp_con12 dl{ width: 100%; margin-right:0px; } .erp_con13 .v2{ padding-top:30px; } .erp_con13 dl{ width: 48%; margin-right: 2.5%; margin-bottom: 15px; } .erp_con13 dd{ margin-top:15px; } .erp_wrap .nerp_pad .v1{ font-size: 20px; } .erp_wrap .nerp_pad .v3 a,.erp_con2 .v2 .sp_1,.erp_con3 .v2 dd,.erp_con10 dl .sp_1,.erp_con1 dd>span{ font-size: 16px; } .erp_con4 .v2 .sp_2,.erp_con10 dl .sp_2,.erp_ban .erp_p2{ font-size: 14px; } .erp_con2 .v2 .sp_2{ font-size: 12px; } .erp_con4 .v2 .sp_1,.erp_con13 dl .sp_1,.erp_con3 .v2 dd,.erp_con5 .v2 .sp_1{ font-size: 18px; } .erp_con9 .v2, .erp_con3 .v2, .erp_con11 .v2{ font-size: 40px; } .erp_con12 dl .sp_2{ height: auto; margin-top:10px; } .slick_erp dl{ width: 100%; margin-bottom:20px;} .slick_erp dt{ font-size: 20px; padding: 20px 0 10px 0; } .slick_erp .dd2{ font-size: 14px; height: 30px; } .slick_erp .dd1 span{ width: 0px; height: 1px; background: #fff; } .slick_erp .slick-prev,.slick_erp .flickity-prev-next-button.previous{ background: url(../images/dam/erp_left.png) no-repeat } .slick_erp .slick-next,.slick_erp .flickity-prev-next-button.next{ background: url(../images/dam/erp_next.png) no-repeat; right: auto; left: 60px; } .slick_erp .slick-prev{ left: 10px;} .slick_erp .slick-next{} .slick_erp .slick-prev,.slick_erp .slick-next{ background-size: cover ;} .slick_erp .slick-prev, .slick_erp .slick-next, .slick_erp .flickity-prev-next-button{ width: 36px; height: 36px; margin-top:10px; top: auto; bottom: 0; } .slick_erp{ padding-bottom: 50px; } .slick_erp .slick-slide dl{ display: block; } .erp_con11 .slick-dots{ bottom:15px; } .erp_ban .erp_p2,.dm_wrap .erp_p2{ height: 32px; line-height: 32px; min-width:128px; } /*=====================================ERP end=======================================*/ .dm_wrap .nerp_pad .v1{ font-size: 20px; } .dm_con6 .vt_130{ margin-top: 50px; } .dm_con2 .v2 .sp_1,.dm_con3 .v2 .v2_le .d_1,.dm_con3 .v2 .v2_ri .d_1,.dm_con5 .v2 .sp_1,.dm_con5 .v2 .v2_1 .left_z .sp_1, .dm_con6 .v2 dl dd,.dm_con11 dl .sp_1{ font-size: 18px; } .erp_wrap .nerp_pad .v3 a,.dm_wrap .dm_ban .v2,.dm_wrap .nerp_pad .v3 a,.dm_con5 .v2 .v2_1 .left_z .sp_2{ font-size: 16px; } .dm_con2 .v2 .sp_2,.dm_wrap .erp_p2{ font-size: 14px; } .dm_con11 dl:nth-child(2n){ margin-right:0px; } .dm_con11 .v2{ padding-top:30px; } .dm_con11 dl{ width: 48%; margin-right: 3%; margin-bottom:15px; } .dm_con11 dl:nth-child(2n),.dm_con6 .v2 dl:nth-child(2n),.dm_con5 .v2 dl:nth-child(2n){ margin-right:0px; } .dm_con2 .v2 dl{/* width: 100%;margin-right:0px; */ margin-bottom:15px; } .dt_yc dt{ width:100%; margin:0 auto; } .dm_con2 .v2 dd{ padding:20px 0; } .dm_con2 .v2 dd .sp_2{ padding:0 10px; height: 60px; } .dm_con6 .v2 dl{ width: 48.5%; margin-right: 3%; margin-bottom:15px; height: 110px;} .dm_con6 .v2 dl dd{ padding-top: 25px; } .dm_con5 .v2 dl{width: 48.5%; margin-right: 3%; margin-bottom:15px;} .dm_con5 .dt_yc dt{ width: 100%; } .dm_con5 .v2 .sp_2{ line-height: 22px; height: 66px; } .dm_con5 .v2 .v2_1 .left_z .sp_2{ height: auto; } .dm_con5 .v2 .v2_1 .left_z,.dm_con5 .v2 .v2_1 .right_y{ width: 100%; } .dm_con11 dd{ margin-top:15px; } .dm_con3 .v2 .v2_le, .dm_con3 .v2 .v2_ri{ width: 100%; padding:15px 15px 30px 15px; height: auto; } .dm_con3 .v2 .v2_le{ margin-bottom:20px; } .dm_con3 .v2 .v2_le .d_1,.dm_con3 .v2 .v2_ri .d_1{ margin:15px 0 30px 0; } /*=========================澶ч害============*/ .mart_70{ margin-top: 30px; } .pad_60{ padding:30px 0; } .padt_60{ padding-top: 30px; } .erp_wrap .nerp_pad,.dm_wrap .nerp_pad{ padding:50px 0; } } @media screen and (max-width: 768px) { .dm_wrap .dm_ban { background: url(../images/dam/dambannerx.jpg) no-repeat; width: 100%; height: 430px; background-size: 100%; background-repeat: no-repeat; } .erp_wrap .nerp_pad .v3 a,.dm_wrap .nerp_pad .v3 a{ width: 220px; } .erp_con1 dd{ top: 10px; } .erp_con1 dd>span{ height: 28px; line-height: 28px; width: 80%;} .erp_con1 li{ line-height: 24px; } .erp_con4 .v2 .sp_2{ margin-top: 0px; } .erp_con12 dl dd img{ height: 35px; } .erp_con12 dl dd{ padding:15px; } /*================================ERP end===================================*/ } @media screen and (max-width: 440px) { .erp_con1 dl dt img{ height: 180px; } /*=================================ERP end===================================*/ }