body,html{ color:#333 !important; }
.wrp-900{ margin:0 auto; width:900px; }
.sa-title{ text-align: center; font-size:24px; line-height: 62px; position: relative; z-index: 1; margin-bottom: 40px; }
.sa-title:after{ content:''; height:2px; width:70px; display: block; margin:0 auto; background: #e4e4e4; }

.module{ display: table; }
.module .wrp{ display: table-cell; vertical-align:middle; }

.rolling_btn{ text-align: center; width:100%; left:0 !important; transform:translate(0) !important; }
.rolling_btn span{ display: inline-block; float:none; }
.rolling_framework,.rolling_framework li,.rolling_framework li a{ width:100% !important; height:100% !important; }


.need{ background:white; }
.need .module{ margin:0 auto; width:930px; height:580px; }
.need .item{ position:relative; float:left; margin:0 15px 30px; cursor: pointer; overflow: hidden;  }
.need .ic-model_1 .item__inner{ background:#9a94cd; }
.need .ic-model_2 .item__inner{ background:#c3c3c3; }
.need .ic-model_3 .item__inner{ background:#f28c8c; }
.need .ic-model_4 .item__inner{ background:#92d5ed; }
.need .ic-model_5 .item__inner{ background:#f8bd6f; }
.need .ic-model_6 .item__inner{ background:#686b6b; }
.need .item__inner{ box-sizing:border-box; padding:35px 20px 0; width:100%; height:100%; position:absolute; top:-100%; left:-100%; font-size:14px; line-height:24px; color:white; }
.need .item__inner .icons{ display: block;  margin:0 0 20px; }

.feature{ border-top:1px solid #eee; position:relative; }
.feature:before{ content:''; position:absolute; top:0; left:0; width: 100%; height:50px;  background:url(../images/shadow_line.jpg) center top no-repeat; z-index: 0; }
.feature .module{ width:946px; margin:0 auto; height:1250px; }
.feature .item{ width:33.3333%; float:left; height:310px;  text-align: center; position:relative; overflow: hidden; }
.feature .item h3{ line-height: 90px; height:90px; background:#b7bcc1; font-size:24px; color:white; }
.feature .item .icons{ margin-top:33px; }
.feature .item1{ background:#f6f2f1; }
.feature .item2{ background:#596273; }
.feature .item2 h3{ background:#768299; }
.feature .item3{ background:#7ed0da; }
.feature .item4{ background:#72bcc5; }
.feature .item4 h3{ background:#7ed0da; }
.feature .item5{ background:#dce4e7; }
.feature .item6{ background:#ec8558; }
.feature .item6 h3{ background:#f6a059; }

.feature .item__inner{ color:white; line-height:38px; font-size:18px; position:absolute; width:100%; height:100%; background:#b7bcc1; top:-100%; left:-100%; }
.feature .item__inner .anmt-btn{ font-size:24px; width:152px; height:58px; line-height: 58px; text-align: center; position:relative; display: block; margin:60px auto 20px; overflow: hidden; color:white; }
.feature .item__inner .anmt-btn:before,
.feature .item__inner .anmt-btn:after{ content:""; position:absolute; border:1px solid #7ed0da;  width:0px; height:0px; transition:1s; }
.feature .item__inner .anmt-btn:before{ border-right:0; border-bottom:0; top:0; left:0; }
.feature .item__inner .anmt-btn:after{ border-left:0; border-top:0; bottom:0; right:0; }
.feature .item:hover .anmt-btn:before,
.feature .item:hover .anmt-btn:after{ width:100%; height:100%; border-color:#fff; }

.feature .item2 .item__inner{ background:#768299; }
.feature .item4 .item__inner{ background:#7ed0da; }
.feature .item6 .item__inner{ background:#f6a059; }

.sld{ position:relative; padding:5px 8px; }
.sld .tempWrap{ left:10px; }
.sld .prev,
.sld .next{ position:absolute; top:70px; }
.sld .prev{  left:-30px;  }
.sld .next{  right:-30px;  }
.sld .bd li{ width:232px; float:left; }
.sld h3{ font-size:18px; line-height: 40px; }
.sld h3:after{ display: block; content: ''; height:2px; background:#e4e4e4; width:30px; }
.sld p{ line-height:22px; font-size:14px; padding-right:20px; margin-top:8px;  }

.procedure{ background:#f7f5f2; }
.procedure .module{ height: 880px; }
.procedure__box{ position:relative; padding: 120px 0 110px; margin-top:40px; }
.procedure__box .icons{ display: block; margin:0 auto; }
.procedure__box .item{ position:absolute; z-index: 2; top:0; opacity: 0;  transform:translate(-20px,-20px); }
.procedure__box .item.active{ opacity: 1; transform:translate(0px,0px) !important; }
.procedure__box .item--lt{ bottom:0; top: auto; }
.procedure__box .item__num{ font-weight: bold; color:#333; font-size:20px; }
.procedure__box .item__num:after,
.procedure__box .item--lt .item__num:before{ content:''; display: block; width:; background:#333; height:2px; width:7px; margin:10px 0; }
.procedure__box .item__tit{ position:relative; font-size:20px; line-height: 30px; display: block; white-space: nowrap; }
.procedure__box .item__tit .icons{ left:100%; margin-left:10px; top:49%; position:absolute; }
.procedure__box .item--lt .icons{ left:auto; right:100%; margin-right: 10px; margin-left:0; bottom:49%; top:auto; }
.procedure__box .item--lt .item__num:after{ display: none; }

.why .module{ height: 544px; }
.why dl{ float:left; width:224px; margin-right:110px; }
.why dl.item3{ margin-right: 0; float:right; }
.why dt{ font-size: 20px; line-height: 28px; margin-bottom: 20px;}
.why dt:before{ display: inline-block; content: ''; width:9px; height: 28px; vertical-align: middle; margin-right:15px;  }
.why dl.item1 dt:before{ background:#7dbd2a; }
.why dl.item2 dt:before{ background:#b55ddb; }
.why dl.item3 dt:before{ background:#ff9e03; }
.why dd{ line-height:22px; font-size: 14px; }
.why dd span{ width:100%; height:162px; display: block; margin:0 auto 10px; text-align: center; }
.why dl.item1 dd span{ background:#f2f2f2; }
.why dl.item2 dd span{ background:#ff916e; }
.why dl.item3 dd span{ background:#474f59; }
.why dd .icons{ margin-top:20px; }

.case{ background:#f7f5f2; }
.case .module{ height: 740px; }
.case .item{ background:white; box-shadow: 0 0 15px rgba(0,0,0,0.2); padding:28px 50px 0 158px; border-radius: 4px; width:432px; box-sizing:border-box; position:relative; height:230px; transition:0.4s; margin-bottom: 30px; }
.case .item:hover{ transform:translate(0,-5px); }
.case .item__logo{ float:left; margin-left:-130px; }
.case .item__tit{ display: block; font-weight: bold; font-size:16px; margin-bottom: 8px; line-height: 18px; }
.case .item__text{ line-height: 24px; font-size: 12px; color:#414141; }
.case .item__tag{ color:#b9b9b9; font-size: 16px; position:absolute; left:28px; bottom:24px; }
.case .item__icon{ width:32px; text-align: center; position:absolute; right:20px; bottom:28px; cursor: pointer; }
.case .item__icon img{ position:absolute; right:30px; bottom: -12px; display: none; }
.case .item__icon:hover img{ display: block; }

.service .module{ width:1000px; margin:0 auto; height:880px; }
.service .item{ padding-left:553px; margin-bottom: 50px; }
.service .item img{ float:left; margin-left:-553px; }
.service .item h3{ font-size: 20px; font-weight: bold; margin-bottom: 15px; padding-top:25px; }
.service .item p{ margin-bottom: 12px; line-height: 24px; font-size: 16px; }
.service .item2{ padding-left:0; padding-right: 553px; text-align: right; }
.service .item2 img{ float:right; margin-right:-553px; }

.concat{ height:447px; background:url(../images/concat_bg.jpg) center 0; min-width: 1000px; position: relative; top:10px; text-align: center; padding-top:40px; box-sizing:border-box; }

.concat .icon-box{  width: 160px; height: 179px; margin:0 auto;  position:relative; -webkit-perspective: 400px; -webkit-ransform-style: preserve-3d; display: inline-block; vertical-align: middle; }
.concat p{ display: inline-block; color:white; font-size:18px; line-height: 40px; margin:0 90px;  vertical-align: middle;  text-align: left; }
.concat p .icons{ top:4px; margin-right: 5px; }
.concat p.addr{ display: block; text-align: center; margin-top:30px; }

.concat .ic-concat_ic{ display: block;  transition:1.2s; }
.concat .ic-concat_ic.active{ transform:rotateY(360deg); }

.smallapp-banner4{background:url(../images/banner_1.jpg) center top no-repeat}