.page_center{
    width:1200px;
    margin:0 auto;
}

.appdown_title {
    font-weight: bold;
    font-size: 30px;
    color: #000000;
    line-height: 40px;
    text-align: center;
    font-style: normal;
}

.appdown_more {
    display:block;
    width:50px;
    margin:12px auto 0;
    font-weight: 400;
    font-size: 16px;
    color: #4C80FA;
    line-height: 30px;
    text-align: center;
    font-style: normal;
}

.appdown_subtitle {
    font-weight: 400;
    font-size: 16px;
    color: #333333;
    line-height: 20px;
    text-align: left;
    font-style: normal;
}

/* banner区域 */
.banner {
    height:677px;
    background-image: url('../../imgs/appdownload/banner_bg.png');
    background-size:cover;
}

.banner .banner_left{
    float:left;
    display:inline-block;
    padding-top:73px;
}

.banner .banner_left .banner_head{
    display:flex;
    align-items:center;
}

.banner .banner_left .banner_head img{
    display:inline-block;
    width:32px;
    height:32px;
    background-size:cover;
}

.banner .banner_left .banner_head span {
    font-weight: 500;
    font-size: 18px;
    color: #333333;
    line-height: 30px;
    text-align: left;
    font-style: normal;
    margin-left:13px;
}

.banner .banner_left .banner_title {
    font-weight: bold;
    font-size: 54px;
    color: #333333;
    line-height: 54px;
    text-align: left;
    font-style: normal;
    margin-top:18px;
}

.banner .banner_left .banner_subtitle {
    font-weight: 400;
    font-size: 16px;
    color: #696E73;
    line-height: 30px;
    text-align: left;
    margin-top:18px;
}

.banner .banner_left .banner_btn {
    display:inline-block;
    width: 165px;
    height: 44px;
    background: #FE9000;
    border-radius: 8px;
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 44px;
    text-align: center;
    font-style: normal;
    margin-top:36px;
}

.banner .banner_left .banner_product {
    margin-top:66px;
}

.banner .banner_left .banner_product a.banner_item {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    margin-left: 25px;
}

.banner .banner_left .banner_product a.banner_item:nth-child(1) {
    margin-left: 0;
}

.banner .banner_left .banner_product a.banner_item:hover {
    cursor: pointer;
    transform: translateY(-10px);
}

.banner .banner_left .banner_product a.banner_item img {
    display: inline-block;
    width: 60px;
    height: 60px;
    background-size: cover;
}

.banner .banner_left .banner_product a.banner_item span {
    font-weight: 400;
    font-size: 14px;
    color: #333333;
    line-height: 30px;
    text-align: left;
    font-style: normal;
}

.banner .banner_right {
    float:left;
    width: 435px;
    margin-left:60px;
    padding-top: 24px;
}

.banner .banner_right .process_box {
    width: 435px;
}

.banner .banner_right .process_box .process_carousel {
    width: 435px;
    height: 438px;
    text-align: center;
}

.banner .banner_right .process_box .process_carousel .el-carousel__container {
    height: 100%;
}

.banner .banner_right .process_box .process_carousel .el-carousel__item {
    overflow: initial;
}

.banner .banner_right .process_box .process_carousel img {
    display: inline-block;
    width: 322px;
    height: 435px;
    background-size: cover;
}

.banner .banner_right .process_box .process_con{
    margin-top:8px;
}

.banner .banner_right .process_box .process_con .content .process_name {
    display:inline-flex;
    flex-direction:column;
    align-items:center;
    width: 69px;
    height: 61px;
    background:#fff;
    border-radius: 8px;
    padding:8px 20px;
    margin-left:18px;
}

.banner .banner_right .process_box .process_con .content .process_name:nth-child(1){
    margin-left:0;
}

.banner .banner_right .process_box .process_con .content .process_name i{
    width:24px;
    height:24px;
    background-size:cover;
}

.banner .banner_right .process_box .process_con .content .process_name:nth-child(1) i.process_icon {
    background-image: url('../../imgs/appdownload/process_name1.png');
}

.banner .banner_right .process_box .process_con .content .process_name:nth-child(1).process_active i.process_icon {
    background-image: url('../../imgs/appdownload/process_name_hover1.png');
}

.banner .banner_right .process_box .process_con .content .process_name:nth-child(2) i.process_icon {
    background-image: url('../../imgs/appdownload/process_name2.png');
}

.banner .banner_right .process_box .process_con .content .process_name:nth-child(2).process_active i.process_icon {
    background-image: url('../../imgs/appdownload/process_name_hover2.png');
}

.banner .banner_right .process_box .process_con .content .process_name:nth-child(3) i.process_icon {
    background-image: url('../../imgs/appdownload/process_name3.png');
}

.banner .banner_right .process_box .process_con .content .process_name:nth-child(3).process_active i.process_icon {
    background-image: url('../../imgs/appdownload/process_name_hover3.png');
}

.banner .banner_right .process_box .process_con .content .process_name:nth-child(4) i.process_icon {
    background-image: url('../../imgs/appdownload/process_name4.png');
}

.banner .banner_right .process_box .process_con .content .process_name:nth-child(4).process_active i.process_icon {
    background-image: url('../../imgs/appdownload/process_name_hover4.png');
}

.banner .banner_right .process_box .process_con .content .process_name:nth-child(5) i.process_icon {
    background-image: url('../../imgs/appdownload/process_name5.png');
}

.banner .banner_right .process_box .process_con .content .process_name:nth-child(5).process_active i.process_icon {
    background-image: url('../../imgs/appdownload/process_name_hover5.png');
}

.banner .banner_right .process_box .process_con .content .process_name span {
    font-weight: 400;
    font-size: 14px;
    color: #353535;
    line-height: 12px;
    text-align: center;
    font-style: normal;
    margin-top:8px;
}

.banner .banner_right .process_box .process_con .content .process_active {
    background: #4C80FA;
}

.banner .banner_right .process_box .process_con .content .process_active span{
    color:#fff;
}

/* 二维码 */
.join_box {
    width: 1200px;
    height: 268px;
    background: #FFFFFF;
    box-shadow: 0px 1px 6px 1px #E9E9E9;
    border-radius: 20px 20px 20px 20px;
    margin-top:-92px;
    padding:40px 0 34px;
}

.join_box .join_qrcode{
    float:left;
    display:inline-block;
    margin:0 50px;
}

.join_box .join_qrcode li{
    display:inline-flex;
    flex-direction:column;
    align-items:center;
    margin-left:85px;
}

.join_box .join_qrcode li:nth-child(1){
    margin-left:0;
}

.join_box .join_qrcode li img {
    display: inline-block;
    width: 152px;
    height: 153px;
    background-size: cover;
}

.join_box .join_qrcode li span {
    font-weight: 400;
    font-size: 16px;
    color: #333333;
    line-height: 30px;
    text-align: left;
    font-style: normal;
    margin-top: 15px;
}

.join_box .join_show {
    display: inline-block;
    height: 194px;
    padding-left:32px;
    border-left: 1px solid #DDE4F5;
}

.join_box .join_show .join_text1 {
    display:block;
    font-weight: bold;
    font-size: 20px;
    color: #333333;
    line-height: 30px;
    text-align: center;
    font-style: normal;
    margin-top:10px;
}

.join_box .join_show .join_text2 {
    display:block;
    font-weight: bold;
    font-size: 36px;
    color: #FE6E00;
    line-height: 36px;
    text-align: center;
    font-style: normal;
    margin-top:10px;
}

.join_box .join_show img{
    display:block;
    width:139px;
    height:21px;
    background-size:cover;
    margin:6px auto 0;
}

.join_box .join_show .join_text3{
    display:block;
    margin-top:30px;
}

.join_box .join_show .join_text3 a {
    display:inline-block;
    width: 76px;
    height: 26px;
    background: #D9E4FF;
    border-radius: 13px;
    font-weight: 400;
    font-size: 14px;
    color: #0078FE;
    line-height: 26px;
    text-align: center;
    font-style: normal;
}

.join_box .join_show .join_text3 a:nth-child(1){
    margin-right:20px;
}

/* 服务内容 */
.app_service{
    margin-top:80px;
}

.app_service .service_list{
    display:inline-block;
    margin-top:55px;
}

.app_service .service_list .service_type{
    display:inline-block;
    float:left;
    width:269px;
}

.app_service .service_list .service_type li {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    width: 269px;
    height: 56px;
    service_item background: #fff;
    padding: 16px 0 16px 26px;
    border-radius: 8px;
    margin-bottom: 4px;
}

.app_service .service_list .service_type li i {
    display:inline-block;
    width:24px;
    height:24px;
    background-size:cover;
}

.app_service .service_list .service_type li:nth-child(1) i {
    background-image: url('../../imgs/appdownload/product_icon1.png');
}

.app_service .service_list .service_type li:nth-child(2) i {
    background-image: url('../../imgs/appdownload/product_icon2.png');
}

.app_service .service_list .service_type li:nth-child(3) i {
    background-image: url('../../imgs/appdownload/product_icon3.png');
}

.app_service .service_list .service_type li:nth-child(4) i {
    background-image: url('../../imgs/appdownload/product_icon4.png');
}

.app_service .service_list .service_type li:nth-child(5) i {
    background-image: url('../../imgs/appdownload/product_icon5.png');
}

.app_service .service_list .service_type li:nth-child(6) i {
    background-image: url('../../imgs/appdownload/product_icon6.png');
}

.app_service .service_list .service_type li:nth-child(7) i {
    background-image: url('../../imgs/appdownload/product_icon7.png');
}

.app_service .service_list .service_type li:nth-child(8) i {
    background-image: url('../../imgs/appdownload/product_icon8.png');
}

.app_service .service_list .service_type li:nth-child(9) i {
    background-image: url('../../imgs/appdownload/product_icon9.png');
}

.app_service .service_list .service_type li span {
    font-weight: 400;
    font-size: 18px;
    color: #333333;
    line-height: 30px;
    text-align: left;
    font-style: normal;
    margin-left: 20px;
}

.app_service .service_list .service_type li.service_type_active{    
    background: linear-gradient( 90deg, #3B83F9 0%, #5CA0FE 100%);
}

.app_service .service_list .service_type li:nth-child(1).service_type_active i {
    background-image: url('../../imgs/appdownload/product_icon_hover1.png');
}

.app_service .service_list .service_type li:nth-child(2).service_type_active i {
    background-image: url('../../imgs/appdownload/product_icon_hover2.png');
}

.app_service .service_list .service_type li:nth-child(3).service_type_active i {
    background-image: url('../../imgs/appdownload/product_icon_hover3.png');
}

.app_service .service_list .service_type li:nth-child(4).service_type_active i {
    background-image: url('../../imgs/appdownload/product_icon_hover4.png');
}

.app_service .service_list .service_type li:nth-child(5).service_type_active i {
    background-image: url('../../imgs/appdownload/product_icon_hover5.png');
}

.app_service .service_list .service_type li:nth-child(6).service_type_active i {
    background-image: url('../../imgs/appdownload/product_icon_hover6.png');
}

.app_service .service_list .service_type li:nth-child(7).service_type_active i {
    background-image: url('../../imgs/appdownload/product_icon_hover7.png');
}

.app_service .service_list .service_type li:nth-child(8).service_type_active i {
    background-image: url('../../imgs/appdownload/product_icon_hover8.png');
}

.app_service .service_list .service_type li:nth-child(9).service_type_active i {
    background-image: url('../../imgs/appdownload/product_icon_hover9.png');
}

.app_service .service_list .service_type li.service_type_active span {
    color: #fff !important;
}

.app_service .service_list .service_item {
    display:inline-block;
    width: 838px;
    height: auto;
    background: #F6F7FD;
    margin-left:40px;
    padding:20px 30px 36px;
    border-radius: 20px;
}

.app_service .service_list .service_item li{
    display:block;
}

.app_service .service_list .service_item li p.service_item_title {
    font-weight: 400;
    font-size: 22px;
    color: #0078FE;
    line-height: 30px;
    text-align: left;
    font-style: normal;
}

.app_service .service_list .service_item li p.service_item_subtitle {
    font-weight: 400;
    font-size: 14px;
    color: #666666;
    line-height: 20px;
    text-align: left;
    font-style: normal;
    margin-top: 7px;
    padding-bottom: 20px;
    border-bottom: 1px solid #EAEDF3;
}

.app_service .service_list .service_item li img {
    display: inline-block;
    max-width: 777px;
    height: 361px;
    background-size: cover;
    margin-top: 25px;
}

.app_service .service_list .service_item li .service_item_btn{
    margin-top:40px;
}

.app_service .service_list .service_item li .service_item_btn a {
    display: inline-block;
    width: 172px;
    height: 45px;
    font-weight: 400;
    font-size: 16px;
    line-height: 45px;
    text-align: center;
    font-style: normal;
    border-radius: 8px;
}

.app_service .service_list .service_item li .service_item_btn a:hover{
    transform:translateY(-5px);
}

.app_service .service_list .service_item li .service_item_btn a:nth-child(1) {
    color: #FFFFFF;
    background: linear-gradient( 90deg, #4C80FA 0%, #5CA0FE 100%);
}

.app_service .service_list .service_item li .service_item_btn a:nth-child(2) {
    color: #4C80FA;
    border: 1px solid #4C80FA;
    margin-left:40px;
}

/* 优势 */
.app_advantage{
    margin-top:80px;
}

.app_advantage .choose_main {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    text-align: center;
}

.app_advantage .choose_main .choose_item img {
    display: block;
    margin: 0 auto;
}

.app_advantage .choose_main .choose_item .choose_title {
    display: block;
    font-size: 18px;
    font-weight: 400;
    color: #3c3c3c;
    line-height: 18px;
    margin-top: 2px;
}

.app_advantage .choose_main .choose_item .choose_text {
    font-size: 14px;
    color: #9A9A9A;
    line-height: 25px;
    margin-top: 12px;
}


/* 行业和领域 */
@-webkit-keyframes scrollToRight {
    from {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
    }

    to {
        -webkit-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0);
    }
}

@keyframes scrollToRight {
    from {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
    }

    to {
        -webkit-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0);
    }
}

@keyframes scrollToRight {
    from {
        -webkit-transform: translate3d(-50%, 0, 0);
    }

    to {
        -webkit-transform: translate3d(0%, 0, 0);
    }
}

.cover_field {
    margin-top: 80px;
}

.cover_field .appdown_subtitle{
    display:block;
    width:540px;
    margin:12px auto 0;
}

.cover_field .appdown_subtitle span{
    line-height:30px;
    margin-left:56px;
}

.cover_field .appdown_subtitle span:nth-child(1){
    margin-left:0;
}

.cover_field .logo_wrap {
    position: relative;
    width: 1400px;
    height: 420px;
    overflow: hidden;
    margin: 0 auto;
    font-size: 0;
    margin-top: 55px;
}

.cover_field .logo_wrap .mask {
    position: absolute;
    z-index: 10;
}

.cover_field .logo_wrap .left_mask {
    left: 0;
}

.cover_field .logo_wrap .right_mask {
    right: 0;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.cover_field .logo_wrap div {
    margin-bottom: 30px;
}

.cover_field .logo_wrap .line_odd {
    width: 2450px;
    -webkit-animation: scrollToRight 36s linear infinite;
    animation: scrollToRight 36s linear infinite;
}

.cover_field .logo_wrap .line_even {
    width: 2450px;
    -webkit-animation: scrollToRight 30s linear infinite;
    animation: scrollToRight 30s linear infinite;
}

.cover_field .logo_wrap .logo_img {
    width: 50%;
    display: inline-block;
}

/* 常见问题 */
.problem{
    padding-bottom:60px;
}

.problem .problem_titlebar {
    color: #000000 !important;
}