@charset "utf-8";
/* CSS Document */
.banner{ background-position:50% 50%; background-size: cover; background-repeat: no-repeat;height: auto !important;}
.banner .wrap{position: relative;}
.banner .desc{position: absolute;left: 0;top: 45px;width: 100%;line-height: 1;color: #333;text-align: center;padding: 0 !important;}
.banner h1{font-size: 38px;font-weight: lighter;}
.banner p{font-size: 16px !important;padding: 20px 0 30px;margin-bottom: 0 !important;line-height: 1 !important;color: #555;}
.banner a{display: inline-block;color: #182430;font-size: 16px;line-height: 43px;border: 1px solid #00b8b8;padding: 0 0 0 20px;background: #fff;}
.banner a:hover{color: #182430;}
.banner a span{float: right;background: #00b8b8;margin-left: 20px;font-size: 20px;padding:0 20px;color: #fff;}

.section-youShi{ text-align: center; line-height: 1; padding: 65px 0 90px;}
.section-youShi .title{ font-size: 20px; color: #555; margin-bottom: 45px;}
.section-youShi .title h2{font-size: 38px;color: #111;padding: 0 0 25px;font-weight: lighter;}

.section-nanti{background: #eef1f8;padding: 80px 0 80px;}
.section-nanti .title{line-height: 1;font-size: 38px;color: #111;padding: 0 0 60px;text-align: center;font-weight: lighter;}
.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: #00b8b8;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: relative;}
.section-nanti .bd li{display: inline-block;width: 16%;vertical-align: text-top;}
.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: 80%;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: 36px;padding: 0 0 0 12px;}
.section-nanti .bd .con span:before{content:'';width: 4px;height: 4px;background: #00b8b8;border-radius: 4px;position: absolute;left: 0;top: 50%;margin-top: -2px;}

.section_system{text-align: center;background: url("img/system-bg.jpg?v1") no-repeat 50% 50%;background-size: cover;}
.section_system .wrap{position:relative;}
.section_system .title{color: #333;font-size: 38px;line-height: 1;width: 100%;position: absolute;left: 0;top: 80px;font-weight: lighter;}
.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 #00b8b8;}
.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: #32c1fc;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: #00b8b8;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;}

.section_fangAn{ text-align: center; background: #f8f9fb; padding: 75px 0 95px;}
.section_fangAn .tit{line-height: 1;font-size: 38px;color: #111;margin-bottom: 70px;font-weight: lighter;}
.section_fangAn ul{ margin: 0 -10px;}
.section_fangAn li{ float: left; padding: 0 10px; width: 50%; 	}
.section_fangAn li a{display: block;line-height: 1;position: relative;text-align: left;}
.section_fangAn li img{}
.section_fangAn li a h2{font-size: 20px;color: #333;line-height: 1;margin-bottom: 15px;font-weight: normal;}
.section_fangAn li a p{font-size: 16px; line-height: 24px; color: #666;}
.section_fangAn li a span{position: absolute;right: 25px;top: 30px;width: 150px;height: 36px;text-align: center;line-height: 34px;color: #333;border: 1px solid #666;font-size: 14px;border-radius: 36px;}
.section_fangAn li a:hover span{ color: #fff;background: #00b8b8; border-color: #00b8b8;}
.section_fangAn li a .bd{background: #fff;border: 1px solid #f0f0f0;padding: 30px 175px 25px 25px;position: relative;}

.system-changJing{padding: 80px 0 50px;text-align: center;line-height: 1;background: #fff;}
.system-changJing .title{ font-size:16px; color: #666; padding: 0 0 40px;}
.system-changJing .title h2{font-size: 38px;color: #111;padding: 0 0 30px;font-weight: lighter;}
.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: 40px;background: rgba(0, 0, 0, .7);}




/*S 客户案例*/
.mainTitle {/* max-width: 1250px; *//* margin: 0 auto; *//* height: 69px; */border-bottom: 1px solid #ededed;padding: 0 0 20px;text-align: center;}
.mainTitle h2 {font-size: 38px;color: #1d2023;line-height: 1;/* text-align: center; */padding: 0 0 40px;border-bottom: 1px solid #ededed;margin: 0 0 20px;font-weight: lighter;}
.mainTitle ul{display: inline-block;overflow: hidden;vertical-align: top;}
.mainTitle ul li{float: left;/*padding: 0 20px;*/position: relative;}
.mainTitle ul li:before{content:'';width: 1px;height: 14px;background: #e8e8e8;position: absolute;left: -1px;top: 50%;margin-top: -7px;}
.mainTitle ul li a{display: block;font-size: 18px;color: #6e6e6e;line-height: 38px;padding: 0 40px;}
.mainTitle ul li.on{padding: 0 20px;}
.mainTitle ul li.on a{color: #fff;background: #00b8b8;}
.mainItem_caseBox {background: #f8f9fb;padding: 80px 0 100px;}
.mainItem_case {/* padding: 30px 0; */}
.mainItem_case .mainItemTitle { padding: 140px 0 90px; color: #1d2023; }
.mainItem_case ul { }
.mainItem_case li {width: 33.333333%;padding: 0 10px 50px;}
.mainItem_case li a.item {display: block;box-shadow: 0px 8px 9px 0px #f7f7f7;border: 1px solid #edf0f4;}
.mainItem_case li a, .mainItem_case li a * { transition-property: all; -ms-transition-property: all; -moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all; transition-duration: .2s; -ms-transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; }
.mainItem_case li a.item .pic { height: 230px; background-size: cover; background-position: center center; }
.mainItem_case li a.item .hd { }
.mainItem_case li a.item .bd {padding: 30px 30px 0;position: relative;/* border: 1px solid #edf0f4; *//* border-top: none; */background: #fff;}
.mainItem_case li a.item .bd span {
    float: right;
    line-height: 46px;
}
.mainItem_case li a.item .bd span i {/* display: block; *//* font-size: 18px; *//* color: #595959; *//* line-height: 1; *//* padding-bottom: 10px; */font-size: 12px;}
.mainItem_case li a.item .bd h4 {font-size: 18px;color: #1d2023;line-height: 26px;margin-bottom: 10px;height: 52px;overflow: hidden;}
.mainItem_case li a.item .bd p {font-size: 14px;line-height: 22px;color: #828282;height: 44px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.mainItem_case li a.item .bdHull{
    border-top: 1px solid #eceff4;
    margin: 15px 0 0 0;
    padding: 0 0 10px;
}
.mainItem_case li a.item .bdHull .logos{
    float: left;
    /* max-height: 25px; */
    padding: 10px 0 0 0;
}
.mainItem_case li a.item .bdHull img{
    max-height: 25px;
}
.mainItem_case li a.item:hover h4 { color: #33cbcb;/* font-weight: 600; */ }
.mainItem_case li a.item:hover { box-shadow:0px 5px 5px -1px rgba(161, 161, 161, 0.2); margin-top: -10px;    margin-bottom: 10px; }
.mainItem_case li a.item:hover .bd p {/* color: #79757d; */}
.mainItem_case li .tag { padding: 20px 0 0 80px; }
.mainItem_case li .tag a { margin-right: 6px; color: #7d7d7d; }
.mainItem_caseWrap {position: relative;margin-top: 60px;margin: 60px -10px 0;}
.mainItem_caseWrap .swiper-button-prev, .mainItem_caseWrap .swiper-button-next { width: 40px; height: 40px; top: 50%; margin-top: -20px; background: url(img/arrow.png?v1) no-repeat 0 0; display: none; }
.mainItem_caseWrap .swiper-button-prev {left: -50px;background-position: 0 0;}
.mainItem_caseWrap .swiper-button-next {right: -50px;background-position: right 0;}
.mainItem_caseWrap .swiper-button-prev:hover { background-position: 0 bottom; }
.mainItem_caseWrap .swiper-button-next:hover { background-position: right bottom; }
.mainItem_caseMore {text-align: center;/* padding: 0 0 50px; */}
.mainItem_caseMore a {line-height: 48px;border: 1px solid #33cbcb;/* border-radius: 4px; */display: inline-block;font-size: 18px;padding: 0 95px;color: #33cbcb;}
.mainItem_caseMore i { font-size: 12px; padding: 0 0 0 5px; }
.mainItem_caseMore a:hover { background: #33cbcb; color: #fff; }
/*e 客户案例*/



.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;}