@charset "utf-8";
/* CSS Document */
.banner{ background-position: 50% 50%; background-repeat: no-repeat; }
.banner .wrap{ min-height: 870px; position: relative;}
.banner .desc{color: #bbbdbf;line-height: 1;padding: 110px 0 0 0;}
.banner h1{font-size: 60px;line-height: 70px;color: #fff;}
.banner p{font-size: 22px;line-height: 30px;margin-top: 25px;}
.banner .last{ font-size: 26px; line-height: 56px; margin-top: 80px;}
.banner span{display: block;font-size: 18px;line-height: 36px;position: relative;padding: 0 0 0 30px;}
.banner span:before{content: '';width: 18px;height: 5px;background: #00b8b8;position: absolute;left: 0;top: 50%;margin-top: -3px;}

.section-01 { background: #637c8e; padding: 0 0 90px;}
.section-01 .hd {padding: 30px 0;border-bottom: 1px solid #839aad;cursor: pointer;}
.section-01 .hd h3 {background: url(img/JiaoFeiFangAn-icon.png) no-repeat left center;padding: 0 0 0 22px;font-size: 24px;/* font-weight: bold; */line-height: 1;color: #fff;margin: 0;}
.section-01 .hd .info {font-size: 18px;line-height: 25px;color: #bbc4cc;padding: 20px 0 0 0;display: none;margin: 0;}
.section-01 .hd.on { border: none; }
.section-01 .hd.on h3 { background-image: url(img/JiaoFeiFangAn-iconOn.png); }
.section-01 .hd.on .info { display: block; }
.section-01 .bd {border-bottom: 1px solid #839aad;}
.section-01 .bd img { display: block; margin: 0 auto; }
.section-01 .list { max-height: 85px; transition: max-height 0.5s; overflow: hidden; }
.section-01 .list.on { max-height: 800px; }
.section-01 .list.on .hd { border: none; }
.section-01 .list.on .hd .info { display: block; }
.section-01 .list.on .hd h3 { background-image: url(img/JiaoFeiFangAn-iconOn.png); }
.section-01 .list.on .info { display: block; }
.section-01 .tit{line-height: 1;color: #fff;padding: 80px 0 0;border-bottom: 2px solid #8196a5;}
.section-01 .tit h2{font-size: 50px;padding: 0 0 20px;}
.section-01 .tit p{position: relative;font-size: 24px;padding: 0 0 35px;}
.section-01 .tit p:before{content:'';width: 260px;height: 3px;background: #00b7ba;position: absolute;left: 0;bottom: -1px;z-index: 1;}


.section-02{background: #f1f2f2;text-align: center;line-height: 1;padding: 80px 0 110px;}
.section-02 .tit{}
.section-02 .tit h2{font-size: 50px;color: #303030;}
.section-02 .tit p{font-size: 24px;color: #797c80;padding: 25px 0 60px;}
.section-02 ul{ margin: 0 -15px;}
.section-02 li{ float: left; padding: 0 15px; }
.section-02 li a{display: block;background: #fff;text-align: left;padding: 50px 0 0 0;box-shadow: 0px 32px 81px 0px rgba(0, 183, 186, 0.17);border-radius: 15px;overflow: hidden;}
.section-02 li a h3{font-size: 40px;color: #00b8b8;padding: 0 40px;}
.section-02 li a p{ font-size: 20px; line-height: 26px; color: #6f7277; padding: 17px 40px 0px; min-height: 85px;}
.section-02 li a img{}

.section-03 { background: url("img/system-bg.jpg") no-repeat 50% 50%; background-size: cover; text-align: center; line-height: 1; color: #333;/* padding: 0 0 50px; */ }
.section-03 .tit{text-align: center;line-height: 1;padding: 100px 0 50px;color: #fff;}
.section-03 .tit h2{font-size: 50px;margin-bottom: 25px;}
.section-03 .tit p{font-size: 24px;color: #cdcfd2;}
.section-03Tab { }
.section-03Tab .hd { }
.section-03Tab .hd ul {line-height: 45px;background: #617484;}
.section-03Tab .hd li { float: left; width: 16.66666%; text-align: center; }
.section-03Tab .hd li a { display: block; border-left: 1px dashed #cececf; font-size: 22px; color: #fff; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); position: relative; }
.section-03Tab .hd li a:before {content: '';width: 12px;height: 12px;position: absolute;left: 50%;bottom: -6px;margin-left: -7px;z-index: 2;background: #00b8b8;transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);display: none;}
.section-03Tab .hd li.first a { border: none; }
.section-03Tab .hd li.on a {background: #00b8b8;}
.section-03Tab .hd li.on a:before { display: block; }
.section-03Tab .bd li { position: relative; }

.section-04{padding: 100px 0 80px;}
.section-04 .tit{padding: 0 0 30px;}
.section-04 .tit h2{position: relative;font-size: 50px;line-height: 1;color: #303030;text-align: center;padding: 0 0 50px;border-bottom: 2px solid #d4d9dd;}
.section-04 .tit h2:before{content:'';width: 260px;height: 3px;background: #00b8b8;position: absolute;left: 50%;bottom: -2px;margin-left: -130px;}
.section-04 ul{}
.section-04 li{padding: 35px 0 0 0;}
.section-04 li a{display: block;padding: 70px 0 70px 60px;}
.section-04 li a .desc{ background: #fff; display: inline-block; border-radius: 10px; box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.27); padding: 45px 0 35px 55px; min-width: 690px; line-height: 1;}
.section-04 li a h3{font-size: 36px;color: #333;}
.section-04 li a p{font-size: 20px;color: #666;padding: 20px 0 30px;}
.section-04 li a .price{font-size: 18px;color: #1d2023;}
.section-04 li a .price em{color: #00b8b8;}
.section-04 li a .price span{ font-size: 32px; color: #00b8b8; font-weight: bold;}
.section-04 li a img{margin: 30px 0 25px;border-radius: 10px;display: block;}
.section-04 li a .btn{display: inline-block;background: url("img/jieJueFangAn-01Btn.png") no-repeat right 50% #00b8b8;font-size: 22px;line-height: 45px;color: #fff;padding: 0 55px 0 30px;border-radius: 45px;}
.section-04 .more{text-align: center;padding: 45px 0 0 0;}
.section-04 .more a{display: inline-block;background: url("img/jieJueFangAn-02Btn.png") no-repeat right 50%;font-size: 24px;line-height: 55px;color: #00b8b8;border: 1px solid #00b8b8;border-radius: 5px;padding: 0 125px 0 85px;}

.section-05{ background: url("img/mess-bg.jpg") no-repeat 50% 50%; background-size: cover;}
.section-05 a{display: block;line-height: 1;color: #fff;padding: 120px 0;}
.section-05 a h2{font-size: 52px;color: #fff;}
.section-05 a p{font-size: 34px;color: #fff;padding: 40px 0 120px;}
.section-05 a span{display: inline-block;background: url("img/mess-btn.png") no-repeat 100% 50% #00b8b8;font-size: 30px;line-height: 70px;border-radius: 5px;color: #fff;padding: 0 120px 0 55px;}


.CaseFocus{background: url("img/caes-bg.jpg") no-repeat 50% 50%;padding: 90px 0 85px;}
.CaseFocus .tit{font-size: 50px;color: #fff;text-align: center;line-height: 1;margin-bottom: 60px;}
.CaseFocusTabs{position: relative;padding: 0 30px;}
.CaseFocusTabs ul{}
.CaseFocusTabs li{}
.CaseFocusTabs li a{background: #fff;display: block;border-radius: 10px;padding: 85px 60px;}
.CaseFocusTabs li .left{float: left;width: 46%;}
.CaseFocusTabs li .right{float: right;width: 50%;}
.CaseFocusTabs li .right img{}
.CaseFocusTabs li a h2{line-height: 1;color: #1d2023;font-size: 36px;margin-bottom: 30px;}
.CaseFocusTabs li a p{ border-left: 1px solid #c9cbcd; padding: 0 0 30px 30px; margin: 0 0 0 130px; position: relative; font-size: 18px; color: #555; line-height: 28px;}
.CaseFocusTabs li a p:last-of-type{padding-bottom: 0;}
.CaseFocusTabs li a span{width: 105px;height: 36px;line-height: 36px;color: #fff;background: #9ea0a4;display: block;text-align: center;border-radius: 5px;float: left;margin-left: -160px;position: relative;}
.CaseFocusTabs li a span:before{content:'';width: 8px;height: 8px;background: #9ea0a4;position: absolute;right: -4px;top: 50%;margin-top: -4px;transform: rotate(45deg);}
.CaseFocusTabs li a span:after{content: '';width: 8px;height: 8px;background: #9ea0a4;position: absolute;right: -28px;top: 50%;margin-top: -4px;border-radius: 8px;}
.CaseFocusTabs .ArrowPrev,.CaseFocusTabs .ArrowNext{width: 70px;height: 90px;background: url(img/case-arrow.png) no-repeat;position: absolute;top: 50%;margin-top: -45px;z-index: 2;left: -55px;}
.CaseFocusTabs .ArrowNext{left:inherit;right: -55px;background-position: right 0;}