@charset "utf-8"; /* CSS Document */ .pageContainer *{margin-top: 0;margin-bottom: 0; padding: 0; list-style-type: none;} .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-repeat: no-repeat; position: relative;} .banner .desc{position: absolute;width: 100%;left: 0;top: 80px;text-align: center;line-height: 1 ; color: #222;} .banner h1{font-size: 40px; margin-bottom: 25px;} .banner p{font-size: 20px;} .TongXunFangShi{ background: #fcfdfe; padding: 90px 0 80px;text-align: center;} .TongXunFangShi h3{ line-height: 1;font-size: 40px; color: #333; margin-bottom: 20px;} .TongXunFangShi p{font-size: 20px; line-height: 1; color: #535353;} .TongXunFangShi img{display: block; margin: 50px auto 0;} .TeDian{} .TeDian li{ background-position: 50% 50%;background-repeat: no-repeat; position: relative;} .TeDian li .desc{position: absolute;width: 100%;left: 0;top: 90px;text-align: center;line-height: 1 ; color: #fff;} .TeDian li h3{font-size: 40px; margin-bottom:13px; letter-spacing: 1px;} .TeDian li p{font-size: 20px;line-height: 44px; letter-spacing: 1px;} .pro{background: #f6f6f6;padding: 100px 0px 70px;} .pro .title{font-size: 40px;line-height: 1;color: #333;margin-bottom: 50px;text-align: center;} .pro ul{ margin:0 -8px;} .pro li{float: left;width: 25%;padding: 0 8px 0px;} .pro li a{display: block;border-radius: 10px;overflow: hidden;background: #fff;text-align: center;line-height: 1;box-shadow: 0 0 5px 2px #e8e8e8;} .pro li a img{width: 100%;} .pro li a .bd{padding: 18px 0px 18px;} .pro li a h4{font-size: 15px;color: #898989;margin-bottom: 20px;} .pro li a h2{font-size: 19px;color: #333;margin: 0px 0 10px;} .pro li a .price{text-align: left;height: 34px;padding: 0 15px;} .pro li a em{font-size: 18px;color: #00a3ff;} .pro li a i{font-size: 30px;/* font-weight: bold; */color: #00a3ff;/* letter-spacing: -2px; */} .pro li a span{font-size: 13px;line-height: 30px;color: #fff;background: #00a3ff;border-radius: 34px;display: inline-block;float: right;padding: 0 8px;} .xitong{} .xitong img{ margin: 0 auto; display: block;} .xitong .title{background:url("NengHao/GPRS/img/XiTong-title-bg.jpg") no-repeat 50% 0;background-size: cover;color: #fff;font-size: 40px;line-height:85px;padding: 100px 0 95px;text-shadow: 2px 2px 4px #000;text-align: center;} .xitong .title p{font-size: 26px;line-height: 1;padding: 20px 0 0 0;} .xitong .bd{position: relative; background: url("NengHao/GPRS/img/XiTong-bd-bg.jpg") no-repeat 50% 0; background-size: cover; min-height: 850px;} .xitong .bd .desc{} .xitong .bd a{display: block;text-align: center;padding: 60px 0 35px 0;} .xitong .bd a h3{font-size: 40px;line-height: 1;color: #222;} .xitong .bd a p{font-size: 20px;line-height: 30px;color: #222;padding: 25px 0 20px;} .xitong .bd a span{font-size: 20px;line-height: 50px;color: #fff;background: #00a3ff;display: inline-block;padding: 0 25px;border-radius: 5px;} .xitong .hd{ position: relative; background: #eee; padding: 70px 0 80px;} .xitong .hd .desc{ text-align: center; line-height: 1; color: #333;} .xitong .hd h3{font-size: 40px;} .xitong .hd p{font-size: 20px;line-height: 30px;padding: 20px 0 40px;} @media (max-device-width: 1024px) { .pro li a h2{font-size: 16px;} .pro li a h4{font-size: 12px;} .pro li a span{font-size: 12px;} .pro li a em{font-size: 12px;} .pro li a i{font-size: 18px;} } @media (max-device-width:770px) { }