@charset "utf-8";
/* CSS Document */

.pageContainer,.pageContainer *{ margin-top: 0; margin-bottom: 0; font-weight: normal;padding: 0; list-style-type: none;}


.banner{background-size: auto;background-position: center center;margin-top: 58px;}
.banner .wrap{position: relative; min-height: 500px;}
.banner .desc{position: absolute;left: 0;top: 50%;transform: translateY(-50%);color: #fffefe;}
.banner h2{font-size: 50px;line-height: 1;margin-bottom: 40px;}
.banner p{font-size: 20px;line-height: 40px;color: #f2f2f3;}


.section-guanLi{ text-align: center; padding: 80px 0 70px;}
.section-guanLi h2{font-size: 50px;line-height: 1;color: #222;margin-bottom: 30px;}
.section-guanLi ul{padding: 0 0px 0 0;margin: 0 -11px;text-align: left;}
.section-guanLi li{ float: left; width: 33.333%; padding: 22px 11px 0;}
.section-guanLi li a{display: block;background: url("ZhuZhaiXiaoQu/img/guanLi-bg.jpg");background-size: cover;border-radius: 5px;padding: 50px 30px 0 30px;min-height: 170px;position: relative;}
.section-guanLi li a em{text-indent: 0;font-size: 68px;font-family: "DIN";line-height: 1;position: absolute;right: 30px;top: 10px;color: #dce5f1;}
.section-guanLi li a h3{ font-size: 28px; line-height: 1; color: #000; margin-bottom: 14px;}
.section-guanLi li a p{ font-size: 18px; line-height: 26px; color: #666;}
.section-guanLi .col2-1 li{width: 50%}

.section-fufei{ background-size: auto;background-position: center center;}
.section-fufei .wrap{position: relative;}
.section-fufei h2{ position: absolute; left: 0; top:85px;  width: 100%; line-height: 1; color: #fff; font-size: 50px; text-align: center;}

.section-system{}
.section-system .title{ position: relative; background: #f6f7fb; font-size: 50px; line-height: 1; color: #222; padding: 85px 0 80px; text-align: center}
.section-system .title:before{ content: ''; width: 94px; height: 37px; background: url("ZhuZhaiXiaoQu/img/system-arrow.png") no-repeat; position: absolute; left: 50%; margin-left: -47px; bottom: -37px; z-index: 2;}
.section-system ul{}
.section-system li{ padding: 80px 0;}
.section-system li .pic{float: right;}
.section-system li.even {background: #f6f7fb;}
.section-system li.even .pic{float: left;}
.section-system li .wrap{position: relative;}
.section-system li .desc{position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.section-system li .desc img{ width: 80px; height: 80px; border-radius: 10px;  box-shadow: 0px 3px 17.1px 0.9px rgba(6, 39, 135, 0.06); }
.section-system li .desc h3{ font-size: 42px; color: #111;line-height: 52px; margin: 35px 0 25px;}
.section-system li .desc p{ font-size: 20px; line-height: 32px; color: #565a5e;}
.section-system li.even .desc{left: auto; right: 0;}

.section-changJing{padding: 80px 0 75px 0;text-align: center; background: #f6f7fb;}
.section-changJing .title{ line-height: 1; color: #222; font-size: 50px; margin-bottom:50px;}
.section-changJing .title p{ font-size: 24px; margin-top: 30px; color: #464647;}
.section-changJing ul{padding: 0 25px;}
.section-changJing li{float: left;text-align: center;padding: 0 11px 0px;width: 25%;}
.section-changJing li a{display: block;position: relative;border-radius: 10px;overflow: hidden;}
.section-changJing li img{}
.section-changJing li a span{ display: block; font-size: 32px; line-height: 1; position: absolute; top: 50%; margin-top: -16px; color: #fff; width: 100%; text-align: center;}

.section-case .hd{background: url("ZhuZhaiXiaoQu/img/caseHd-bg.jpg") no-repeat 50% 50%;background-size: cover;padding: 90px 0;}
.section-case .hd a{display: block;font-size: 40px;line-height: 64px;color: #fff;text-align: center;}
.section-case .hd a span{width: 250px;line-height: 50px;display: inline-block;text-align: center;color: #fff;font-size: 30px;background: #00a3ff;margin-top: 30px;}
.section-case{background: #f6f7fb;text-align: center;padding: 0 0 100px;}
.section-case .section-caseFocus{padding: 0 0 72px;margin-bottom: 70px;text-align: left;}
.section-case .title{font-size: 50px;line-height: 70px;color: #010101;margin-bottom: 50px;margin-top: 80px;}
.section-case ul{}
.section-case li{float: left;width: 33.3333%;padding: 24px 11px 0;}
.section-case li a{display: block;border-radius: 10px;overflow: hidden;border: 1px solid #fff;}
.section-case li a img{width: 100%;}
.section-case li a:hover{border-color: #d2d2d2; box-shadow: 0px 18px 21px 0px rgba(22, 54, 90, 0.11);}

.section-service{text-align: center;padding: 100px 0 90px 0;background: #fbfbfb;}
.section-service .title{font-size: 50px;line-height: 1;color: #222;margin-bottom: 40px;}
.section-service .title p{font-size: 24px;color: #474747;padding: 26px 0 0 0;}
.section-service ul{margin: 0 -11px;}
.section-service li{float: left;width: 33.3333%;padding: 30px 11px 0;}
.section-service li a{display: block;border: 1px solid #eee;border-radius: 5px;min-height: 150px;position: relative;background: #fff;}
.section-service li img{position: absolute;left: 45px;top: 50%;margin-top: -40px;}
.section-service li span{display:block;padding: 63px 0 0 120px;font-size: 24px;line-height: 1;color: #373a3d;}



.section-pro{padding: 90px 0 85px;text-align: center;}
.section-pro .title{font-size: 50px;line-height: 1;color: #010101;margin-bottom: 75px;}
.section-pro ul{margin: 0 -11px;margin-bottom: 60px;}
.section-pro li{float: left;width: 33.3333%;padding: 0 11px;}
.section-pro li a {display: block;overflow: hidden;border-radius: 10px;}

.section-pro li a .bd{border: 1px solid #eee;border-top: 0;border-radius: 0 0 10px 10px;line-height: 1;padding: 20px 0;}
.section-pro li a img{}
.section-pro li a h3{font-size: 20px;color: #565a5e;margin-bottom: 15px;}
.section-pro li a span{font-size: 18px;color: #00a3ff;}
.section-pro li a:hover{ box-shadow: 0px 10px 20px 0px rgba(22, 54, 90, 0.11);}
.section-pro .more{}
.section-pro .more a{display: inline-block;width: 180px;line-height: 46px;border: 1px solid #7d7d7d;border-radius: 5px;font-size: 20px;color: #555;}