html {
    background: #f5f5f5;

}

body {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-family: ΢ÈíÑźÚ;
    color: #2e2221;
}

.tab_wrap  {
    margin: 0 auto;
    position: relative;
}

.tab_wrap .mainRow {
    width: 1160px;
    margin: 0 auto;
}

.tab_wrap .content1 {
    position: relative;
}

/*Í·²¿*/
.banner {
    height: 600px;
    position: relative;
    background: url('/contents/xbrlfx/img/img-kv/bg.png') no-repeat center top;
}

.banner .content_wrap {
    width: 1160px;
    height: 600px;
    position: relative;
    margin: 0 auto;
}


.banner .header {
    top: 160px;
    left: 190px;
    width: 776px;
    height: 60px;
    position: absolute;
}

.text1 {
    position: absolute;
    top: 332px;
    left: 74px;
}

.text1 .img1 {
    position: absolute;
    top: -6px;
    left: 20px;
}

.text1 .img2 {
    position: absolute;
    top: 0;
    left: 208px;
}

.text2 {
    position: absolute;
    top: 380px;
    left: 454px;
}

.text2 .img2 {
    position: absolute;
    top: -26px;
    left: 36px;
}

.text3 {
    position: absolute;
    top: 440px;
    left: 612px
}

.text3 .img2 {
    left: -56px;
    position: absolute;
    top: 34px;
}


.text4 {
    position: absolute;
    top: 344px;
    right: 180px;
}

.text4 .img2 {
    position: absolute;
    top: -6px;
    right: -144px;
}

.content1 {
    padding: 78px 0;
    background: #fff;
}

.content1 .mainRow {
    position: relative;
    background: #fff;
}

.content1 .quote_left {
    position: absolute;
    width: 62px;
    height: 52px;
    left: -90px;
    top: 0px;
    background: url('/contents/xbrlfx/img/upSignal.png') no-repeat left top;
}

.content1 .quote_right {
    position: absolute;
    width: 62px;
    height: 52px;
    right: -70px;
    top: 70px;
    background: url('/contents/xbrlfx/img/downSignal.png') no-repeat right top
}

.intro .intro_header {
    font-size: 32px;
    font-family: ΢ÈíÑźÚ;
    color: #666;
    font-weight: bold;
    text-align: left;
    margin-bottom: 40px;
}

.intro .intro_text {
    line-height:  1.8;
}

.intro_text span:nth-child(1){
    font-family: ΢ÈíÑźÚ;
    font-size: 20px;
    color: #435aeb;
    font-weight: bold;
}

.intro_text span:nth-child(2){
    font-family: ΢ÈíÑźÚ;
    font-size: 16px;
    color: #2e2221;
}

.content2 {
    padding: 60px 0 ;
    background: #f3faff;
}

.content2 .intro_header{
    font-size: 32px;
    font-family: ΢ÈíÑźÚ;
    color: #666;
    font-weight: bold;
    text-align: center;
    margin-bottom: 40px;
}

.content2 > div {
    margin-bottom: 8px;
}

.intro_usr {
    height: 74px;
    background: url('/contents/xbrlfx/img/img_ztjg_Article 1.png') no-repeat center
}

.intro_show {
    height: 50px;
    background: url('/contents/xbrlfx/img/img_ztjg_Article 2.png') no-repeat center
}

.intro_app {
    height: 249px;
    background: url('/contents/xbrlfx/img/img_ztjg_Article 3.png') no-repeat center
}

.intro_store {
    height: 91px;
    background: url('/contents/xbrlfx/img/img_ztjg_Article 4.png') no-repeat center
}

.intro_infer {
    height: 70px;
    background: url('/contents/xbrlfx/img/img_ztjg_Article 5.png') no-repeat center
}

.content3 {
    padding: 60px 0;
    position: relative;
    height: 828px;
    background: #fff;
}
.content3 p {
    margin-top: 10px;
    line-height: 1.8;
}


.content3  span {
    font-size: 20px;
    font-weight: bold;
    color: #6981f7;
    vertical-align: top;
}

.content3 .intro_header {
    font-size: 32px;
    font-family: ΢ÈíÑźÚ;
    color: #666;
    font-weight: bold;
    text-align: center;
    margin-bottom: 40px;
}

.content3 .intro_function {
    height: 626px;
    background: url('/contents/xbrlfx/img/img_gntd_bg.png') no-repeat center
}

.content3 .intro_content1 {
    top: 182px;
    left: -2px;
    width: 338px;
    position: absolute;
}
.content3 .intro_content2 {
    top: 100px;
    width: 356px;
    right: 109px;
    position: absolute;
}
.content3 .intro_content3 {
    top: 356px;
    right: -36px;
    width: 346px;
    position: absolute;
}
.content3 .intro_content4 {
    bottom: -80px;
    right: 200px;
    width: 372px;
    position: absolute;
}
.content3 .intro_content5 {
    bottom: 48px;
    left: 199px;
    width: 320px;
    position: absolute;
}
.content3 .content_wrap{
    width: 1160px;
    margin: 0 auto;
    position: relative;
}

/*

.content3 .intro_wrap {
    width: 1160px;
    margin: 0 auto;
    position: relative;
}
*/

.intro_content1 span {
  margin-right: 12px;
}


.intro_content2 span {
    margin-left: 12px;
}

.intro_content2 p {
    padding-left: 36px;
}

.intro_content3 span {
    margin-left: 12px;
}

.intro_content3 p {
    padding-left: 36px;
}

.intro_content4 span {
    margin-left: 12px;
}

.intro_content4 p {
    padding-left: 36px;
}

.intro_content5 span {
    margin-right: 12px;
}

.content4 .intro_header{
    font-size: 32px;
    font-family: ΢ÈíÑźÚ;
    color: #666;
    font-weight: bold;
    text-align: center;
    margin-bottom: 40px;
}

.content4 {
    padding: 60px 0;
    background: #f3faff;
    height: 400px;
}

.intro_wrap {
    width: 500px;
    float: left;
    margin-bottom: 10px;
}

.intro_wrap img {
    height: 133px;
    width: 133px;
    float: left;
    margin-right: 45px;
}

.intro_wrap > div {
    width: 320px;
    float: left;
}

.intro_content {
    width: 1160px;
    margin: 0 auto;
}

.content4 .leftCon {
    margin-right: 160px;
}<!--ºÄʱ1758597436.3266Ãë-->