.index-banner{ position: relative; height: 520px; }
.index-banner .userDemand{ position: absolute; left: 50%; right: 50%; top: 48px; z-index: 5; margin: auto; margin-right: -535px; width: 320px; height: 430px; background-color: #fff;}
.index-banner .userDemand .userDemand-box{ padding: 32px 38px;}
.index-banner .userDemand .userDemand-box .list{ overflow: hidden; height: 240px; margin-bottom: 15px;}
.index-banner .userDemand .userDemand-box .list li{ position: relative; margin-bottom:19px;}
.index-banner .userDemand .userDemand-box .list li a{ display: block; color: #8c8d9e; padding-left: 15px;}
.index-banner .userDemand .userDemand-box .list li a:hover{ color: #fc3869; text-decoration: underline;}
.index-banner .userDemand .userDemand-box .list li::before{ content: ''; position: absolute; left: 0; top: 8px; width: 6px; height: 6px; border-radius: 6px; background-color: #fc3869;}
.index-banner .userDemand .userDemand-box .btn{ height: 48px; line-height: 48px; display: block; color: #fff; font-size: 16px; text-align: center; margin-bottom: 12px;}
.index-banner .userDemand .userDemand-box .btn.fb{ background-color: #1e3ccd;}
.index-banner .userDemand .userDemand-box .btn.fb:hover{ box-shadow: 0 2px 10px rgba(30, 60, 205, 0.4);}
.index-banner .userDemand .userDemand-box .btn.yy{ background-color: #fc3869;}
.index-banner .userDemand .userDemand-box .btn.yy:hover{ box-shadow: 0 2px 10px rgba(252, 56, 105, 0.4);}
.index-banner .index-banner-roll{ height: 520px;}
.index-banner .index-banner-roll .swiper-slide{ height: 520px;  background-repeat: no-repeat; background-position: center;}
.index-banner .index-banner-roll .swiper-horizontal>.swiper-pagination-bullets, .index-banner .index-banner-roll .swiper-pagination-bullets.swiper-pagination-horizontal, .index-banner .index-banner-roll .swiper-pagination-custom, .index-banner .index-banner-roll .swiper-pagination-fraction{ width: 300px !important; left: 50% !important; right:50% !important; margin: auto; margin-left: -675px;}
.index-banner .index-banner-roll .swiper-pagination-bullet{ width: 35px; height: 6px; border-radius: 2px;}
.index-banner .index-banner-roll .swiper-pagination-bullet-active{ background-color: #fff;}

.index-serviceType-container .index-serviceType-body{ overflow: hidden; padding: 30px 25px;}
.index-serviceType-container .index-serviceType-body .item{ float: left; margin-right: 25px;}
.index-serviceType-container .index-serviceType-body .item:last-child{ margin-right: 0;}
.index-serviceType-container .index-serviceType-body .item i{ display: inline-block; vertical-align: middle; width: 54px; height: 45px; transition: 0.5s; }
.index-serviceType-container .index-serviceType-body .item:hover i{transform: rotateY(180deg); }
.index-serviceType-container .index-serviceType-body .item .des{ display: inline-block; vertical-align: middle; width: 150px; margin-left: 12px;}
.index-serviceType-container .index-serviceType-body .item .des dt{ font-size: 18px;}
.index-serviceType-container .index-serviceType-body .item .des dt a{ display: inline-block; vertical-align: middle; margin-top: -2px; margin-left: 4px; width: 43px; height: 22px; line-height: 22px; border-radius: 22px; font-size: 14px; text-align: center; color: #fff; background-color: #fc3869;}
.index-serviceType-container .index-serviceType-body .item .des dt a:hover{ box-shadow: 0 2px 10px rgba(252, 56, 105, 0.4);}
.index-serviceType-container .index-serviceType-body .item .des dt a span{ margin-left: 2px;}
.index-serviceType-container .index-serviceType-body .item .des dd{ font-size: 14px; color: #8c8d9e;}
.index-serviceType-container .index-serviceType-body .item.ppsj i{ background: url(../images/index/index@icon.png);}
.index-serviceType-container .index-serviceType-body .item.wzkf i{ background: url(../images/index/index@icon.png) -67px 0;}
.index-serviceType-container .index-serviceType-body .item.ydkf i{ background: url(../images/index/index@icon.png) -127px 0;}
.index-serviceType-container .index-serviceType-body .item.dssj i{ background: url(../images/index/index@icon.png) -187px 0;}
.index-serviceType-container .index-serviceType-body .item.spzz i{ background: url(../images/index/index@icon.png) -252px 0;}

.index-service-grounp{  padding: 60px 0; background-image: linear-gradient(to bottom, #f2f5f7 2%, #fff);}
.index-serviceMode-container .index-serviceMode-body .title{ text-align: center;}
.index-serviceMode-container .index-serviceMode-body h3{ font-size: 24px;}
.index-serviceMode-container .index-serviceMode-body .box .item{ float: left; width:334px; height: 159px; margin: 0 24px 0 0; padding: 20px 25px; border-radius: 6px; background-color: #fff; transition: 0.5s; }
.index-serviceMode-container .index-serviceMode-body .box .item:hover{ transform: translate(0,-8px)}
.index-serviceMode-container .index-serviceMode-body .box .item:last-child{ margin-right: 0;}
.index-serviceMode-container .index-serviceMode-body .box .item .type dt{ margin-bottom: 20px;}
.index-serviceMode-container .index-serviceMode-body .box .item .type dt h4{ display: inline-block; margin-left: 10px; font-size: 18px;}
.index-serviceMode-container .index-serviceMode-body .box .item .type dt i{ display: inline-block; vertical-align: middle; width: 54px; height: 42px; margin-top: -7px;}
.index-serviceMode-container .index-serviceMode-body .box .item .more{ display: block; width: 161px; height: 38px; text-align: center; line-height: 38px; border-radius: 6px; color: #fff; background-color: #fc3869;}
.index-serviceMode-container .index-serviceMode-body .box .item .more i{ display: inline-block; vertical-align: middle; width: 16px; height: 16px; margin:-3px 15px 0 0; }
.index-serviceMode-container .index-serviceMode-body .box .item .more{ margin-top: 15px; transition: 0.5s;}
.index-serviceMode-container .index-serviceMode-body .box .item.tcfw .type dt i{ background: url(../images/index/index@icon.png) 0 -60px; }
.index-serviceMode-container .index-serviceMode-body .box .item.tcfw .more{ background-color: #fc3869;}
.index-serviceMode-container .index-serviceMode-body .box .item.tcfw .more i{ background:url(../images/index/index@icon.png) 0 -120px;}
.index-serviceMode-container .index-serviceMode-body .box .item.tcfw .more:hover{ margin-top: 15px;  box-shadow: 0 2px 10px rgba(252, 56, 105, 0.4);}

.index-serviceMode-container .index-serviceMode-body .box .item.smfw .type dt i{ background: url(../images/index/index@icon.png) -68px -60px; }
.index-serviceMode-container .index-serviceMode-body .box .item.smfw .more{ background-color: #1e3ccd; }
.index-serviceMode-container .index-serviceMode-body .box .item.smfw .more i{ background:url(../images/index/index@icon.png) -22px -120px;}
.index-serviceMode-container .index-serviceMode-body .box .item.smfw .more:hover{ margin-top: 15px;  box-shadow: 0 2px 10px rgba(30, 60, 205, 0.4);}

.index-serviceMode-container .index-serviceMode-body .box .item.zzgw{ position: relative;}
.index-serviceMode-container .index-serviceMode-body .box .item.zzgw .type dt i{ background: url(../images/index/index@icon.png) -137px -60px; }
.index-serviceMode-container .index-serviceMode-body .box .item.zzgw .more{ background-color: #1ad079; }
.index-serviceMode-container .index-serviceMode-body .box .item.zzgw .more i{ width: 22px; height: 18px; background:url(../images/index/index@icon.png) -43px -119px;}
.index-serviceMode-container .index-serviceMode-body .box .item.zzgw p.weChat{ position: absolute; right: 25px; top: 25px; width: 148px; height: 148px; background: url(../images/weChat@icon.jpg);}
.index-serviceMode-container .index-serviceMode-body .box .item.zzgw .more:hover{ margin-top: 15px;  box-shadow: 0 2px 10px rgba(26, 208, 121, 0.4);}

.index-serviceCase-container{ margin-top: 80px;}
.index-serviceCase-container .index-serviceCase-body .title{ text-align: center;}
.index-serviceCase-container .index-serviceCase-body h3{ font-size: 24px;}
.index-serviceCase-container .index-serviceCase-body .tabs{ text-align: center; margin-top: 22px;}
.index-serviceCase-container .index-serviceCase-body .tabs a{ display: inline-block; width: 90px; height: 32px; margin: 0 10px 0 0; border-radius: 3px; line-height:32px; background-color: #f2f5f7;}
.index-serviceCase-container .index-serviceCase-body .tabs a.active{ background-color: #3d45c3; color: #fff;}
.index-serviceCase-container .index-serviceCase-body .box{ margin-top: 40px;}
.index-serviceCase-container .index-serviceCase-body .box .list li{ float: left; width: 282px; margin: 0 24px 46px 0;}
.index-serviceCase-container .index-serviceCase-body .box .list li:nth-child(4n){ margin-right: 0;}
.index-serviceCase-container .index-serviceCase-body .box .list li .show{ display: block; overflow: hidden; width: 282px; height: 212px; border-radius: 6px;}
.index-serviceCase-container .index-serviceCase-body .box .list li .show img{ transition: 0.3s;}
.index-serviceCase-container .index-serviceCase-body .box .list li:hover .show img{ transform: scale(1.06); }
.index-serviceCase-container .index-serviceCase-body .box .list li dl{ height: 48px; margin-top: 20px;}
.index-serviceCase-container .index-serviceCase-body .box .list li dl dt{ font-size: 16px; margin-bottom: 3px;}
.index-serviceCase-container .index-serviceCase-body .box .list li dl dd{ color: #5f606b;}
.index-serviceCase-container .index-serviceCase-body .box .list li .belong{ margin-top: 20px; color: #8c8d9e;}
.index-serviceCase-container .index-serviceCase-body .box .list li .belong .user{ display: inline-block;}
.index-serviceCase-container .index-serviceCase-body .box .list li .belong .user i{ display: inline-block; vertical-align: middle; width: 32px; height: 32px; margin: 0 10px 0 0; border-radius: 32px; border:1px solid #9495a5; background-color: #f5f5f5; background-position: center; background-size: cover;}
.index-serviceCase-container .index-serviceCase-body .box .list li .belong .type{ float: right; margin: 5px 0 0 0;}
.index-serviceCase-container .index-serviceCase-body .more{ display: block; width: 200px; height: 48px; line-height: 48px; margin:0 auto; background-color: #1a34d0; border-radius: 6px; text-align: center; color: #fff;}
.index-serviceCase-container .index-serviceCase-body .more:hover{ box-shadow: 0 2px 10px rgba(30, 60, 205, 0.4);}

.index-excellentDesign-container{ background-color: #f1f2f6; padding: 70px 0;} 
.index-excellentDesign-container .index-excellentDesign-body .title{ text-align: center;}
.index-excellentDesign-container .index-excellentDesign-body .title h3{ font-size: 24px;}
.index-excellentDesign-container .index-excellentDesign-body .title p{ color: #a4b0be; margin-top: 5px;}
.index-excellentDesign-container .index-excellentDesign-body .box{ margin-top: 30px;}
.index-excellentDesign-container .index-excellentDesign-body .box .list li{ float:left; width: 282px; height: 433px; margin-right: 24px; background-color: #fff;}
.index-excellentDesign-container .index-excellentDesign-body .box .list li:last-child{ margin-right: 0;}
.index-excellentDesign-container .index-excellentDesign-body .box .list li .show{ display: block; overflow: hidden; width: 100%; height: 323px; background-color: #666;}
.index-excellentDesign-container .index-excellentDesign-body .box .list li .show img{ transition: 0.3s;}
.index-excellentDesign-container .index-excellentDesign-body .box .list li:hover .show img{ transform: scale(1.05); }
.index-excellentDesign-container .index-excellentDesign-body .box .list li dl{ padding: 19px 19px;}
.index-excellentDesign-container .index-excellentDesign-body .box .list li dl dt .name{ font-size: 24px;}
.index-excellentDesign-container .index-excellentDesign-body .box .list li dl dt .lv{ color: #a4b0be; margin-left: 10px;}
.index-excellentDesign-container .index-excellentDesign-body .box .list li dl dd{ font-size: 12px; margin-top: 8px;}
.index-excellentDesign-container .index-excellentDesign-body .box .list li dl dd span{ display: inline-block; padding: 4px 8px; margin-right: 5px; background-color: #f1f2f6;}
.index-excellentDesign-container .index-excellentDesign-body .more{ display: block; width: 200px; height: 48px; line-height: 48px; margin:40px auto 0; background-color: #1a34d0; border-radius: 6px; text-align: center; color: #fff;}
.index-excellentDesign-container .index-excellentDesign-body .more:hover{ box-shadow: 0 2px 10px rgba(30, 60, 205, 0.4);}

.index-serviceProcess-container{ padding: 70px 0;} 
.index-serviceProcess-container .index-serviceProcess-body .title{ text-align: center;}
.index-serviceProcess-container .index-serviceProcess-body .title h3{ font-size: 24px;}
.index-serviceProcess-container .index-serviceProcess-body .title p{ color: #a4b0be; margin-top: 5px;}
.index-serviceProcess-container .index-serviceProcess-body .box{ margin-top: 40px;}
.index-serviceProcess-container .index-serviceProcess-body .box .flow dl{ float: left; width:485px;}
.index-serviceProcess-container .index-serviceProcess-body .box .flow dl dd{ margin-bottom:25px;}
.index-serviceProcess-container .index-serviceProcess-body .box .flow dl dd p.dt{ font-size: 18px; margin-bottom: 4px;}
.index-serviceProcess-container .index-serviceProcess-body .box .show{ float: left; width: 588px; height: 441px; margin: -30px 0 0 30px; background: url(../images/index/serviceProcess@img.jpg);}
.index-serviceProcess-container .index-serviceProcess-body .box .statistics{ text-align: center; margin-top:20px;}
.index-serviceProcess-container .index-serviceProcess-body .box .statistics .line{ float: left; width: 25%;}
.index-serviceProcess-container .index-serviceProcess-body .box .statistics .line .nub{ font-size:38px; color: #3d45c3; font-weight: bold;}
.index-serviceProcess-container .index-serviceProcess-body .box .statistics .line .nub small{ font-size: 14px; margin-left: 5px;}

.index-serviceGuarantee-container{ padding: 70px 0; background-color: #f1f2f6;}
.index-serviceGuarantee-container .index-serviceGuarantee-body .title{ text-align: center; margin-bottom: 30px;}
.index-serviceGuarantee-container .index-serviceGuarantee-body .title h3{ font-size: 24px;}
.index-serviceGuarantee-container .index-serviceGuarantee-body .box{ padding: 0 28px;}
.index-serviceGuarantee-container .index-serviceGuarantee-body .box .list{ line-height: 2; color: #7d7f91;}
.index-serviceGuarantee-container .index-serviceGuarantee-body .box .list li{ float: left; width: 182px; margin-right: 58px; text-align:justify;}
.index-serviceGuarantee-container .index-serviceGuarantee-body .box .list li:last-child{ margin-right: 0;}
.index-serviceGuarantee-container .index-serviceGuarantee-body .box .list li .dt{ font-size: 18px; margin-bottom: 20px; padding-left: 10px; color: #191c3d; font-weight: bold;}
.index-serviceGuarantee-container .index-serviceGuarantee-body .box .list li .dt i{ display:inline-block; vertical-align:middle; width:31px; height: 35px; margin: -3px 5px 0 0; background-image: url(../images/index/index@icon.png);}
.index-serviceGuarantee-container .index-serviceGuarantee-body .box .list li .dt.qcfw i{ background-position:0 -154px;}
.index-serviceGuarantee-container .index-serviceGuarantee-body .box .list li .dt.aqbz i{ background-position:-33px -154px;}
.index-serviceGuarantee-container .index-serviceGuarantee-body .box .list li .dt.jscb i{ background-position:-67px -154px;}
.index-serviceGuarantee-container .index-serviceGuarantee-body .box .list li .dt.xzgl i{ background-position:-103px -154px;}
.index-serviceGuarantee-container .index-serviceGuarantee-body .box .list li .dt.lhgy i{ background-position:-137px -154px;}