@charset "utf-8"; /* CSS Document */ .scale img { opacity: 1; transform: scale(1, 1); } .scale:hover img { opacity: 0.95; transform: scale(1.1, 1.1); } .banner{ background-position:50% 50%; background-size: cover; background-repeat: no-repeat;} .banner .wrap{position: relative;} .banner .desc{position: absolute;left: 0;top: 40px;width: 100%;line-height: 1;color: #fff;text-align: center;} .banner h2{font-size: 36px;color: #333;} .banner p{font-size: 20px;padding: 20px 0;color: #555;} .banner a{display: inline-block;color: #182430;font-size: 16px;line-height: 43px;border: 1px solid #f69603;padding: 0 0 0 20px;} .banner a span{float: right;background: #f69603;margin-left: 20px;font-size: 20px;padding:0 20px;color: #fff;} .section-youShi{ text-align: center; line-height: 1; padding: 80px 0;} .section-youShi .title{ font-size: 16px; color: #666; margin-bottom: 40px;} .section-youShi .title h2{ font-size: 36px; color: #111; padding: 0 0 30px;} .section-nanti{background: #e0e9f6;padding: 80px 0;} .section-nanti .title{ line-height: 1; font-size: 36px; color: #111; padding: 0 0 60px; text-align: center;} .section-nanti .tabs{ border: 1px solid #dbe0e9; background: #fff;} .section-nanti .hd{border-bottom: 1px solid #dbe0e9;} .section-nanti .hd ul{} .section-nanti .hd li{ float: left; width: 50%;} .section-nanti .hd li a{ display: block; text-align: center; font-size: 20px; color: #333; line-height: 60px;} .section-nanti .hd li.on a{ background: #f69603; color: #fff;} .section-nanti .bd{ min-height: 385px; padding: 50px 0 0 0; position: relative;} .section-nanti .bd:before{content:''; width: 100%; height: 1px; border-bottom: 1px dashed #dbe0e9; position: absolute; top: 150px;} .section-nanti .bd ul{text-align:center; position: relativee;} .section-nanti .bd li{display: inline-block; width: 16%;} .section-nanti .bd .t{height: 100px;font-size: 24px;color: #333;line-height: 1;} .section-nanti .bd .t img{margin-bottom: 20px;} .section-nanti .bd .con{width: 70%;display: inline-block;text-align: left;padding: 10px 0 0 20px;} .section-nanti .bd .con span{position: relative;display: block;font-size: 16px;color: #333;/* border-bottom: 1px dashed #dbe0e9; */line-height: 35px;padding: 0 0 0 12px;} .section-nanti .bd .con span:before{content:'';width: 4px;height: 4px;background: #2890f9;border-radius: 4px;position: absolute;left: 0;top: 50%;margin-top: -2px;} .section_system{text-align: center;background: url("../img/system-bg.jpg?v20220824001") no-repeat 50% 50%/cover;} .section_system .wrap{position:relative;} .section_system .title{color: #333;font-size: 36px;line-height: 1;width: 100%;position: absolute;left: 0;top: 80px;} .section_system .hd{overflow: hidden;position: absolute;left: 0;top: 155px;width: 100%;z-index: 2;padding: 0 0 10px;} .section_system .hd ul{border: 1px solid #f69603;} .section_system .hd li{float: left;width: 14.2857%;background: #fff;font-size: 16px;line-height: 40px;/* border-left: 1px dotted #474e59; */position:relative;} .section_system .hd li:before{content:'';width: 1px;height: 20px;background: #f69603;position: absolute;left: -1px;top: 50%;margin-top: -10px;} .section_system .hd li:first-of-type{border: none;} .section_system .hd li a{display: block;position: relative;color: #333;} .section_system .hd li a:before{content: '';width: 20px;height: 10px;position: absolute;left: 50%;bottom:-10px;margin-left: -10px;background: url("../img/system-icon.png") no-repeat;display: none;} .section_system .hd li.on a{background-color: #f69603;color: #fff;margin: 0 -1px;} .section_system .hd li.on a:before{display: block;} .section_system .bd{margin: 0;position: relative;} .section_system .bd li{ min-height: 860px; position: relative;} .section_system .bd img{/* width: 100%; */} .section_system .bd p{position: absolute;left: 0;top: 230px;width: 100%;font-size: 16px;color: #666;} .system-changJing{padding: 80px 0 50px;text-align: center;line-height: 1;} .system-changJing .title{ font-size:16px; color: #666; padding: 0 0 40px;} .system-changJing .title h2{ font-size: 36px; color: #111; padding: 0 0 30px;} .system-changJing ul{ margin: 0 -15px;} .system-changJing li{ float: left; width: 25%; padding: 0 15px 30px;} .system-changJing li a{display: block; position: relative;} .system-changJing li img{ display: block;} .system-changJing li a p{position: absolute;left: 0;bottom: 0;width: 100%;text-align: center;color: #fff;font-size: 18px;line-height: 50px;background: rgba(0, 0, 0, .7);} .section-news{background: #f7f9fa;padding: 90px 0 30px 0;} .section-news .title{font-size: 45px;line-height: 1;color: #363636;margin: 0 auto 50px;} .section-news .title a{font-size: 18px;float: right;color: #000;padding: 0 10px;line-height: 43px;border: 1px solid #666;} .section-news .title a:hover{} .section-news .tabs{margin: 0 auto 50px;} .section-news .tabs .hd{margin-bottom: 25px;} .section-news .tabs .hd ul{border-bottom: 1px solid #dee0e1;} .section-news .tabs .hd li{float: left;width: 12.5%;text-align: center;} .section-news .tabs .hd li a{display: block;line-height: 44px;text-align: center;font-size: 18px;color: #363636;} .section-news .tabs .hd li.on a{color: #fff;background: #333;} .section-news .tabs .bd{ height: auto!important} .section-news .tabs .bd ul{margin: 0 -10px;position: initial!important;} .section-news .tabs .bd li{float: left;width: 33.33333%;padding: 0 10px;} .section-news .tabs .bd li a{box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.06);display: block;background: #fff;} .section-news .tabs .bd li img{ width: 100%; height: 230px;} .section-news .tabs .bd li a .hull{padding: 20px 20px 20px;} .section-news .tabs .bd li a h2{font-size: 20px;line-height: 24px;height: 48px;color: #222;} .section-news .tabs .bd li a .desc{font-size: 16px;line-height: 26px;height: 52px;color: #555;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin: 15px auto 25px;} .section-news .tabs .bd li a p{border-top: 1px solid #e5e5e5;line-height: 1;font-size: 14px;color: #999;padding: 15px 0 0 0;} .section-news .tabs .bd li a p span{float: right;font-size: 14px;color: #333;} .section-news .tabs .bd li a:hover h2,.section-news .tabs .bd li a:hover p span{color:#f69603;} .section-news .tabs .bd li a:hover{margin-top: -10px;} .section-news .case{margin: 0 auto;} .section-news .case ul{} .section-news .case li{ float: left; width: 20%;} .section-news .case li a{display: block;text-align: center;padding: 20px 0;} .section-news .case li a:hover{ box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.06);} .section-pro{text-align: center;line-height: 1;padding: 80px 0;} .section-pro .title{font-size: 36px;color: #111;margin-bottom: 20px;} .section-pro ul{margin: 0 -25px;/* overflow: hidden; */} .section-pro li{float: left;width: 50%;padding: 40px 22px 0;} .section-pro li a{display: block; text-align: center;} .section-pro li img{} .section-pro li a .bd{background: #f3f3f3;padding: 25px 20px;text-align: left;position: relative;} .section-pro li a h3{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 26px;color: #1d2023;line-height: 30px;margin-bottom: 15px;} .section-pro li a p{ font-size: 18px; line-height: 36px; line-height: 1; } .section-pro p+div{display: inline-block;line-height: 28px;background: #ed9611;border: 1px solid #ed9611;color: #fff;border-radius: 30px;margin-top: -15px;position: absolute;right: 20px;top: 50%;} .section-pro li a .price{float: left;background: #f3f3f3;border-radius: 30px 0 0 30px;padding: 0 15px 0 20px;color: #ed9611;font-size: 20px;} .section-pro li a .price em{} .section-pro li a span{float: left;padding: 0 20px 0 15px;} .section-pro li a:hover{ box-shadow: 4px 6.928px 20px 0px rgba(0, 0, 0, 0.2);} .section_4{ background:url("../img/kehuduan-bg.jpg") no-repeat 50% 50%; background-size: cover;text-align: center; padding: 100px 0 0 0; line-height: 1; color: #fff;} .section_4 h2{font-size: 40px;margin: 0;} .section_4 p{font-size: 20px;margin: 25px 0 55px;} .section_4 img{ max-width: 100%} .section_6{background:url("../img/jieruxitong.jpg?20220824001") no-repeat 50% 50%; background-size: cover; } .section_6 a{display: block;height: 410px;} .section_6 .desc{line-height: 1;padding: 90px 0 0 0;} .section_6 p{font-size: 36px;line-height: 56px;color: #fff;margin: 0px 0 50px; text-shadow: 0px 1px 7.92px rgba(0, 0, 0, 0.004);} .section_6 span{display: inline-block;background: #fff;color: #555;border-radius: 10px;padding: 0 60px;font-size: 24px;line-height: 60px;} .section_7{ background: #1f2125; text-align: center; line-height: 1; color: #fff; padding: 65px 0 70px;} .section_7 h2{ font-size: 40px;} .section_7 p{ font-size: 18px; padding: 15px 0 50px;} @media(max-width:1600px) { .section_system .bd p{top: 205px;} } @media (max-device-width: 1024px) { .banner{/*height:500px;*/ /*background-size: cover;*/} .banner .desc{/*margin-left: 0;*//*padding: 30px 0 0 0;*/top: 60px;} .banner h1{/*font-size: 40px; *//*line-height: 50px;*/ /*margin-bottom: 30px;*/} .banner p{/*font-size: 22px;*//* line-height: 30px; *//* margin-bottom: 60px; */padding: 10px 0;} .section-nanti .bd .con{width: 90%;} .section_system .title{ top: 40px; font-size: 30px; } .section_system .hd{ top: 90px; width: 90%; left: 5%; } .section_system .hd li{} .section_system .bd p{ top: 150px; width: 80%; left: 10%; font-size: 14px; line-height: 20px; } } @media (max-device-width:770px) { } /*E?借??妫?娴?绯荤????戒?缁?190428*/