@charset "utf-8";
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; }
body, button, input, select, textarea { font: 12px/1.7 'microsoft yahei', tahoma, arial, \5b8b\4f53; color: #666; }
ul, ol, li { list-style: none; }
i, em { font-style: normal }
a { color: #5f7eb0; text-decoration: none; }
a:hover { color: #5f7eb0; }
table { border-collapse: collapse; border-spacing: 0; }
table td { padding: 0; margin: 0; }
table th.wztop { vertical-align: top; }
.fl { float: left; }
.fr { float: right; }
section, article, aside, header, footer, nav, dialog, figure { display: block; padding: 0; margin: 0; }
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; height: 100%; }
body{
   background:#f4f4f4;
   -webkit-transform-style: preserve-3d;
   height: 100%;
}
*{ box-sizing: border-box;}
.xcx_wrap{
  width:1200px;
  height:auto;
  margin: 0 auto;
  background:#fff;
  margin-top: 20px;
}
.xcx_index_top{
  width: 100%;
  height: 592px;
  position: relative;
  background: url(../images/xcx_index_bg.png) no-repeat;
}
.xcx_index_logo{
  width:365px;
  height: 373px;
  background: url(../images/xcx_index_logo.png) no-repeat;
  position: absolute;
  top:50px;
  left:190px;
}
.xcx_index_logo p{
  font-size:20px;
  color:#666;
  font-size:20px;
  line-height: 30px;
  position: absolute;
  top:48px;
  left:97px;
}
.xcx_index_info{
  position: absolute;
  top:176px;
  left:277px;
}
.xcx_index_info ul li{
  width:460px;
  height: 34px;
  padding-left: 40px;
  line-height: 34px;
  position: relative;
  background: url(../images/xcx_index_cur.png) no-repeat 6px 2px;
  font-size: 20px;
  color:#035ec7;
  margin-bottom: 8px;
}
.xcx_index_code{
  width:206px;
  height: 250px;
  position: absolute;
  background:url(../images/xcx_index_code_bg.png) no-repeat;
  top:300px;
  left:292px;
}
.xcx_index_img{
  width:184px;
  height: 184px;
  position: absolute;
  top:10px;
  left:12px;
}
.xcx_index_code p{
  width:100%;
  font-size:16px;
  color:#035ec7;
  line-height: 50px;
  text-align: center;
  position: absolute;
  top:190px;
  font-weight: 600;
}
.xcx_index_phone{
  width:315px;
  height: 620px;
  background: url(../images/xcx_phone_bg.png) no-repeat;
  position: absolute;
  top:50px;
  left:776px;
}
.xcx_swiper{
  width:253px;
  height: 498px;
  position: absolute;
  top:45px;
  left:33px;
}

.swiper-pagination.point{
  bottom:44px;
  z-index: 100;
  text-align: center;
  width:100%;
}

.swiper-pagination.point span{
  width:10px;
  height: 10px;
  background: #ebebeb;
  border-radius: 10px;
  margin: 0 8px;
  opacity: 1;
  outline: none;
}
.swiper-pagination.point span.swiper-pagination-bullet-active{
  background: #3e76ec;
  width:20px
}
.xcx_index_con{
  width:100%;
  height: auto;
  padding-top: 140px;
  position: relative;
}
.xcx_index_title{
  text-align: center;
}
.xcx_index_title span{
  height: 34px;
  position: relative;
  display: inline-block;
  color:#000;
  font-size:34px;
  line-height: 34px;
}
.xcx_index_title span font{
  color:#3e76ec;
  font-size:34px;
}
.xcx_index_title span i{
  position: absolute;
  width:378px;
  height: 3px;
  display: inline-block;
  top:18px;
}
.xcx_index_title span i.xcx_line_left{
  background: url(../images/xcx_index_line_left.png) no-repeat;
  left:-378px;
}
.xcx_index_title span i.xcx_line_right{
  background: url(../images/xcx_index_line_right.png) no-repeat;
  right: -388px;
}
.xcx_item1,.xcx_item2,.xcx_item3{
  position: relative;
  
}
.xcx_item1{
  height: 492px;
}
.xcx_item1 .xcx_name{
  position: absolute;
  height: 51px;
  background: url(../images/xcx_index_01.png) no-repeat;
  padding-left: 80px;
  font-size: 36px;
  color:#3e76ec;
  top:77px;
  left:157px;
}
.xcx_index_li{
  position: absolute;
  top:165px;
  height: 42px;
  width:100%;
  font-size: 24px;
}
.xcx_index_li ul{
  padding-left: 158px;
}
.xcx_index_li ul li{
  float: left;
  padding-left: 64px;
  font-size: 24px;
  color:#333;
  position: relative;
  line-height: 42px;
  margin-right: 40px;
  display: inline;
}
.xcx_index_li ul li font{
  display: block;
  width:42px;
  height: 42px;
  border-radius:50%;
  line-height: 42px;
  text-align: center;
  color:#fff;
  background:#3e76ec;
  position: absolute;
  top:0;
  left:0;
}
.xcx_item1 .xcx_img{
  width:100%;
  position: relative;
  top:225px;
}
.xcx_item1 .xcx_img .xcx_img_con{
  position: absolute;
  left:177px;
}
.xcx_index_code_img{
  position: absolute;
  top:41px;
  left:793px;
  width:178px;
  height: 178px;
  background: url(../images/xcx_index_code.png) no-repeat -2px -2px;
}
.xcx_item2{
  height: 508px;
  background: #fafafa;
}
.xcx_item2 .xcx_name{
  position: absolute;
  height: 51px;
  background: url(../images/xcx_index_02.png) no-repeat;
  padding-left: 92px;
  font-size: 36px;
  color:#3e76ec;
  top:138px;
  left:157px;
}
.xcx_item2 .xcx_text{
  font-size:24px;
  color:#333;
  line-height: 40px;
  position: absolute;
  top:213px;
  left:182px;
}
.xcx_item2 .xcx_img_icon{
  position: absolute;
  top:84px;
  left:683px;
}
.xcx_item3{
  height: 457px;
}
.xcx_item3 .xcx_index_text{
  position: absolute;
  top:140px;
  left:571px;
  width:500px;
}
.xcx_item3 .xcx_name{
  position: absolute;
  height: 51px;
  background: url(../images/xcx_index_03.png) no-repeat;
  padding-left: 98px;
  font-size: 36px;
  color:#3e76ec;
  top:0;
  left:0;
}
.xcx_item3 .xcx_text{
  font-size:24px;
  color:#333;
  line-height: 40px;
  position: absolute;
  top:78px;
  left:13px;
}
.xcx_item3 .xcx_img_icon{
  position: absolute;
  top:82px;
  left:180px;
}
.bank20{
  width:100%;
  height: 20px;
  font-size: 0;
}