a:focus {
  outline:0;
  outline-offset:0;
  text-decoration:none
}
#banner {
  position:relative;
  width:100%;
  height:680px;
  overflow:hidden
}
#banner_list img {
  border:0
}
.datav {
  width:100%;
  height:260px
}
.datav .content {
  width:1120px;
  height:100%;
  margin:auto
}
.datav .content .left {
  padding-top:68px;
  width:510px;
  height:100%;
  float:left
}
.datav .content .left .title {
  font-size:52px;
  font-weight:500;
  height:73px;
  line-height:73px;
  color:#353535
}
.datav .content .left .subtitle {
  font-size:40px;
  height:56px;
  line-height:56px;
  color:#353535
}
.datav .content .right {
  width:610px;
  height:100%;
  float:left
}
.datav .content .right .title {
  color:#353535;
  float:left;
  font-size:20px;
  height:28px;
  line-height:28px
}
.datav .content .right .link {
  font-size:14px;
  color:#c1402b;
  float:right;
  height:20px;
  line-height:20px
}
.datav .content .right .circle {
  width:130px;
  height:130px;
  border-radius:65px;
  float:left;
  background-color:#f4f4f4
}
.datav .content .right .circle .title {
  margin-top:35px;
  width:100%;
  height:42px;
  line-height:42px;
  color:#353535;
  text-align:center;
  font-weight:600;
  font-size:30px
}
.datav .content .right .circle .subtitle {
  width:100%;
  text-align:center;
  height:17px;
  line-height:17px;
  color:#b2b2b2;
  font-size:14px
}
#banner_bg {
  position:absolute;
  bottom:0;
  background-color:#000;
  height:30px;
  filter:Alpha(Opacity=30);
  opacity:.3;
  z-index:1000;
  cursor:pointer;
  width:478px
}
#banner_info {
  position:absolute;
  bottom:0;
  left:5px;
  height:22px;
  color:#fff;
  z-index:1001;
  cursor:pointer
}
#banner ul {
  position:absolute;
  list-style-type:none;
  z-index:100;
  bottom:20px;
  right:49%
}
#banner ul li {
  width:13px;
  height:13px;
  margin-left:8px;
  background:url(../images/newindexer__03_blur.png) no-repeat;
  float:left;
  display:block;
  color:#FFF;
  cursor:pointer
}
#banner ul li.on {
  background:url(../images/newindexer__03_focus.png) 0 1px no-repeat
}
#banner_list a {
  position:absolute
}
html body .main {
  margin:0 auto 0
}
html body .swiper-pagination-bullet {
  background:url(../images/newindexer__05.png) no-repeat;
  opacity:1;
  width:11px;
  height:11px
}
html body .swiper-pagination-bullet-active {
  background:url(../images/newindexer__03.png) no-repeat;
  opacity:1;
  width:12px;
  height:11px
}
.header-index {
  transition:top .2s linear;
  background:transparent;
  position:absolute
}
.header-index .logo-small {
  background:url(../images/nav_logo_white.png) no-repeat 0 0;
  background-size:80px 28px
}
.header-index .nav-home a {
  color:#FFF
}
.header-index .nav-home a .iconfont {
  color:#FFF
}
.header-index .search input {
  display:none
}
.header-index .search .btn-search {
  display:none
}
.header-index .nav-home span.service-phone {
  color:#FFF
}
.header-index .city-pull-down span {
  color:#FFF
}
html body .wrap .moveTop {
  top:0;
  transition:top .2s linear
}
.pagination {
  position:absolute;
  z-index:20;
  bottom:10px;
  width:100%;
  text-align:center
}
.swiper-pagination-switch {
  display:inline-block;
  width:11px;
  height:11px;
  border-radius:11px;
  margin:0 5px;
  border:1px solid #fff;
  cursor:pointer
}
.swiper-active-switch {
  background:#fff
}
.swiper-wrapper {
  cursor:pointer
}
.ddz-top-banner {
  width:100%;
  height:680px;
  position:relative
}
.banner-first {
  display:block;
  width:100%;
  height:680px
}
.swiper-container {
  width:100%;
  height:680px
}
.ddz-focus-on {
  width:1170px;
  height:1px;
  position:absolute;
  top:0;
  left:0;
  right:0;
  margin:0 auto;
  z-index:1
}
.ddz-select-search {
  width:396px;
  margin-top:129px;
  border-radius:10px;
  background-color:#fff;
  box-shadow:0 30px 40px 0 rgba(0,0,0,0.15);
  overflow:hidden
}
.ddz-select-search form {
  padding:30px
}
.ddz-select-search #public_form_search {
  padding-top:22px
}
.area-select {
  width:100%;
  min-height:112px;
  border-bottom:1px solid #EEE
}
.ddz-select-search h3 {
  color:#000;
  font-size:14px;
  margin-bottom:20px;
  font-weight:600
}
.area-select ul,.size-control ul {
  width:360px;
  margin:0 auto
}
.area-select ul li {
  height:30px;
  line-height:30px;
  color:#666;
  font-size:14px;
  border-radius:5px;
  text-align:center;
  display:block;
  float:left;
  margin-right:24px;
  margin-bottom:10px;
  cursor:pointer
}
.area-select ul li a {
  color:#666;
  text-decoration:none
}
.area-select ul li a:hover {
  color:#c1402b
}
html body .focus-on {
  background:#c1402b
}
html body .area-select ul .focus-on {
  background:#c1402b;
  color:#fff
}
html body .area-select ul .focus-on a {
  color:#fff
}
html body .area-select ul .focus-on a:hover {
  color:#fff
}
.size-select {
  clear:both;
  width:100%;
  height:131px;
  padding-top:25px
}
.size-control li {
  width:50px;
  height:16px;
  background:#f5f5f5;
  float:left;
  margin-right:6px;
  cursor:pointer;
  transition:background .2s linear
}
.size-control li:hover {
  background:#c1402b;
  transition:background .2s linear
}
html body .size-control .focus-on:hover {
  background:#18aaf2;
  transition:background .2s linear
}
.size-show {
  width:360px;
  position:relative;
  left:-22px
}
.size-show li {
  width:50px;
  height:20px;
  float:left;
  margin-right:0;
  font-size:12px;
  text-indent:-5px;
  text-align:center
}
.size-show li.s1 {
  margin-right:10px
}
.size-show li.s3 {
  margin-right:5px
}
.size-show li.s5 {
  margin-right:5px
}
.size-show li.s7 {
  margin-right:5px
}
.size-show li.s11 {
  position:relative;
  left:20px;
  margin-right:0;
  width:20px
}
.size-show li.last {
  font-size:20px
}
.size-show li:first {
  text-indent:0
}
.size-show a:hover {
  color:"#0bbbe0"
}
a.search-office {
  width:336px;
  height:48px;
  line-height:48px;
  text-align:center;
  color:#fff;
  border-radius:5px;
  display:block;
  clear:both;
  cursor:pointer;
  margin:0 auto;
  border:0
}
html body .search-office:hover {
  color:#fff
}
.button-holder {
  width:100%
}
.search-text {
  width:100%;
  height:85px;
  background:#f2f2f2;
  position:relative
}
.search-text input[type=text] {
  width:236px;
  height:40px;
  border-radius:5px;
  text-indent:12px;
  border:0
}
.search-text input[type=text]::-webkit-input-placeholder {
  color:#b2b2b2;
  font-size:13px
}
.search-text input[type=text]:-moz-placeholder {
  color:#b2b2b2;
  font-size:13px
}
.search-text input[type=text]::-moz-placeholder {
  color:#b2b2b2;
  font-size:13px
}
.search-text input[type=text]:-ms-input-placeholder {
  color:#b2b2b2;
  font-size:13px
}
.search-text .input-item {
  position:relative;
  width:100%;
  height:42px;
  border-radius:4px
}
.search-text .input-item i {
  position:absolute;
  right:10px;
  top:13px;
  cursor:pointer;
  color:#DDD;
  font-size:18px;
  margin-top:-2px
}
.search-text .input-item input {
  width:100%;
  height:42px;
  border-radius:4px;
  background-color:rgba(255,255,255,0.8)
}
.search-text .input-item #kw-search {
  border:solid 1px #e5e5e5
}
.search-text .input-item.active #kw-search {
  border:1px solid #c1402b
}
.search-text .input-item.active i {
  color:#c1402b
}
.search-text a.search-map {
  width:96px;
  height:40px;
  line-height:40px;
  text-align:center;
  margin-left:11px;
  text-decoration:none;
  display:block;
  position:absolute;
  top:23px;
  right:20px;
  border-radius:4px;
  border:solid 1px #e5e5e5;
  color:#666;
  font-size:14px
}
.search-text a.search-map:hover {
  color:#c1402b
}
.our-nice {
  width:100%;
  height:90px;
  background:white
}
.our-nice-bg {
  background:white!important
}
.datav_circle {
  width:8px;
  height:8px;
  background-color:#c1402b;
  opacity:.6;
  border-radius:4px;
  margin-top:10px;
  float:left
}
.our-nice .line {
  width:1px;
  height:20px;
  background-color:#c3c3c3;
  float:right;
  margin-top:35px
}
.our-nice ul {
  width:1160px;
  height:90px;
  margin:0 auto
}
.our-nice ul li {
  width:280px;
  height:90px;
  line-height:90px;
  float:left;
  list-style-type:none;
  text-align:center;
  color:#353535;
  margin-top:0;
  margin-right:10px;
  font-size:22px
}
.yongjin {
  text-indent:43px;
  background:url(../images/banneritem2.png) 80px 28px no-repeat;
  background-size:32px 32px
}
.kanfang {
  text-indent:43px;
  background:url(../images/banneritem3.png) 80px 28px no-repeat;
  background-size:32px 32px
}
.fangyuan {
  text-indent:50px;
  background:url(../images/banneritem1.png) 80px 28px no-repeat;
  background-size:32px 32px
}
.fuwu {
  text-indent:30px;
  background:url(../images/banneritem4.png) 50px 28px no-repeat;
  background-size:32px 32px
}
.ddz-banner-logo {
  width:197px;
  height:92px;
  background:url(../images/newindexer_10.png) no-repeat;
  background-size:100% 100%;
  position:absolute;
  right:60px;
  top:570px;
  z-index:2
}
.ddz-thems {
  margin-top:50px
}
.ddz-onethems {
  margin-bottom:40px
}
.ddz-thems table {
  height:45px;
  margin:0 auto;
  position:relative;
  margin-bottom:-25px
}
.ddz-thems tr td {
  width:140px;
  height:45px;
  line-height:45px;
  text-align:center;
  display:block;
  float:left;
  cursor:pointer;
  font-size:24px;
  color:#353535
}
.animate-line {
  width:330px;
  height:5px;
  margin:0 auto;
  clear:both;
  position:relative
}
.animate-line .line:first-child {
  position:absolute;
  width:110px;
  left:15px;
  height:5px;
  background:#c1402b
}
.theme-detail {
  width:1160px;
  height:520px;
  margin:0 auto;
  overflow:hidden
}
.theme-detail .detail-warp {
  width:24480px;
  height:520px
}
.theme-detail .detail-warp div {
  width:1180px;
  height:520px;
  float:left;
  overflow:visible;
  display:none
}
.theme-detail .detail-warp div:first-child {
  display:block
}
.theme-detail .detail-warp div ul {
  width:1190px;
  height:520px;
  padding:25px;
  margin-left:-5px
}
.theme-detail .detail-warp div ul li {
  position:relative;
  cursor:pointer
}
.theme-detail .detail-warp div ul li a {
  display:block;
  height:100%
}
.theme-detail .detail-warp div ul li .on-focus-img {
  transform:scale(1.15);
  transition:all .3s ease-in 0s
}
.theme-detail .detail-warp div ul li .on-blur-img {
  transform:scale(1);
  transition:all .3s ease-in 0s
}
html body .comments ul li .leader-comment .name-center {
  display:block;
  width:100%;
  text-align:center
}
html body .comments ul li .leader-comment .namespace {
  color:#333
}
.list-style5 li {
  width:360px;
  height:225px;
  float:left;
  margin-right:20px;
  margin-bottom:20px;
  background-size:100% 100%;
  overflow:hidden
}
html body .list-style5 .first {
  display:block;
  width:360px;
  height:470px;
  float:left;
  margin-right:20px
}
html body .list-style5 .first p {
  line-height:121px
}
.list-style3 li {
  width:360px;
  height:470px;
  float:left;
  margin-right:20px;
  margin-bottom:20px;
  background-size:100% 100%;
  overflow:hidden
}
html body .detail-warp .list-style3 li a p {
  font-size:28px
}
html body .list-style3 .first {
  display:block;
  width:360px;
  height:470px;
  float:left;
  margin-right:20px
}
.first a {
  width:360px;
  height:468px;
  overflow:hidden
}
html body .detail-warp UL .first p {
  font-size:20px
}
.detail-warp ul li p {
  width:100%;
  height:108px;
  line-height:130px;
  display:block;
  font-size:20px;
  color:#fff;
  position:absolute;
  bottom:0;
  text-indent:20px;
  background:url(../images/ddznewindex___03.png) center repeat-x
}
.hot-office {
  width:1120px;
  margin:0 auto;
  height:1400px;
  margin-top:-35px
}
.hot-office-notheme {
  margin-top:0
}
.hot-office p {
  width:1120px;
  text-align:center;
  height:110px;
  line-height:110px;
  font-size:28px;
  color:#353535;
  margin-top:30px
}
.hot-office ul {
  width:1140px;
  margin-left:-20px;
  margin-top:-20px
}
.hot-office ul li {
  width:360px;
  height:290px;
  float:left;
  margin-left:20px;
  margin-top:20px
}
.hot-office ul li .offices {
  width:360px;
  height:290px;
  display:block
}
html body .hot-office ul li {
  box-shadow:0 0 0 #777;
  transition:box-shadow .2s linear;
  width:360px;
  height:290px;
  overflow:hidden
}
html body .hot-office ul li a {
  color:#FFF
}
html body .hot-office ul li .hover-on {
  color:#c1402b;
  background:#fff;
  transition:background .2s linear
}
html body .hot-office ul .on-focus-img {
  box-shadow:0 15px 30px rgba(0,0,0,.1);
  transform:translate3d(0,-2px,0);
  transition:all .2s ease-in 0s
}
html body .detail-warp ul .on-blur-img {
  box-shadow:0 0 0 rgba(0,0,0,.1);
  transform:translate(0,0,0);
  transition:all .2s ease-in 0s
}
html body .theme-detail .detail-warp ul .on-focus-img {
  box-shadow:0 15px 20px rgba(0,0,0,.1);
  transform:translate3d(0,-2px,0);
  transition:all .2s ease-in 0s
}
.theme-detail .detail-warp ul li {
  box-shadow:0 0 0 rgba(0,0,0,.1);
  transform:translate3d(0,0,0);
  transition:all .2s ease-in 0s
}
.img-warp {
  width:360px;
  height:225px;
  overflow:hidden
}
.hot-office ul li .offices .description {
  background:#fff;
  height:68px;
  width:100%;
  text-align:center;
  padding-top:8px;
  margin-top:-4px;
  position:relative
}
.hot-office ul li .offices .description h3 {
  height:30px;
  line-height:30px;
  font-size:20px;
  color:#353535;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.hot-office ul li .offices .description span {
  color:#b2b2b2;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  display:block;
  margin:0 auto;
  width:80%
}
.more-office {
  height:290px;
  background:#c1402b;
  color:#fff;
  text-align:center;
  padding-top:82px;
  position:relative;
  display:block;
  cursor:pointer;
  transition:background .3s linear
}
.more-office h1 {
  width:100%;
  font-size:38px;
  height:45px;
  line-height:45px
}
.more-office h3 {
  width:100%;
  font-size:20px;
  height:30px;
  line-height:30px;
  margin-bottom:10px
}
html body .no-shadow a p {
  display:block;
  margin:0 auto;
  width:130px;
  height:40px;
  border:1px solid #fff;
  text-align:center;
  line-height:39px;
  color:#fff;
  border-radius:5px;
  background:#c1402b;
  transition:background .2s linear;
  cursor:pointer;
  font-size:14px
}
.callForOffice {
  width:100%;
  height:288px;
  padding-top:26px;
  clear:both;
  position:relative;
  background:#FFF
}
.callForOffice .office-content {
  width:1140px;
  height:262px;
  margin:0 auto
}
.callForOffice .office-content .require-box {
  height:262px;
  margin-left:60px;
  text-align:left
}
.callForOffice .require-img {
  width:500px;
  height:262px;
  margin-left:44px
}
.callForOffice .require-img img {
  width:100%;
  height:100%
}
.require-box .require-title {
  padding:60px 0 10px 0;
  color:#000;
  font-size:20px;
  font-weight:600
}
.require-box .require-desc {
  padding:8px 0 20px 0;
  color:#000;
  font-size:16px
}
.require-box .require-btn {
  font-size:16px
}
.phone-success-tips {
  position:absolute;
  top:73px;
  right:174px;
  color:#0aa930;
  display:none
}
.phone-faild-tips {
  position:absolute;
  top:73px;
  right:174px;
  color:#f24010;
  display:none
}
.phone-empty-tips {
  position:absolute;
  top:73px;
  right:174px;
  color:#f24010;
  display:none
}
.timer {
  font-size:30px;
  margin-bottom:15px;
  margin-left:-22px
}
.add-icon {
  width:20px;
  height:30px;
  font-size:30px;
  color:#fff;
  line-height:30px;
  position:absolute;
  top:74px;
  right:130px;
  -webkit-font-smoothing:antialiased
}
#background-wrap {
  bottom:0;
  left:0;
  padding-top:35px;
  position:absolute;
  right:0;
  top:0;
  z-index:1
}
@-webkit-keyframes animateCloud {
  0% {
  margin-left:-1000px
}
100% {
  margin-left:100%
}
}@-moz-keyframes animateCloud {
  0% {
  margin-left:-1000px
}
100% {
  margin-left:100%
}
}@keyframes animateCloud {
  0% {
  margin-left:-1000px
}
100% {
  margin-left:100%
}
}.search-input {
  position:absolute;
  z-index:20;
  width:506px;
  height:166px;
  top:85px;
  left:0;
  right:0;
  margin:0 auto
}
.search-input h1 {
  width:100%;
  height:40px;
  font-size:28px;
  color:#333;
  text-align:center
}
.search-warp {
  width:100%;
  height:62px;
  border-radius:5px;
  text-align:center;
  line-height:62px;
  margin-top:32px;
  margin-bottom:5px
}
.search-input p {
  text-align:center!important
}
html body .search-input .our-promiss {
  line-height:19px;
  text-align:left
}
.search-warp input[type=text] {
  width:335px;
  height:58px;
  border:0;
  font-size:20px;
  float:left;
  \text-indent:20px;
  line-height:46px
}
html body .search-warp .search-buttons {
  width:185px;
  height:43px;
  background:#ff8417;
  color:#fff;
  font-size:14px;
  border-radius:5px;
  border:0;
  transition:background .2s linear
}
html body .search-warp .search-buttons:hover {
  background:#ffb017;
  transition:background .2s linear
}
.comments {
  width:1120px;
  height:445px;
  margin:0 auto;
  margin-top:60px
}
.comments ul {
  width:1140px;
  height:445px;
  margin-left:-20px
}
.comments ul li {
  width:265px;
  height:510px;
  float:left;
  margin-left:20px;
  background:#fff
}
.comments ul li .leader-comment {
  width:265px;
  height:518px;
  position:relative
}
.comments ul li .leader-comment img {
  display:block;
  margin:0 auto;
  margin-top:28px
}
.comments ul li .leader-comment p,.comments ul li .leader-comment span {
  width:100%;
  text-align:center
}
.comments ul li .leader-comment p {
  color:#666;
  line-height:24px
}
.comments ul li .leader-comment span {
  color:#999
}
html body .comments ul li .leader-comment .text-words {
  margin-top:20px
}
html body .comments ul li .leader-comment .text-words span {
  display:block;
  width:25px;
  height:25px;
  background:url(../images/newindexer_18.jpg) center no-repeat;
  margin-left:24px;
  margin-bottom:10px
}
html body .comments ul li .leader-comment .text-words .right-sides {
  display:block;
  width:25px;
  height:25px;
  background:url(../images/newindexer_22.jpg) center no-repeat;
  margin-right:24px;
  margin-top:10px
}
html body .comments ul li .leader-comment p {
  width:210px;
  margin:0 auto;
  text-align:left
}
.coperation {
  width:220px;
  height:95px;
  text-align:center;
  position:absolute;
  bottom:25px;
  margin:0 auto;
  left:0;
  right:0;
  border-top:1px solid #ebebeb
}
html body .comments ul li .leader-comment .coperation img {
  margin-top:12px
}
.our-paterner {
  width:1120px;
  height:170px;
  margin:0 auto;
  margin-top:89px;
  margin-bottom:30px;
  overflow:hidden
}
.our-paterner table {
  width:1123px;
  height:173px;
  margin-top:-1px;
  margin-left:-1px
}
.our-paterner table tr td {
  text-align:center;
  vertical-align:middle;
  border:1px solid #ebebeb
}
.more-infor {
  width:100%;
  height:240px;
  background:#fff;
  margin-top:60px
}
.more-infors {
  width:100%;
  background:#fff;
  height:212px;
  clear:both
}
.inner-info {
  width:1120px;
  height:240px;
  margin:0 auto
}
.inner-info .article-title {
  color:#353535
}
.inner-info .article-title:hover {
  color:#c1402b
}
.inner-info .article-more {
  color:#666
}
.inner-info .article-more:hover {
  color:#c1402b
}
.left-info .top-leder {
  width:100%;
  height:30px;
  margin-bottom:20px
}
.left-info .top-leder h1 {
  float:left;
  font-size:20px;
  color:#353535
}
.left-info .top-leder h2 {
  float:right;
  margin-top:10px
}
.left-info ul {
  margin-bottom:53px;
  margin-left:18px;
  width:525px
}
.left-info ul li {
  width:100%;
  margin-bottom:10px;
  list-style-type:disc
}
.left-info ul li label {
  font-weight:400;
  float:right;
  display:inline-block;
  color:#999
}
.left-info {
  width:540px;
  height:200px;
  float:left;
  margin-top:40px
}
.left-level {
  width:178px;
  height:260px;
  float:left
}
.right-level {
  width:336px;
  height:447px;
  float:left;
  margin-left:20px;
  text-align:left
}
.right-level h2 {
  font-size:20px;
  color:#333;
  margin-bottom:5px
}
.right-level h2:first-child {
  margin-left:-8px
}
.right-level h3 {
  color:#999
}
.right-level ul {
  margin-bottom:10px;
  height:180px
}
.right-level ul li {
  margin-top:8px
}
html body .right-level a {
  width:220px;
  height:40px;
  border:1px solid #ebebeb;
  border-radius:5px;
  display:block;
  line-height:40px;
  text-indent:44px;
  color:#c1402b;
  margin-top:10px;
  background:url(../images/newindexer_34.jpg) 10px no-repeat;
  text-decoration:none
}
html body .right-level a:hover {
  color:#c1402b;
  border:1px solid #c1402b
}
.right-info {
  width:540px;
  height:200px;
  float:right;
  margin-top:40px
}
.right-info .top-leder {
  width:100%;
  height:30px;
  margin-bottom:20px
}
.right-info .top-leder h1 {
  float:left;
  font-size:20px;
  color:#353535
}
.right-info .top-leder h2 {
  float:right;
  margin-top:10px
}
.right-info ul {
  margin-bottom:53px;
  margin-left:18px;
  width:525px
}
.right-info ul li {
  width:100%;
  margin-bottom:10px;
  list-style-type:disc
}
.right-info ul li label {
  font-weight:400;
  float:right;
  display:inline-block;
  color:#999
}
.app-downloader {
  width:1120px;
  height:212px;
  margin:0 auto;
  clear:both;
  position:relative
}
.app-left {
  width:396px;
  height:212px;
  float:left;
  background:url(../images/client_ddz_icon.png) 10px 90px no-repeat;
  padding-top:90px;
  padding-left:112px;
  text-align:left;
  background-size:86px 86px;
  margin-left:-9px
}
.app-left h1 {
  font-size:20px;
  color:#000;
  margin-top:3px
}
.app-left p {
  margin-bottom:10px;
  margin-top:5px;
  color:#353535
}
.app-left .iphone-down {
  display:block;
  width:135px;
  height:34px;
  float:left;
  background:url(../images/index_phone.png) 8px 14px no-repeat;
  line-height:34px;
  text-indent:20px
}
.app-left .android-down {
  display:block;
  width:135px;
  height:34px;
  float:left;
  background:url(../images/index_wechat.png) 8px 14px no-repeat;
  line-height:34px;
  text-indent:20px
}
.client-common {
  display:block;
  width:135px;
  height:34px;
  float:left;
  line-height:34px;
  position:relative
}
.client-common .qrCode-pop {
  position:absolute;
  z-index:100;
  background-color:#fff;
  width:184px;
  height:220px;
  border-radius:3px;
  box-shadow:0 0 10px 0 rgba(0,0,0,0.3);
  left:-40px;
  top:-225px
}
.client-common .qrCode-pop img {
  width:130px;
  height:130px;
  margin-left:27px;
  margin-top:16px
}
.client-common .qrCode-pop .title {
  margin-top:163px;
  width:100%;
  left:0;
  height:20px;
  line-height:20px;
  font-size:14px;
  font-weight:600;
  color:#000
}
.client-common .qrCode-pop .subTitle {
  width:100%;
  left:0;
  margin-top:183px;
  height:17px;
  line-height:17px;
  font-size:12px;
  color:#b2b2b2
}
.client-common span {
  width:85px;
  height:20px;
  font-size:14px;
  color:#666;
  position:absolute;
  left:12px
}
.client-common img {
  width:16px;
  height:15px;
  position:absolute;
  top:10px;
  left:-3px
}
.client-common .text-hover {
  color:#c1402b
}
.app-right {
  width:498px;
  height:212px;
  overflow: hidden;
  position: relative;
  float:right
}
.base-line {
  width:100%;
  height:3px;
  border-top:1px solid #ebebeb;
  position:absolute;
  z-index:1;
  top:50px
}
.app-right img {
  position:absolute;
  right:0;
  z-index:2
}
.app-right .img-down {
  right:270px;
  top:74px
}
.business-success {
  height:420px;
  text-align:center
}
.business-success-close {
  width:25px;
  height:25px;
  cursor:pointer;
  float:right
}
.business-success-close div {
  position:absolute;
  width:1px;
  height:20px;
  background:#4e4e4e;
  margin-left:13px
}
.business-success-close .left {
  transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  -o-transform:rotate(45deg)
}
.business-success-close .right {
  transform:rotate(135deg);
  -ms-transform:rotate(135deg);
  -moz-transform:rotate(135deg);
  -webkit-transform:rotate(135deg);
  -o-transform:rotate(135deg)
}
.business-success .business-success-img {
  padding-top:20px;
  margin-left:25px
}
.business-success h4 {
  padding:22px 0;
  font-weight:normal;
  color:#434343;
  font-size:24px
}
.business-success .success-tip {
  color:#666;
  text-align:center;
  margin-bottom:28px
}
.business-success .require-tip {
  width:270px;
  margin-left:135px
}
.business-success .apply-line-1 {
  margin:0 auto
}
.business-success .success-desc {
  margin-top:15px;
  text-align:center;
  color:#777;
  font-size:12px
}
.business-success .qr-code-img img {
  width:180px;
  height:180px;
  font-size:12px
}
.business-success .btn-ok {
  width:150px;
  height:40px;
  line-height:40px;
  margin:5px 0 0 0;
  background:#02b8df;
  border-radius:3px
}
.business-success .btn-ok:hover {
  background-color:#02c0eb
}
.business-success .tel-num {
  color:#c1402b
}
.header-index .nav-home .service-phone .phone {
  color:#FFF
}
.header-index .city-pull-down .city-pull-down-bg .txt {
  color:#fff
}
.city-pull-down-hover-bg {
  background-color:rgba(255,255,255,0.2)
}
.header-index .nav-home a.myapply .loginTxt {
  font-style:normal
}
.header-index .nav-home a .logout {
  color:rgba(255,255,255,0.4)
}
.header-index {
  border-bottom:0
}






















.banner .swiper-container-horizontal>.swiper-pagination-bullets{
  bottom: 20px;
}

.banner .swiper-pagination-bullet{
  opacity: 1;
    width: 30px;
    height: 4px;
    background: #fff;
    border-radius: 4px;
    cursor: pointer;
    box-sizing: content-box;
}
.banner .swiper-pagination-bullet-active{
    background: #c1402b;
}


.base-info-item img{
  max-width: 100%;
  height: auto;
}
.banner .img{
  height: 800px;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


.banner .swiper-button-prev:after,
.banner .swiper-button-next:after{
  content:"";
  display: none;
}
.banner .swiper-button-next{
  width: 50px;
  border-radius: 50%;
  margin-top: -25px;
  right: -50px;
  transition: 0.3s all;
  height: 50px;
  background: url(../images/images/banner_next.png) no-repeat center rgba(0,0,0,0.55);
}
.banner .swiper-button-prev{
  width: 50px;
  height: 50px;
  left: -50px;
  transition: 0.3s all;
  border-radius: 50%;
  margin-top: -25px;
  background: url(../images/images/banner_prev.png) no-repeat center rgba(0,0,0,0.55);
}
.banner:hover .swiper-button-prev{
  left: 30px;
}
.banner:hover .swiper-button-next{
  right: 30px;
}
.ui-helper-hidden-accessible{
  display: none;
}





.header-listing .client-common{
  width: initial;
  height: 40px;
  line-height: 40px;
}
.header-listing .client-common .qrCode-pop{
  left: initial;
  right: -76px;
  top: initial;
}
.client-common .qrCode-pop{
  text-align: center;
}
.header-listing .client-common .qrCode-pop img{
  position: initial;
  margin: 0;
}
.header-listing .client-common .qrCode-pop .subTitle,
.header-listing .client-common .qrCode-pop .title{
  margin-top: 0;
  text-align: center;
}